TTelekit Tools
๐Ÿ”

Meta Tag & Open Graph Preview

Enter any URL to preview how it appears in Google search results and on social media.

What this tool checks

We fetch your page and extract the title, meta description, Open Graph tags (og:title, og:image, etc.), Twitter Card tags, canonical URL, and robots directive โ€” then show you exactly how it renders in Google search and on social media.


SEO and Open Graph Meta Tag Preview Generator

Preview how your webpage links appear when shared on Google, Facebook, Twitter, or Discord. Inspect canonical URLs, title lengths, and descriptions instantly.

1. Enter Web Address

Paste the full URL of your webpage above. Our scraper will fetch the HTML and extract all metadata tags.

2. Preview Search Cards

Inspect interactive card mockups showing exactly how search engines and messaging apps format your shared snippets.

Essential HTML Meta Tags for Webmasters

  • Title Tag: Keep webpage titles between 50-60 characters. This prevents search engines like Google from truncating text in SERPs.
  • Meta Description: Keep descriptions under 155-160 characters. A high-quality description increases click-through rates.
  • og:image Tag: Open Graph images should be styled at 1200x630 pixels (1.91:1 ratio) to fit perfectly on social feeds.

Frequently Asked Questions

What is the difference between HTML title and og:title?

The regular HTML <title> tag is used by search engines for ranking. The <meta property="og:title"> tag is custom-made for social media platforms like Facebook.

Why isn't my updated social card image showing?

Social networks cache card metadata. Use official developer debuggers (like Facebook Sharing Debugger) to force platform cache purges.