Meta Tag Preview Tool

See exactly how your page will appear in Google search results, Facebook's link preview, and Twitter cards — before you publish. Check character limits in real time.

0 / 60
Recommended: 50–60 characters
0 / 160
Recommended: 120–160 characters
Recommended: 1200×630px for best display
View generated HTML tags ▼
codingcantt.com › tools
Apr 26, 2026 —

* Actual appearance may vary. Google may rewrite titles and descriptions.

How to Use the Meta Tag Preview Tool

  1. Enter your page title: Type the <title> tag content. The colour-coded counter shows whether you are within the recommended 50–60 character limit for Google. Titles over 60 chars may be truncated.
  2. Write your description: Enter the meta description. Google typically shows 120–160 characters. Descriptions over 160 characters may be cut off in search results.
  3. Add your URL: Enter the canonical URL of the page. This is shown in the SERP breadcrumb and used as the link domain in social previews.
  4. Set the OG image URL: Add the full URL of your 1200×630px Open Graph image. This is the thumbnail shown when your link is shared on Facebook and Twitter.
  5. Switch preview tabs: Click Google, Facebook, or Twitter to see platform-specific previews. Click "Copy All HTML Meta Tags" to get the ready-to-paste HTML.

Frequently Asked Questions

Google typically displays titles up to about 600 pixels wide, which corresponds to roughly 50–60 characters. Titles beyond this are truncated with "…". However, Google may rewrite your title if it considers it misleading or too short. Aim for 50–60 characters that include your primary keyword near the start.
No — Google has confirmed that the meta description is not a direct ranking factor. However it strongly affects click-through rate (CTR). A well-written description that matches the searcher's intent will earn more clicks, which can indirectly boost your rankings over time.
The recommended OG image size is 1200×630 pixels (aspect ratio 1.91:1). This works well on Facebook, Twitter, and LinkedIn. The minimum for Facebook is 600×314px. Images smaller than 600×315px may not display at all in some clients. Use PNG or JPG format, keep file size under 8MB.
The HTML <title> tag is used by search engines and appears in browser tabs. The og:title tag is used by social media platforms when someone shares your URL. They can be different — for example, your page title might be formal for SEO, while your og:title might be more engaging for social sharing.
Yes, completely free. This tool does NOT fetch or crawl your URL — it only uses the text you type into the input fields to generate a preview. No network requests are made. Everything runs entirely in your browser.
Twitter uses its own twitter:image tag. If not set, it falls back to og:image. Twitter also requires a twitter:card meta tag set to summary_large_image for the large image format. This tool generates both sets of tags automatically when you click "Copy All HTML Meta Tags".

Related Tools