Meta Tag Builder
Generate HTML meta tags, Open Graph tags, and canonical links in seconds. Preview title and description character counts. Runs in your browser.
Meta Tag Builder
Runs entirely in your browser — no server calls, no tracking.
Fill in the fields and click Generate tags.
🔒 Your data never leaves this tab. This tool has no backend.
About the Meta Tag Builder
Meta tags are HTML elements in the <head> of a page that tell search engines and social platforms what the page is about. The title tag and meta description appear in Google search results as the headline and snippet. Open Graph tags control how the page appears when shared on LinkedIn, Twitter/X, Slack, and WhatsApp.
Title tag rules
Keep titles under 60 characters to avoid truncation in SERPs. Put the primary keyword near the front — Google often rewrites titles that are too long, too vague, or stuffed with the brand name. A good pattern: [Keyword] — [Qualifier] | [Brand]. Example: Custom Software Development — UK Firm | ruxox.
Meta description rules
Stay under 155 characters. Write for humans, not robots — Google ignores keyword density here. Include a call to action and a concrete benefit. The description is not a ranking factor but it affects click-through rate, which does influence ranking indirectly.
The canonical tag tells Google which URL is the "master" version of a page when the same content is accessible via multiple URLs (e.g., with and without trailing slash, with UTM parameters, or via www and non-www). Set it on every page even when there is no duplication — it prevents accidental indexation of parameter variants.
Title, description, Open Graph — what each one does
Meta tags do two separate jobs: telling search engines what a page is, and telling social platforms how to render a link preview. They are not interchangeable.
| Tag | Used by | Practical limit |
|---|---|---|
<title> | Search results, browser tab | ~50–60 characters |
description | Search result snippet | ~150–160 characters |
og:title / og:description | Facebook, LinkedIn, WhatsApp, Slack | ~60 / ~200 |
og:image | The preview thumbnail | 1200×630px |
canonical | Duplicate-content resolution | Absolute URL |
Does the description affect ranking?
Not directly — Google has said so for years. It affects click-through, which is what actually matters: two pages ranking in the same position can get very different traffic depending on whether the snippet answers the searcher's question. Google also rewrites descriptions it considers unhelpful, so write for the human rather than for the algorithm.
Why the meta keywords tag is dead
Google stopped using meta keywords in 2009 after it was comprehensively abused. It costs nothing to include and gains nothing. Nothing you put there will help you rank.
Open Graph and the image
Without Open Graph tags, platforms guess — usually badly, grabbing your logo or the first image on the page. Set og:image to an absolute URL at 1200×630px; relative paths fail, and platforms cache aggressively, so use the relevant platform's debugger to force a refresh after changing one.
Canonical tags
A canonical tag names the preferred URL when the same content is reachable at several addresses — with and without a trailing slash, with tracking parameters, or as both /index.html and /. Self-referencing canonicals on every page are good practice and cost nothing.
Frequently asked questions
Around 150 to 160 characters. Google truncates longer descriptions and rewrites ones it judges unhelpful. Front-load the useful information so the meaning survives truncation, and write it to earn a click rather than to satisfy an algorithm.
Not directly — Google has confirmed it is not a ranking factor. It affects click-through rate, which does matter: two pages in the same position can get very different traffic depending on whether the snippet answers the searcher's question.
No. Google stopped using it in 2009 after widespread abuse, and no major search engine takes it into account. It does no harm but achieves nothing, so leaving it out is the simpler choice.
1200 by 630 pixels, referenced by an absolute URL rather than a relative path. Without og:image, platforms guess — usually picking your logo or an unrelated image. Platforms cache previews aggressively, so use their debugging tools to refresh after a change.
It tells search engines which URL is the preferred version when the same content is reachable at several addresses — with or without a trailing slash, with tracking parameters, or as both /index.html and /. Adding a self-referencing canonical to every page is good practice.
<meta property="og:..."> tags originally developed by Facebook that control how a page appears when shared as a link on social media and messaging apps. Platforms like LinkedIn, Twitter/X, Slack, iMessage, and WhatsApp all read og:title, og:description, and og:image to generate link previews.Need an SEO-ready web product built?
ruxox builds custom software that ships with proper meta tags, schema markup, and technical SEO baked in.