Home SEO Tools Meta Tag Generator

🏷️ Meta Tag Generator AI-Powered

Jump to Live Tool

Generate complete HTML meta tags for SEO and social sharing β€” title, description, Open Graph, and Twitter Card. Free, browser-based, no signup.

Reviewed by Anurag, founder of Tooliest

Loading the interactive Meta Tag Generator tool...

If JavaScript is enabled, Tooliest will load the live browser-based tool automatically.

Privacy model SEO inputs stay local

Meta Tag Generator works from the values you enter in the page, keeping site data, drafts, and optimization notes on your device.

Workflow fit Built for launch checks

Use it to prepare metadata, crawl instructions, structured data, or keyword checks before publishing site changes.

Review step Validate before deployment

Confirm the generated SEO output against your CMS, search console data, or live page requirements before pushing changes.

Which Meta Tags Google Actually Uses in 2026 (And Which It Ignores)

There are dozens of meta tags that can technically be placed in a page's head section. Google actively uses or responds to only a small subset of them. The majority of meta tags that were documented and recommended in the 1990s and early 2000s are now completely ignored by Google's crawlers and have been for years.

The tags Google does use or respond to break down as follows. The title tag — technically not a meta tag but living in the same head section — is the primary signal for page topic. It appears in search results, browser tabs, and social shares, and Google rewrites it in approximately 20% of cases when it determines a better title from the page's own content. The meta description does not affect rankings but is used to generate the snippet displayed below the title in search results — Google rewrites it in approximately 62% of cases according to a 2023 Portent study, but a well-written description meaningfully improves click-through rate for the cases where Google does use it. The meta robots tag directly controls indexing behavior: noindex prevents the page from appearing in search results, and nofollow prevents Google from following any links on the page. The canonical tag — written as rel="canonical" — tells Google which version of a page is authoritative when duplicate versions exist, which is critical for e-commerce sites with URL parameter variations. The hreflang tag signals which language and region version of a page to show to which users, and is only relevant for sites serving content in multiple languages or to multiple geographic audiences.

The tags Google ignores entirely as ranking signals are equally worth knowing. The meta keywords tag has been officially ignored since 2009 — adding keywords here provides zero benefit and exposes your keyword strategy to anyone who reads your page source. The meta author tag is not used as a ranking or indexing signal. The meta revisit-after tag is a holdover from early web crawlers that modern search engines discard entirely.

Focus your meta tag effort on title, description, meta robots, and canonical. Everything else is either for social media platforms or legacy infrastructure that no longer serves a search purpose. For structured search enhancements beyond standard metadata, use Tooliest's Schema Markup Generator.

Title Tags: The Exact Rules for Length, Format, and What Google Rewrites

Google displays title tags up to approximately 600 pixels wide in its search results, which corresponds to roughly 55 to 60 characters in the fonts Google uses for its results pages. Beyond this width, the title is truncated with an ellipsis — the rest of your title disappears, and whatever was cut off does not contribute to the user's decision to click.

The implication is direct: the most important words in your title need to appear within the first 55 characters. If your page is titled "The Complete Guide to JavaScript Array Methods for Beginners and Advanced Developers," Google displays only "The Complete Guide to JavaScript Array Methods for..." — and the audience signal that would have helped a beginner or an advanced developer self-select is gone entirely. Front-loading the specific, searchable content of your title is not a stylistic preference — it is a functional requirement given the display limit.

Google rewrites title tags under several specific conditions. When the title is long enough that truncation would make the result meaningless, Google constructs a shorter version from page content. When the title is keyword-stuffed or does not accurately reflect what the page actually contains, Google substitutes something more representative. When titles are written in all uppercase, Google converts them to sentence case. When a better title can be inferred from the H1 heading or other prominent text on the page, Google uses that instead — this happens in approximately 20% of cases where the H1 and title tag are near-identical or where the title tag clearly misrepresents the page.

The format that consistently performs well in search results is: Primary Keyword — Secondary Benefit or Context | Brand Name. An example that applies this correctly: "JSON Formatter — Validate and Beautify JSON Online | Tooliest." This structure front-loads the keyword, adds context that differentiates the page from competing results, and appends the brand without consuming the character budget before reaching any searchable content.

The format to avoid is "Welcome to Company Name — We Offer Services" in any variation. This wastes 30 or more characters on text that carries zero search value before reaching anything a user would recognize as relevant to their query.

Meta Descriptions: What to Write to Get the Click

The meta description's role is precise and often misunderstood: it does not affect where your page ranks in search results, but it directly affects how many people click your result from whatever position it occupies. This makes writing a meta description a conversion optimization task, not an SEO ranking task — the audience for it is the human scanning search results, not Google's ranking algorithm.

The character limit that matters is 150 to 160 characters. Google displays snippets up to approximately 920 pixels wide, which corresponds to roughly 150 to 160 characters in most fonts at the sizes Google uses. Descriptions exceeding this length are truncated in the standard display. Google will occasionally show longer descriptions for specific queries when the additional text is particularly relevant to the search term, but you cannot reliably count on this behavior — write to the 155-character mark as your target.

Google rewrites or ignores your meta description in approximately 62% of cases, substituting a passage from your page content that it determines is more relevant to the user's specific query. This is most common when the user's search contains terms that appear verbatim in your page body but not in your description. The practical implication is that your meta description matters most for branded queries and navigational searches — situations where someone is already looking for you specifically and your description can reinforce why they should click your result over a competitor's.

For the cases where your description does appear, three components produce descriptions that earn clicks. First, state concretely what the page delivers — not "learn about invoicing" but "generate a professional invoice in 60 seconds with no signup." Second, include the primary keyword naturally, since Google bolds matching terms in snippets and bolded text draws the eye of someone scanning results. Third, end with a low-friction signal — "Free," "No account needed," "Instant download," "Works in your browser" — phrases that remove hesitation from a reader who is weighing whether to click your result or the one below it.

Open Graph Tags: How Your Links Look When Shared on Social Media

Open Graph is a protocol developed by Facebook in 2010 that has since been adopted by LinkedIn, WhatsApp, Slack, Discord, Twitter and X, and effectively every platform that generates link preview cards when a URL is shared. When someone pastes your URL into a social media post or a messaging platform, that platform reads the Open Graph tags in your page's head section to decide what image, title, and description to display in the preview. Without these tags, platforms make their own choices — and those choices are rarely what you would want.

The four Open Graph tags that every shareable page needs are these. The og:title tag controls the title shown in the link preview card — this can and often should differ from your HTML title tag, because social titles can be more conversational and curiosity-driven than the keyword-focused titles that work in search results. The og:description tag controls the description shown in the preview, typically displaying the first two to three lines, equivalent to approximately 200 characters. The og:image tag controls the image displayed in the preview card, and this single tag has the largest impact on whether people click a shared link — the recommended size is 1200×630 pixels at a 1.91:1 aspect ratio; images smaller than 600×315 pixels may display as a small thumbnail rather than a large card, significantly reducing visual presence. The og:url tag sets the canonical URL for the page in the context of social sharing, which prevents tracking parameters and session identifiers from being stored as the permanent URL when someone saves or re-shares the link.

The most common and costly mistake with Open Graph is omitting the og:image tag. When it is absent, platforms choose an image from the page automatically — often selecting a logo, a sidebar advertisement image, or something completely unrelated to the page content. Every page that is likely to be shared on social media needs an explicit og:image.

Twitter and X use their own parallel tag set: twitter:card, twitter:title, twitter:description, and twitter:image. These function identically to the Open Graph equivalents but are read by Twitter specifically. Setting twitter:card to "summary_large_image" produces a large image preview rather than a small thumbnail card — a meaningful difference in visual impact when your content is shared on the platform. Twitter falls back to reading Open Graph tags when Twitter-specific tags are absent, so setting both is best practice but using only Open Graph will cover most cases.

The meta robots Tag: Controlling Indexing and Crawl Behavior

The meta robots tag is the page-level equivalent of a robots.txt instruction — it controls what search engines do with a specific page once they have visited it. While robots.txt controls whether a crawler can visit a URL at all, the meta robots tag controls what happens after it arrives — see Tooliest's robots.txt Generator for the file-level control. The two tools work together: robots.txt manages access, meta robots manages behavior after access is granted.

The directives that carry practical weight break down by use case. The noindex directive tells Google not to include the page in search results — the correct choice for thank-you pages after form submissions, internal search result pages with URL parameters, and staging pages that are technically public but not intended for Google's index. The nofollow directive tells Google not to follow any links on the page — appropriate for pages containing user-generated content where you cannot vouch for every outbound link present. The noarchive directive prevents Google from showing a cached version of the page in search results, which matters for pages with frequently changing prices, inventory levels, or time-sensitive content where a cached version shown to users would be inaccurate or misleading. The nosnippet directive prevents Google from generating a meta description snippet or video preview for the page — useful for subscription content teasers where you want to prevent Google from extracting and displaying the restricted content as a free preview in search results. The combination of noindex and nofollow together is the most restrictive available setting, appropriate for admin pages, login pages, and any page that should be completely invisible to search engines and have no link equity flowing through it.

The meta robots tag applies only to HTML pages. For PDFs and other non-HTML files that cannot contain meta tags, the same instructions can be delivered via the X-Robots-Tag HTTP header, which is set at the server level and produces identical behavior to the meta tag for any file type the server serves.

Frequently Asked Questions

Does the meta keywords tag still help with SEO?

No — Google officially stopped using the meta keywords tag as a ranking signal in September 2009, and Matt Cutts, then Google's head of webspam, confirmed this publicly and explained that keyword stuffing in meta tags had made the signal completely unreliable long before Google formally dropped it. Bing followed and has also confirmed it ignores meta keywords entirely. Adding a keywords meta tag to your pages in 2026 provides zero search benefit from any major search engine. What it does do is make your keyword targeting strategy visible to any competitor who reads your page source — they can see exactly which terms you are prioritizing without doing any additional research. The only remaining context where meta keywords serve any function is with certain enterprise internal site search systems that use them for internal indexing, but this has nothing to do with Google or external search performance.

What happens if I don't have a meta description?

When you omit the meta description tag, Google generates its own snippet from the page's body content — typically extracting the passage it determines is most relevant to the specific search query that surfaced your page. This automatic generation is not inherently bad: Google's extracted snippets are often accurate and reasonably written, and for long-tail queries they are sometimes more relevant than a static description you would have written in advance. The problem with relying on automatic generation is that you lose control over how your result is presented for branded and navigational searches — queries where someone is looking specifically for you and where a deliberate meta description can reinforce your value proposition before the click. For your highest-traffic and most commercially important pages, writing a deliberate description is worth the effort even knowing Google overrides it roughly 62% of the time. For a site with hundreds of lower-traffic pages, allowing Google to generate snippets automatically is a reasonable practical trade-off.

How do I fix a broken link preview on Facebook or LinkedIn?

Broken or outdated link previews on social media are almost always a caching problem — the platform fetched and stored your Open Graph data before you updated it, and is still displaying the old version. Facebook provides the Sharing Debugger tool at developers.facebook.com/tools/debug — paste your URL, click "Scrape Again," and Facebook's cache updates within a few minutes, after which new shares will show the correct preview. LinkedIn offers the Post Inspector at linkedin.com/post-inspector — paste your URL and click "Inspect" to force a cache refresh on LinkedIn's end. Twitter and X do not offer a manual cache-clearing tool, but link previews for updated pages typically refresh automatically within seven days or when the URL appears in a fresh post. Once your og:image and og:title are correctly set and the platform's debugger confirms it is reading the updated tags, the preview will display correctly for all new shares going forward without any further action.

What is the canonical tag and when do I need it?

The canonical tag — written as <link rel="canonical" href="https://yoursite.com/page/"> in the page head — tells Google which URL is the definitive version of a page when multiple URLs serve the same or substantially similar content. E-commerce sites are most commonly affected: a product accessible at yoursite.com/product?color=red, yoursite.com/product?size=large, and yoursite.com/product creates three or more URLs for one product, which Google may treat as duplicate content and split ranking signals across, unless a canonical pointing to the preferred version consolidates them. Content syndication creates the same problem in a different context: if your article is published on your site and republished on a partner's site, a canonical tag on the partner page pointing back to your URL tells Google your version is the original and should receive the indexing credit. For a simple site with no URL parameters, no session identifiers in URLs, and no syndicated content, canonical tags are typically unnecessary — but adding a self-referencing canonical to every page is a harmless best practice that prevents problems before they occur.

What size should my Open Graph image be?

The recommended Open Graph image size is 1200×630 pixels, which produces a 1.91:1 aspect ratio. At this size, your image displays as a large preview card on Facebook, LinkedIn, Twitter, WhatsApp, Slack, and Discord — all platforms that support large card previews at this ratio. Images smaller than 600×315 pixels may be displayed as a small thumbnail rather than a large card, and the difference in click engagement between a large card and a thumbnail is significant. If your image has a different aspect ratio, platforms crop it to fit their display format — keeping key visual content centered within the 600×315 pixel center zone of your 1200×630 image ensures nothing important is cropped on platforms that use smaller display formats. Use PNG or JPG format and keep file size under 8MB for reliable loading across all platforms. Facebook specifically requires images to be larger than 200×200 pixels to display any preview at all — images below this threshold produce a text-only link preview.

Do I need different meta tags for mobile vs desktop?

No — the meta tags in your HTML head section are part of a single file served identically to both mobile and desktop visitors, and they function the same way regardless of device. What you do need separately for mobile is the viewport meta tag, which is a rendering instruction rather than an SEO signal: <meta name="viewport" content="width=device-width, initial-scale=1"> tells mobile browsers how to scale the page correctly for the screen width. Without this tag, mobile browsers render your desktop layout at full width and then scale the entire page down to fit the screen, producing text that is too small to read without zooming. Google's mobile-first indexing means it evaluates your site primarily through the lens of the mobile version, which makes the viewport tag essential for both user experience and technical SEO — but it is a browser rendering instruction, not an indexing or ranking signal in the way that title tags and canonical tags are.

What is hreflang and does my site need it?

Hreflang is a tag — or set of tags — that tells Google which language and regional version of a page to serve to users based on their language settings and geographic location. A site with an English version for US users at /en-us/ and a Spanish version for users in Mexico at /es-mx/ uses hreflang on both versions to tell Google they are translations of each other and which audience each one targets. Without hreflang in this situation, Google may serve the wrong language version to users in certain regions, or it may treat the two versions as duplicate content and suppress one from the index entirely rather than serving each to its intended audience. If your site serves content in a single language to a single geographic audience with no regional variations, hreflang is not needed and adding it would serve no purpose. If you have any multi-language or multi-region content — even a single page that exists in two language versions — hreflang should be implemented correctly on all versions of that content to prevent indexing confusion and ensure each version reaches the users it was written for.

How often should I update my meta tags?

Meta tags for established pages do not need regular updating unless the page content itself changes in a meaningful way. The clearest signal that a title or description needs revision is click-through rate data in Google Search Console — if your page ranks consistently but its CTR is significantly below the average for its position range, comparing your meta description to what Google is actually displaying in the snippet report can reveal whether a rewrite is warranted. Title tags specifically should be revisited when you substantially expand a page's content, when the page's primary keyword target shifts, or when Search Console data shows the page ranking for queries that the current title does not reflect or address. Open Graph tags need updating whenever the page's featured image changes — an outdated og:image from a previous version of the page looks unprofessional in link previews and can suppress clicks when the image no longer represents the current content. Meta robots tags rarely need changing once set correctly, with the exception of pages whose indexing status deliberately changes — such as removing a noindex from a page that is now ready to be publicly indexed after a testing or staging period.

Explore Related Categories

About the Author

A

Built by the Tooliest team - 103+ free browser-based tools, no signup required. Learn more about Tooliest.