Meta Tag Preview

Preview how your website looks on Google, Facebook, and Twitter.

Configuration

18 / 60 characters recommended

104 / 160 characters recommended

Google Search Preview
https://example.com
My Awesome Website
This is a description of my awesome website that will show up in search results and social media shares.
Social Media Preview (FB/Twitter)
Preview
example.com
My Awesome Website
This is a description of my awesome website that will show up in search results and social media shares.

How to use & FAQ

  • Enter your Site Title and Description in the configuration panel.
  • Keep an eye on the character counters; Google typically truncates titles at 60 and descriptions at 160 characters.
  • Provide a Website URL to see how the link appears in search results.
  • Paste an Image URL to preview the social media "Open Graph" card.
  • The Google Search Preview and Social Media Preview will update instantly as you type.

Frequently Asked Questions

Why are meta tags important?
Meta tags provide data about your webpage to search engines and social platforms. Good tags can significantly improve your click-through rates.
What are "Open Graph" tags?
Open Graph tags are special meta tags created by Facebook. They control how rich cards are generated when your link is shared on platforms like FB, Twitter, and LinkedIn.
What image size should I use for social sharing?
The widely accepted resolution is 1200x630 pixels. This ensures high quality rendering when your link preview expands into a large card.