Tools
Meta tag generator
Meta tag, Open Graph and Twitter card generator
Generate a page's meta, Open Graph and Twitter tags with a live preview.
Recommended size: 1200 × 630 px
<!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image">
About this tool
Your title and description decide how a page looks in Google, and the Open Graph and Twitter tags decide how it looks when shared on WhatsApp, LinkedIn, Facebook or X. When they’re missing, each platform improvises and the link often ends up with no image or a truncated snippet. This generator gives you a block of tags ready to paste into the <head> of a new page, landing page or static site.
Fill in “Page title” and “Description” while keeping an eye on the counters (60 and 160 characters; they turn red when you go over), then the URL, the “Image URL” (ideally 1200 × 630 px), the site name and your X handle. The code is generated as you type; copy it with “Copy meta tags”. “Preview” shows a mock-up of the Google result and the social card.
The code is generated in your browser and nothing is stored or sent. The only external request is the image preview, which is loaded from the URL you enter. Quotes and symbols are escaped so they don’t break the HTML. The preview is approximate: every network crops differently and Google may rewrite your title or description.
Frequently asked questions
How long should the title and meta description be?
As a rule of thumb, about 50–60 characters for the title and 120–160 for the description. Google truncates by pixel width rather than characters, so put the important words first.
What size should the Open Graph image be?
1200 × 630 pixels (a 1.91:1 ratio) works well on Facebook, LinkedIn, WhatsApp and X large cards. Use an absolute https:// URL pointing to a JPG or PNG.
If I change the tags, do social networks pick it up straight away?
Not always: Facebook, LinkedIn and others cache link previews. Use their link debugging tools to make them fetch the page again.
Do meta tags improve rankings?
The meta description isn’t a direct ranking factor, but a good title and description can increase clicks from Google. Open Graph tags only affect how the link looks when shared.