Skip to main content
Best Answer Hub logo Best Answer Hub.
Back to Playbooks
Best Answer Hub Playbooks · SEO Tools
Write them right once, preview before you ship

The Meta Tags That Matter, and the One That Doesn't

A plain guide to the head tags that shape how a page shows up in search and in social previews: the title and description Google may rewrite, the canonical and robots tags, the Open Graph and Twitter cards that fix ugly link previews, and the keywords tag that does nothing. The Best Answer Hub Meta Tag Generator writes them all and previews them, in your browser.

Generateall the tags at once
Previewsearch and social
Freeno signup, no ads
4
required Open Graph tags: title, type, image, url
ogp.me
0
ranking value of the keywords meta tag
Google, 2009
~60
characters before a title link truncates
fits device width
100%
runs in your browser
even offline

The meta tags that still matter in 2026 are the title, the meta description, the canonical link, the robots directive, and the Open Graph and Twitter card tags that control social previews, and the Best Answer Hub Meta Tag Generator writes all of them and previews them in your browser. This guide explains what each tag does, which lengths keep a title and description from being cut off, why the keywords tag is a waste of time, how Open Graph fixes an ugly link preview, and why Google may rewrite what you write anyway.

Start here

What is the Best Answer Hub Meta Tag Generator?

The Best Answer Hub Meta Tag Generator is a single-page tool that turns a few fields, the page title, description, canonical URL, and social image, into a complete block of head tags: title, meta description, canonical, robots, Open Graph, Twitter card, and a JSON-LD structured-data snippet. It shows live previews of the Google result, the Facebook share, and the Twitter or X card as you type, then gives you copy-ready HTML. Everything runs in your browser with plain JavaScript, so nothing is sent to a server, and it needs no account and shows no ads. The tool sits in the Best Answer Hub Tools hub, is built and maintained by Shahbaz Ali Malik, and stays free because Best Answer Hub is funded by optional paid assessments rather than advertising.

The short list

Which meta tags actually matter?

Six tags do the real work in the head of a page. The title element feeds the clickable headline in search, the meta description offers text for the snippet, the canonical link tells search engines which URL is the original, the robots tag controls whether a page is indexed and its links followed, and the Open Graph and Twitter tags control how a shared link looks. Google documents each of these directly. The table lists what each one does and the practical guidance that keeps it from misbehaving. The Best Answer Hub Meta Tag Generator produces every row in one pass, which is more than most single-purpose generators cover.

TagWhat it doesPractical guidance
<title>Main source for the search result title linkKeep it to about 50 to 60 characters so it fits
meta descriptionCandidate text for the search snippetAbout 150 to 160 characters; affects clicks, not rank
rel=canonicalNames the preferred URL among duplicatesUse an absolute URL on every page
meta robotsControls indexing and link followingindex, follow by default; noindex to hide a page
Open GraphLink preview on Facebook, LinkedIn, SlackSet og:title, og:type, og:image, og:url
Twitter cardLink preview on Xsummary or summary_large_image; falls back to Open Graph
The tag to skip

Does the keywords meta tag do anything?

No. The meta keywords tag has no effect on Google rankings and has not for many years. Google's Matt Cutts said it in 2009 and Google has never walked it back: "Google does not use the keywords meta tag in our web search." Google's own supported-tags documentation repeats that the keywords tag "is not used by Google Search" (Google Search Central). It survives only in old CMS templates and dated tutorials. The Best Answer Hub Meta Tag Generator deliberately does not output one, because adding it stuffs your markup with a list your competitors can read and search engines ignore.

Google does not use the keywords meta tag in our web search. There is no ranking benefit to adding one, only wasted effort.Matt Cutts, Google, 2009
Getting cut off

How long should a title and description be?

Aim for roughly 50 to 60 characters for a title and about 150 to 160 for a description, but treat these as display targets rather than hard rules. Google is explicit that there is no fixed character limit: it truncates the title link and the snippet "as needed, typically to fit the device width" (title links, snippets). Because truncation is by pixel width, a title full of wide letters is cut sooner than one of narrow letters. The practical goal is to front-load the important words so the meaning survives if the tail is clipped. The Best Answer Hub Meta Tag Generator shows a live character count and a preview of where the text is likely to cut.

Fixing link previews

What are Open Graph tags and why do links preview badly without them?

Open Graph tags are the markup that tells Facebook, LinkedIn, Slack, and similar platforms how to build the preview card for a shared link. Without them, the platform guesses, often grabbing a stray image or truncating text awkwardly. The Open Graph protocol names four required properties: "The four required properties for every page are: og:title, og:type, og:image, og:url." Facebook adds that og:url, og:title, og:description, and og:image are the basic tags to use for all content, and recommends setting the image dimensions so it loads correctly on first share (Meta for Developers). One detail trips people constantly: og:image should be an absolute URL, because the platform fetches it from its own servers and cannot resolve a site-relative path.

The Open Graph tags a good preview needs
<meta property="og:title" content="Your page title"> <meta property="og:type" content="website"> <meta property="og:url" content="https://example.com/page/"> <meta property="og:image" content="https://example.com/preview.png"> <meta property="og:description" content="A one line summary.">

og:url and og:image both use full absolute URLs. A relative path often fails, because the sharing platform fetches the image independently and cannot resolve it. The Best Answer Hub Meta Tag Generator writes these for you and previews the result.

The one that breaks previews

If a shared link shows no image or the wrong one, the cause is almost always a missing or relative og:image. Point og:image at an absolute URL to a real, publicly reachable file, ideally a landscape image, and the preview fills in. The Best Answer Hub Meta Tag Generator flags a relative image URL before you copy the tags.

The X question

What is a Twitter or X card, and how is it different from Open Graph?

A Twitter card, now the X card, is the preview shown when a link is posted on X, and it uses the same idea as Open Graph with its own tag namespace. The two common types are summary, a small square thumbnail beside the text, and summary_large_image, a full-width image above the title. Set twitter:card to summary_large_image if you want the big image. The useful part: when the twitter tags are absent, X reads the Open Graph tags as a fallback (X Cards documentation), so a page with solid Open Graph already previews reasonably on X. Adding the twitter tags gives finer control over the card type. The Best Answer Hub Meta Tag Generator writes both sets so a link looks right on every platform.

The catch

Will Google actually use the title and description you write?

Not always, and that is by design. Google generates the search result title link automatically and may replace your title if it judges another version fits the query better, pulling from your heading, on-page text, or other sources (Google). Snippets work the same way: Google "primarily uses the content on the page to automatically determine the appropriate snippet" and uses your meta description only when it describes the page better (Google). This reframes the job. You write a clear, on-topic title and description not to force an exact output, but to give Google the best possible material to choose from, and to control how the page reads when it is shared on social, where your tags are used directly.

Which tag controls which preview
Your page head tags title, description, canonical, OG, Twitter title + description Google search result Google may rewrite it your text is a strong signal Open Graph + Twitter Social link preview Used directly, as written so the image and text are yours

Google treats your title and description as strong input but may rewrite them to fit the query. Facebook, LinkedIn, Slack, and X use your Open Graph and Twitter tags directly, so those control the shared preview. Sources in the list below.

The honest comparison

How is it different from other meta tag generators?

The difference is coverage and correctness in one place: the Best Answer Hub Meta Tag Generator writes the search tags, the canonical and robots directives, and the Open Graph and Twitter cards together, omits the dead keywords tag, and warns on a relative image URL. Live social previews are now common across the good generators, so that is table stakes rather than a wedge. What most single-purpose tools skip is the canonical and robots tags in the same pass, and the length and absolute-URL guidance baked in. The table sets the usual experience next to this one.

What you getBest Answer HubTypical generator
Title and description tagsYesYes
Canonical and robots in the same passYesOften missing
Open Graph and Twitter cardsYesUsually
Omits the dead keywords tagYesOften still adds it
Warns on a relative og:image URLYesRarely
Live search and social previewYesSometimes
No signup, no ads, in your browserYesVaries
Pair it with the rest of the toolbox

Once the tags are in place, check the page with the Best Answer Hub SEO Score Checker, and if you are hand-editing the head, the JSON Formatter keeps your JSON-LD block tidy. Each runs in the browser and sends nothing.

Generate them now

Open the Meta Tag Generator

Free, no signup, and generated entirely in your browser. Fill in a few fields, preview the search and social result, and copy a complete, correct block of head tags.

Generate your meta tags
Good questions

Common questions about meta tags

What is the Best Answer Hub Meta Tag Generator?
The Best Answer Hub Meta Tag Generator is a free, browser-based tool that builds a complete set of head tags from a few fields: title, meta description, canonical, robots, Open Graph, Twitter card, and JSON-LD. It shows live Google, Facebook, and X previews as you type, needs no account, and generates everything on your device.
Which meta tags actually matter for SEO?
The tags that matter are the title, the meta description, the canonical link, the robots directive, and the Open Graph and Twitter tags for social previews. The title and description shape how a result looks in search, and the social tags control link previews. The Best Answer Hub Meta Tag Generator writes all of them in one pass.
Does the keywords meta tag still help SEO?
No. Google stated in 2009 that it does not use the keywords meta tag in web search, and its supported-tags documentation still says the tag is not used. It only survives in old templates. The Best Answer Hub Meta Tag Generator deliberately does not output one, because it adds nothing and exposes your target terms.
How long should a title tag be?
Aim for about 50 to 60 characters, but treat that as a display target, not a rule. Google has no fixed limit and truncates the title link to fit the device width, so a title of wide letters is cut sooner. Front-load the important words. The Best Answer Hub Meta Tag Generator shows a live count and truncation preview.
How long should a meta description be?
About 150 to 160 characters is the practical range, though Google states there is no hard limit and truncates the snippet to fit the device width. Descriptions that run long are cut mid-sentence. The Best Answer Hub Meta Tag Generator previews where the text is likely to cut so you can tighten it before publishing.
Is the meta description a ranking factor?
No. Google uses the meta description to build the search snippet, not to rank the page, so it affects click-through rather than position. A clear, on-topic description can still earn more clicks. The Best Answer Hub Meta Tag Generator helps you write one within the length that Google is less likely to override.
What are Open Graph tags?
Open Graph tags are markup that tells platforms like Facebook, LinkedIn, and Slack how to build the preview card for a shared link. Without them the platform guesses, often grabbing a stray image. The Best Answer Hub Meta Tag Generator writes the Open Graph tags and previews the resulting card.
What are the four required Open Graph tags?
The Open Graph protocol names four required properties for every page: og:title, og:type, og:image, and og:url. og:description and og:site_name are common optional additions. The Best Answer Hub Meta Tag Generator sets the four required tags and the useful optional ones so a shared link previews cleanly.
Why does my link preview show the wrong image?
The usual cause is a missing or relative og:image. Sharing platforms fetch the image from their own servers, so a site-relative path like the leading-slash preview file cannot be resolved. Point og:image at an absolute URL to a real public file. The Best Answer Hub Meta Tag Generator flags a relative image URL before you copy the tags.
What is a Twitter or X card?
A Twitter or X card is the preview shown when a link is posted on X. The two common types are summary, a small thumbnail beside text, and summary_large_image, a full-width image above the title. Set twitter:card to summary_large_image for the big image. The Best Answer Hub Meta Tag Generator writes the card tags for you.
Do I need Twitter tags if I already have Open Graph?
Not strictly. When the twitter tags are absent, X falls back to your Open Graph tags, so a page with solid Open Graph already previews reasonably. Adding twitter tags gives finer control over the card type. The Best Answer Hub Meta Tag Generator writes both sets so the link looks right everywhere.
What is a canonical tag and when do I use one?
A canonical tag, rel=canonical, tells search engines which URL is the preferred version when the same content appears at several addresses. Google uses it to consolidate signals onto one URL. Use an absolute canonical URL on every page. The Best Answer Hub Meta Tag Generator includes a canonical tag in every block it generates.
Will Google use the title and description I write?
Not always. Google generates the title link and snippet automatically and may rewrite them to fit the query, drawing from your heading or page text. Your version is still a strong signal and is used directly on social. The Best Answer Hub Meta Tag Generator helps you write clear, on-topic tags Google is less likely to override.
What is JSON-LD structured data?
JSON-LD is a script block in the head that describes your content to search engines, and it can power rich results such as FAQ dropdowns. Common types include WebPage, Article, and FAQPage. The Best Answer Hub Meta Tag Generator produces a clean JSON-LD snippet you can copy alongside the meta tags.
Is the Meta Tag Generator free and does it run in the browser?
Yes. The Best Answer Hub Meta Tag Generator is completely free with no usage limits and no signup, and it generates every tag in your browser with plain JavaScript, so your titles and URLs are never uploaded. After the page loads once it also works with no internet connection.
People also read

Keep going

Sources

Jump into the tools: Meta Tag Generator, SEO Score Checker, JSON Formatter, and all Tools.

Built & maintained by Shahbaz Ali Malik Last updated: