webutilkit

Meta Tag Generator

Generate title, description, Open Graph and Twitter Card meta tags, in your browser.

Meta tags
How it works


Each field maps to one or more standard meta tags. Title and description
alone are used by search engines; adding a URL, image, or site name also
produces Open Graph and Twitter Card tags, which control how the page
looks when shared as a link.


Why the image matters most for sharing


A link shared without og:image usually shows as plain text on most
platforms. Adding an image URL is what turns a shared link into a rich
preview card with a picture, which gets noticeably more attention in a
feed.


Where these tags go


Paste the generated tags inside the page’s <head> element. Order among
meta tags does not matter, but they must appear in the head, not the body,
for browsers and link-preview crawlers to read them.
Frequently asked questions
What are Open Graph tags for?
They control how a link looks when shared on Facebook, LinkedIn, Slack, and most other platforms that generate a preview card — a title, description, and image, instead of a bare link.
Do I need both Open Graph and Twitter Card tags?
X (Twitter) reads its own twitter: tags first and falls back to Open Graph tags if they are missing, but including both gives more predictable, image-rich previews across every platform.