Meta Tag Generator

Create optimized meta tags for your website to improve SEO and how your pages appear in search results.

Page Title (required)

Recommended length: 50-60 characters

Meta Description

Recommended length: 150-160 characters

Keywords (comma separated)

Author

Viewport

Robots

Meta Tag Generator (Title, Description, Robots & Viewport)

Generate essential meta tags for your web pages instantly with our free SEO meta tag generator. Create properly formatted HTML meta tags including title tags, meta descriptions, robots directives, viewport settings, and more. Copy and paste the generated code directly into your page's HTML head section.

Perfect for optimizing pages for search engines, controlling indexing, improving SERP snippets, and configuring mobile viewport settings.

Generate SEO Meta Tags for Your Page

Our meta tag generator creates the essential meta tags that belong in your page's HTML head section. These tags influence how your pages appear in search results, control search engine indexing behavior, and configure mobile display settings.

The generator outputs properly formatted HTML for title tags, meta descriptions, robots directives, viewport configuration, author attribution, and keywords (though Google ignores meta keywords for ranking). Simply fill in the fields, generate your tags, and paste the code into your page's head section.

Important expectations: While meta tags are crucial for SEO, they don't guarantee specific search results. Google may rewrite page titles and choose different text for search snippets based on what best matches user queries. Meta tags provide guidance to search engines, but the final display is determined by the search engine's algorithms.

How to Use the Meta Tag Generator

Creating your meta tags takes just a few simple steps:

Step 1: Enter Your Page Information

Fill in the page title field with your desired title tag content. Add your meta description text that summarizes the page content. Include author name if you want to attribute the page. Add keywords if desired (though note that Google doesn't use meta keywords for ranking).

Step 2: Configure Robots and Viewport Settings

Select your robots meta tag directives. Choose "index, follow" for normal pages you want in search results, or "noindex" to prevent indexing. Add your viewport configuration for mobile display, typically "width=device-width, initial-scale=1" for responsive sites.

Step 3: Generate and Copy Your Tags

Click generate to create your meta tags. The tool outputs properly formatted HTML code ready to paste into your page. Copy the generated code and paste it inside the <head>...</head> section of your HTML document, after the opening <head> tag but before the closing </head> tag.

Where to paste the code: Open your HTML file or page template and locate the <head> section. Paste the generated meta tags within this section:

<head>
  <meta charset="UTF-8">
  <!-- Paste your generated meta tags here -->
  <title>Your Page Title</title>
  <meta name="description" content="Your description">
  <meta name="robots" content="index, follow">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

For WordPress sites using themes without SEO plugins, you can add meta tags through theme header files or custom code sections. For sites using Yoast SEO or Rank Math plugins, use those plugin interfaces instead since they manage meta tags automatically. For Shopify, edit theme liquid files or use SEO apps. For Wix, use the built-in SEO settings panel.

What Each Meta Tag Does

Understanding each meta tag helps you use them effectively:

Title tag (<title>...</title>) appears in browser tabs and typically forms the clickable blue link in search results (called "title links"). The title tag is one of the most important on-page SEO elements because it tells both users and search engines what the page is about. Google may choose to display different text as the title link based on the query, page content, or other factors, but your title tag provides the primary guidance. Keep titles descriptive, unique per page, and relevant to the page content. Recommended length is typically 50-60 characters, though Google truncates based on pixel width, not character count.

Meta description (<meta name="description" content="...">) may be used by search engines for the text snippet displayed below the title link in search results. A well-written meta description acts as advertising copy that encourages clicks from search results. However, Google frequently generates snippets from page content instead of using the meta description, especially when page text better matches the user's query. Meta descriptions don't directly impact rankings but can significantly affect click-through rates. Recommended length is typically 150-160 characters for desktop, though mobile displays less. Write compelling descriptions that accurately summarize page content and include a call to action.

Robots meta tag (<meta name="robots" content="...">) provides page-level instructions to search engine crawlers about indexing and following links. Common directives include "index" (allow page in search results), "noindex" (prevent page from appearing in search results), "follow" (crawl links on this page), and "nofollow" (don't crawl links on this page). Additional directives include "nosnippet" (don't show text snippets), "noarchive" (don't show cached version), "max-snippet" (limit snippet length), and others. The robots meta tag is powerful for controlling what appears in search results but must be used carefully to avoid accidentally hiding important pages.

Viewport meta tag (<meta name="viewport" content="...">) controls how web pages render on mobile devices by setting the viewport width and initial zoom level. The standard value "width=device-width, initial-scale=1" tells mobile browsers to set the viewport width to the device's screen width and not to zoom in initially. This tag is essential for responsive web design and mobile-friendly pages. Without a proper viewport tag, mobile browsers may render pages at desktop widths and scale them down, making text tiny and forcing users to zoom and scroll horizontally. This tag doesn't affect SEO rankings directly but impacts mobile usability, which does affect SEO.

Meta keywords (<meta name="keywords" content="...">) was historically used to specify page keywords but Google hasn't used meta keywords for ranking since 2009 due to widespread abuse and keyword stuffing. While some smaller search engines might still reference this tag, it has no impact on Google rankings. Many SEO experts recommend omitting meta keywords entirely since they provide no benefit and potentially reveal your target keywords to competitors. Our generator includes this field for completeness, but understand it won't help your Google rankings.

Author meta tag (<meta name="author" content="...">) specifies the page author and is purely informational. It doesn't impact SEO rankings but may be used by some systems for attribution. This is optional metadata that helps identify content creators.

Best Practices for Titles and Meta Descriptions

Creating effective titles and descriptions requires understanding how search engines and users interact with them:

Make titles unique for every page. Each page on your site should have a distinct title that accurately describes that specific page's content. Duplicate titles confuse users and search engines about which page is most relevant for different queries. Unique titles help each page compete independently in search results.

Match search intent with your title and description. Consider what users are searching for when they might find your page. If someone searches "how to bake sourdough bread" and your page teaches that skill, your title should clearly indicate it answers that question. Align your meta tags with the actual page content and the problems users are trying to solve.

Avoid keyword stuffing. While it's important to include relevant keywords in titles and descriptions, cramming in excessive keywords makes text unreadable and can harm rather than help SEO. Write naturally for humans first. One or two well-placed keywords in natural sentences work better than keyword-stuffed gibberish.

Write compelling meta descriptions that encourage clicks. Think of your meta description as a mini-advertisement for your page. Include benefits, unique value propositions, or calls to action. Instead of just describing what's on the page, tell users why they should click. Use active voice and address the user directly when appropriate.

Keep titles reasonably concise but prioritize clarity over strict character counts. Google truncates titles based on pixel width (approximately 600 pixels), which translates to roughly 50-60 characters for most text. However, Google also considers title quality, relevance, and readability. A slightly longer but clearer title often performs better than an artificially shortened cryptic one. The recommended character range is a guideline, not an absolute rule.

Google may rewrite your titles and descriptions. This is normal and often happens when Google's systems determine that different text would better answer a specific query or when titles are too long, too short, keyword-stuffed, or don't match page content. To minimize rewrites, use descriptive titles that match your page content, avoid clickbait or misleading titles, keep important words near the beginning, and ensure your page's main heading (H1) aligns with your title tag. Google may pull title text from H1 tags, page content, or other sources if it decides your title tag isn't optimal.

Meta descriptions are suggestions, not guarantees. Google generates snippets dynamically based on user queries, often pulling text from page content that best matches what the user searched for. Google might use your meta description for some queries and generate snippets from page text for others. This is actually beneficial because it allows Google to show users the most relevant preview for their specific search. Write good meta descriptions anyway because they're used frequently enough to matter.

Include target keywords naturally. Both titles and descriptions benefit from including the main keywords or phrases you want the page to rank for, but they should read naturally. Keywords should appear where they make sense grammatically, not forced awkwardly into sentences. Search engines are sophisticated enough to understand synonyms and related terms, so perfect keyword matching isn't necessary.

Robots Meta Tag Presets and Use Cases

Understanding robots directives helps you control how search engines interact with your pages:

Index, follow (or just leaving robots unspecified) is the default behavior and appropriate for most pages. This allows search engines to include the page in search results and to crawl links on the page. Use this for all pages you want visitors to find through search engines: product pages, blog posts, service pages, informational content, and most regular pages on your site.

Noindex, follow prevents the page from appearing in search results but allows search engines to crawl links on the page. This is useful for pages that need to be accessible but shouldn't appear in search results. Common use cases include thank you pages after form submissions, internal search results pages, user account pages, staging or development pages, thin content pages, pages with duplicate content, archived content you want accessible but not indexed, and pages behind paywalls or login screens. The "follow" part ensures search engines discover other pages linked from these hidden pages.

Noindex, nofollow prevents both indexing and link following. This is more restrictive and typically used for completely private pages, pages with no SEO value, pages linking to untrusted content, or temporary pages you want fully excluded from search. Use sparingly because it prevents search engines from discovering new pages through links on these pages.

Important warning about noindex: Using noindex is powerful and permanent while active. If you accidentally noindex important pages, they'll disappear from search results within days or weeks. Before implementing noindex, confirm you genuinely want the page hidden from search. Common mistakes include accidentally noindexing entire sites during development, forgetting to remove noindex when launching, or unintentionally noindexing valuable pages through template settings. Always double-check robots directives before deployment, especially when working with site-wide templates or plugins that apply settings to multiple pages.

Additional robots directives provide finer control. "Nosnippet" prevents showing text snippets in search results while still indexing the page. "Noarchive" prevents Google from caching the page. "Max-snippet:number" limits snippet length to a specified character count. "Max-image-preview:setting" controls preview image size. These advanced directives are useful for controlling how pages appear in results without completely hiding them.

Robots.txt vs robots meta tag: The robots.txt file controls crawling (whether search engines can access pages), while the robots meta tag controls indexing (whether pages can appear in search results). They serve different purposes. To prevent indexing, use the robots meta tag, not robots.txt. In fact, blocking pages in robots.txt can prevent search engines from seeing the noindex directive, potentially keeping already-indexed pages in search results. For pages you want removed from search results, ensure they're crawlable but noindexed.

Troubleshooting Common Meta Tag Issues

Here are solutions to frequent meta tag problems:

"Google isn't showing my meta description in search results" is completely normal and expected. Google generates search snippets dynamically based on user queries and often pulls text from page content instead of using the meta description. This happens when page content better matches the user's search terms, when the meta description is too short or too long, when the description doesn't match page content, or simply when Google's algorithms determine different text would be more useful. This isn't a problem to fix, it's how Google works. Write good meta descriptions anyway because they're used for many queries, but don't expect them to appear 100% of the time.

"Google rewrote or changed my page title" happens frequently and for various reasons. Google generates title links from multiple sources including the title tag, H1 headings, other prominent text on the page, and anchor text from links pointing to the page. Google may rewrite titles that are too long (over 60 characters is more likely to be rewritten), too short (less than 30 characters), keyword-stuffed or spammy, don't match page content, are duplicated across many pages, or are vague or uninformative. To minimize rewrites, create descriptive, accurate titles that match page content, keep primary keywords near the beginning, ensure your H1 tag matches or closely aligns with your title tag, avoid keyword stuffing, and make titles unique across your site. Remember that Google's goal is showing users the most relevant and useful title for their specific search, so rewrites often improve performance even if they don't match exactly what you specified.

"My page disappeared from Google search results" could indicate a noindex directive is active. Check your page's HTML source for <meta name="robots" content="noindex"> or similar directives. Also check if your site-wide settings, theme, or SEO plugins have accidentally applied noindex to pages. Verify in Google Search Console whether pages are blocked or have indexing issues. If you find unexpected noindex directives, remove them and request reindexing through Google Search Console. Pages can reappear in search results within days after removing noindex, though full recovery may take longer depending on crawl frequency and site authority.

"Viewport meta tag isn't working or pages aren't mobile-friendly" usually results from incorrect viewport syntax or conflicting CSS. Ensure your viewport tag exactly matches the standard format: <meta name="viewport" content="width=device-width, initial-scale=1">. Check for typos in attribute names or values. Verify the viewport tag is actually in the page's head section, not in the body. If the viewport tag is correct but pages still aren't responsive, the issue is likely in your CSS, not the meta tag. The viewport tag only sets the viewport size; your CSS must actually implement responsive design with media queries and flexible layouts.

"I added meta keywords but my rankings didn't improve" is expected because Google doesn't use meta keywords for ranking and hasn't since 2009. The meta keywords tag was abandoned due to widespread abuse through keyword stuffing. Adding keywords to this tag won't hurt (unless you stuff thousands of keywords), but it provides no SEO benefit for Google. Some smaller search engines might still reference meta keywords, but they're generally not worth the effort. Many SEO professionals recommend omitting meta keywords entirely. Focus instead on quality page content, title tags, meta descriptions, and other legitimate SEO factors.

"My meta tags aren't showing up in the HTML source" could indicate the tags are being stripped by your CMS, plugin conflicts, incorrect placement (tags must be inside the head section), or caching issues preventing updates from appearing. If using WordPress with an SEO plugin, the plugin might override manual meta tags. Check if your theme or plugins are removing custom code from the head. Clear all caches (browser cache, page cache, CDN cache) to see recent changes. View the actual HTML source (right-click, view source) rather than using browser inspector, as inspectors sometimes show modified DOM rather than original HTML.

"Different pages have duplicate meta descriptions/titles" is an SEO problem that dilutes each page's individuality in search results. Review your templates to ensure each page type generates unique descriptions. For large sites with many similar pages (like product pages), create formulas that combine unique elements: "Buy Product Name - Category - Brand" produces unique titles even with templates. Use your CMS's capabilities to generate unique meta content based on page-specific fields. Avoid copying and pasting the same descriptions across multiple pages.

Frequently Asked Questions

What are meta tags in SEO?

Meta tags are HTML elements placed in the head section of web pages that provide metadata (information about the page) to search engines and browsers. Key SEO-relevant meta tags include the title tag (the page title shown in search results and browser tabs), meta description (suggested text for search result snippets), robots meta tag (indexing and crawling instructions), and viewport tag (mobile display configuration). Meta tags help search engines understand page content, control how pages appear in search results, and manage indexing behavior. While important for SEO, meta tags are suggestions to search engines rather than commands, and search engines may choose to display different information based on user queries and their algorithms.

How do I add meta tags to my website's HTML head section?

For hand-coded HTML sites, open your HTML file in a text editor and paste meta tags inside the <head>...</head> section, typically near the top after the opening <head> tag. For WordPress sites without SEO plugins, you can add meta tags by editing your theme's header.php file or using custom code plugins, though it's better to use dedicated SEO plugins like Yoast SEO or Rank Math that provide interfaces for managing meta tags without editing code. For Shopify, access your theme code editor and add meta tags to the theme.liquid file's head section or use Shopify SEO apps. For Wix, use the built-in SEO settings panel accessible from the page settings menu. For other platforms, check your CMS documentation for meta tag management or look for SEO-focused plugins or extensions.

What's the difference between a title tag and a meta description?

The title tag (<title>) is displayed as the clickable headline in search results (called title links) and appears in browser tabs. It's one of the most important on-page SEO elements and directly impacts rankings. The meta description (<meta name="description">) is suggested text that may appear as the snippet below the title in search results. It doesn't directly affect rankings but influences click-through rates. The title tag is generally limited to 50-60 characters before truncation, while meta descriptions typically display around 150-160 characters. Both should be unique per page and accurately describe page content, but titles are more critical for SEO while descriptions are more focused on encouraging clicks.

Does Google use meta keywords for ranking?

No, Google has not used the meta keywords tag for ranking since 2009. Google announced this publicly because the tag was so heavily abused through keyword stuffing that it became useless as a quality signal. While some smaller search engines might still reference meta keywords, they provide no SEO benefit for Google, which handles the vast majority of searches. Many SEO professionals recommend omitting the meta keywords tag entirely since it provides no value and potentially reveals your keyword strategy to competitors. Focus instead on creating quality content, optimizing title tags and meta descriptions, and implementing other proven SEO practices.

Why is Google not showing my meta description in search results?

Google frequently generates search result snippets from page content rather than using the meta description, and this is normal expected behavior. Google chooses snippet text dynamically based on user queries, often selecting text from the page that best matches what the user searched for. Your meta description may be ignored if it doesn't match page content, if page content better answers the query, if the description is too short or too long, or simply because Google's algorithms determined different text would be more relevant for that specific search. This isn't an error or problem. Write compelling meta descriptions because they are used for many queries, but understand that Google will sometimes choose different snippet text to better serve users. Meta descriptions that accurately summarize page content and include relevant keywords are more likely to be used.

Why did Google change or rewrite my page title?

Google generates title links (the clickable headlines in search results) from multiple sources and may display different text than your title tag. Common reasons for title rewrites include titles that are too long (over 60 characters are more likely to be modified), too short (under 30 characters may be expanded), keyword-stuffed or spammy, don't accurately match page content, are duplicated across many pages, are too vague or uninformative, or when Google finds better title text in H1 headings or other prominent page elements. Google's goal is showing users the most relevant title for their specific search query. To minimize rewrites, create descriptive titles that accurately reflect page content, keep important keywords near the beginning, ensure your H1 and title tags align, avoid keyword stuffing, and make each title unique. Remember that rewrites often improve click-through rates even if they don't match exactly what you wrote.

What does "noindex" do in the robots meta tag?

The "noindex" directive (<meta name="robots" content="noindex">) instructs search engines not to include the page in search results. The page can still be crawled and accessed by users who have the direct URL, but it won't appear when people search on Google or other search engines. Use noindex for pages that need to be accessible but shouldn't appear in search results, such as thank you pages, internal search results, user account pages, duplicate content, thin content pages, staging sites, or pages behind logins. Be very careful with noindex because it's powerful and permanent while active. Accidentally noindexing important pages will cause them to disappear from search results within days or weeks. Always verify which pages have noindex before deploying to production.

Should I use "nofollow" in the robots meta tag for pages?

The "nofollow" directive in robots meta tags (<meta name="robots" content="nofollow">) prevents search engines from crawling links on that page. This is different from nofollow link attributes and has broader implications. Use page-level nofollow sparingly, typically only for pages that link to untrusted content, pages with no SEO value where you don't want to pass any link equity, or pages where you specifically don't want search engines discovering linked pages. In most cases, "index, follow" or "noindex, follow" are more appropriate. The "follow" part is often desirable even on noindexed pages because it helps search engines discover other pages on your site. Consult Google's documentation on robots meta tags for nuanced guidance, as improper use of nofollow can prevent search engines from discovering important pages.

What should I put in the viewport meta tag?

For most responsive websites, use <meta name="viewport" content="width=device-width, initial-scale=1">. This is the standard viewport configuration that tells mobile browsers to set the viewport width equal to the device's screen width and not to zoom in initially. The "width=device-width" part makes the viewport adapt to different device sizes, while "initial-scale=1" prevents automatic zooming. This configuration is essential for mobile-friendly, responsive web design. Without a proper viewport tag, mobile browsers may render your page at desktop width and scale it down, making text tiny and forcing horizontal scrolling. Some sites add additional parameters like "maximum-scale=1" or "user-scalable=no" to prevent zooming, though this harms accessibility and is generally discouraged.

How long should my title tag and meta description be?

Title tags should typically be 50-60 characters to avoid truncation in most search results, though Google truncates based on pixel width (approximately 600 pixels) rather than character count, so the exact length varies by the specific characters used. Meta descriptions typically display around 150-160 characters on desktop and less on mobile, though Google may show longer snippets for some queries. These are guidelines, not absolute rules. Google truncates based on available space and device, and may show more or less depending on the situation. Prioritize clarity and completeness over strict character counts. A slightly longer but more descriptive title often performs better than an artificially shortened cryptic one. Write naturally and let Google handle truncation if needed, keeping important information near the beginning.

Do meta tags guarantee better search rankings?

No, meta tags don't guarantee rankings and are just one small part of SEO. While title tags are an important on-page signal, meta descriptions don't directly affect rankings at all (though they influence click-through rates, which may indirectly affect performance). Meta tags provide guidance to search engines about page content and desired indexing behavior, but rankings are determined by hundreds of factors including content quality, backlinks, site authority, user experience, mobile-friendliness, page speed, and many others. Well-optimized meta tags can help pages perform better in search results by improving click-through rates and ensuring proper indexing, but they're not ranking factors in isolation. Focus on comprehensive SEO including quality content, technical optimization, link building, and user experience rather than expecting meta tags alone to drive rankings.

How do I preview how my page will appear on Google and social media?

For Google search result previews, use SERP simulator tools that show how your title and description will appear in search results with truncation and formatting. Many SEO tools and plugins include SERP preview features. Google Search Console also shows how your pages appear in search. For social media previews (Facebook, Twitter, LinkedIn), you need Open Graph and Twitter Card meta tags, which are separate from standard SEO meta tags. Use Open Graph meta tag generators to create social sharing tags that control images, titles, and descriptions when pages are shared on social platforms. Facebook's Sharing Debugger and Twitter's Card Validator let you test how pages will appear when shared. Our related tools include an OG Meta Generator for social previews and Google SERP Simulator for search result previews.