Meta Tag Generator

Fill in your page details and instantly get ready-to-paste HTML for standard meta tags, Open Graph tags (Facebook, LinkedIn, WhatsApp), and Twitter Card tags. The Google search result preview and social share card update live as you type. All processing runs in your browser — nothing is sent to a server.

Google Search Preview Live
My Site
https://example.com/my-page
My Awesome Page
A short description of your page content will appear here. Keep it under 155 characters for best results.
Social Share Card Preview Live
No OG image set
example.com
My Awesome Page
A short description of your page content will appear here.
Generated HTML
Fill in the fields above to generate your meta tags…

What this tool does

Enter your page details and this tool generates a complete set of HTML meta tags ready to paste into your <head> section. The output covers three tag families: standard meta tags (title and description for search engines), Open Graph tags (used by Facebook, LinkedIn, WhatsApp, and most social platforms), and Twitter Card tags (used by X/Twitter). The live previews show how your page will look in a Google search result and when shared on social media.

How to use it

  • Type your Page Title — keep it under 60 characters so Google doesn't truncate it in search results. The counter turns red when you go over.
  • Write your Meta Description — aim for 120–155 characters. It's what appears under the blue title in Google results.
  • Enter your full Page URL including https://. This is used in the og:url and Twitter url tags.
  • Optionally add an OG Image URL — a 1200×630 px image works best for social cards. The social preview shows it live.
  • Set Site Name, Page Type, and Twitter Card Type as needed.
  • Click Copy All to copy the generated HTML and paste it into your page's <head>.

Frequently Asked Questions

What is the difference between Open Graph and Twitter Card tags?

Open Graph (OG) tags were created by Facebook and are now used by most social platforms — LinkedIn, WhatsApp, Slack, Discord, and others — to build link preview cards. Twitter Card tags are Twitter-specific and give X/Twitter its own set of preview controls, including card type (summary vs. large image). In practice, if you set OG tags and no Twitter tags, many Twitter crawlers fall back to the OG values anyway — but it's best to set both explicitly.

Why does my OG image not appear when I share on Facebook or LinkedIn?

Social platforms cache OG data when a URL is first crawled. If you've updated your OG image but the old image still shows, use the platform's debug tool to force a re-scrape: Facebook has the Sharing Debugger, LinkedIn has the Post Inspector. Also confirm that your OG image URL is publicly accessible (not behind auth), uses HTTPS, and is at least 1200×630 px for summary_large_image cards.

Does the meta description directly affect my Google ranking?

No — Google has officially stated that the meta description is not a ranking signal. However it heavily affects click-through rate: a well-written description that matches search intent gets more clicks, which indirectly helps your rankings over time. Google may also rewrite your description in results if it thinks its own snippet is more relevant to the query, so don't rely on it appearing verbatim.

Related Tools

Robots.txt Tester
Use Tool →
URL Encoder / Decoder
Use Tool →
WHOIS Lookup
Use Tool →

Related Guides