About Meta Tag Generator
Meta tags are how a page introduces itself. The title and description decide whether someone clicks your result instead of the nine others on the page, and the Open Graph tags decide what appears when your link is pasted into Slack, WhatsApp, LinkedIn or a group chat. Neither is a ranking factor in any direct sense — they are a click-through factor, which is often worth more.
The preview here measures pixel width rather than counting characters, because that is what Google actually does. A title of 60 capital letters is far wider than 60 lowercase ones, so character-count previews tell you a title is fine when it will be visibly cut, or tell you it is too long when it fits comfortably. Widths come from the Arial metrics Google renders desktop results in.
The generated markup is deliberately short. Most generators emit thirty tags and roughly six of them do anything: `keywords` has been ignored by every major engine for more than a decade, `revisit-after` was never honoured by anything at all, and `author` does nothing for ranking. Those are left out and explained rather than padded in to look thorough.
How to generate meta tags
Enter your title and description
The search preview updates as you type, showing where Google would truncate on both desktop and mobile.
Add your URL and share image
Both must be absolute URLs. Social crawlers fetch them from their own servers, so a relative path resolves to nothing.
Check the warnings
Missing alt text, http image URLs and contradictory robots directives are flagged with the reason they matter.
Copy the HTML
Paste the block into the <head> of your page. No libraries and no build step required.
Writing a title that earns the click
- Put the important words first. If the title is cut, the end disappears — so a brand name at the front costs you the words people searched for.
- Match the phrasing people actually use. A page titled 'Image Optimisation Utility' loses to one titled 'Compress Images Online Free' every time.
- One title per page, genuinely different from every other page on the site. Duplicated titles are a common reason pages fail to rank against each other.
- Google rewrites roughly a third of titles anyway. A clear, accurate one is far less likely to be replaced than a stuffed one.
Why your share image is not showing
By far the most common cause is a relative URL. Your browser can resolve `/og.png` because it knows the page it is on; Facebook's crawler is fetching from its own servers and has no such context. It must be a full `https://` URL.
The second most common cause is caching. Every platform caches Open Graph data aggressively, so a fix made after the first share will not appear until the cache clears. Facebook's Sharing Debugger and LinkedIn's Post Inspector both let you force a refresh.
Also check the size. 1200×630 is the safe ratio across platforms, and images under 200×200 are ignored entirely by most of them.