SEO and Social Media Preview
Free online SEO and Social Media Preview that runs directly in your browser.
-
1Enter data
Enter content, paste text or load a file from disk. -
2Click the button
The tool will immediately process your data in the browser. -
3Get the result
Copy the finished text or save the file to your device.
return "Result ready in 0.1s";
}
Rate this tool:
Related tools
Other tools you may find usefulSEO & Social Media Preview - Meta Tag Validator
Tool forSEO & Social Media Previewtool takes a page's meta tags and visualizes how it will appear in Google Search Results (SERP), Facebook (Open Graph) and Twitter/X (Twitter Cards). Check your meta tags without publishing.
Why do meta tags matter?
Meta tags are the invisible "business card" of a website for search engine robots and social media platforms. Well-optimized meta tags increase CTR (Click-Through Rate) in search results - the difference between a modest and attractive snippet can mean 20-40% more clicks. For social media - When someone shares a link, the platforms use the Open Graph and Twitter Card meta tags to preview the card with a title, description, and photo.
Key SEO meta tags
<title>- page title displayed in browser tab and Google results. Optimal: 50-60 characters. Google cuts off longer titles. It should contain the main keyword.<meta name="description">- description of the page in the SERP. Optimal: 150-160 characters. Google can replace it with its own snippet, but a well-written description improves CTR.<meta name="robots">- instructions for robots: index/noindex (whether to index), follow/nofollow (whether to follow links).<link rel="canonical">- indicates the canonical version of the page (important for duplicate content).
Open Graph for Facebook and Instagram
Open Graph (OG) is a protocol created by Facebook for defining what links look like when shared. Key tags:<meta property="og:title">- card title (may differ from SEO title),<meta property="og:description">- card description,<meta property="og:image">- photo displayed on the card (recommended size: 1200×630 px),<meta property="og:type">- content type (website, article, product). The tool shows a preview of what the card will look like on Facebook.
Twitter Cards
Twitter Cards (now X Cards) allow extended cards for Twitter/X links. Types: summary (small card with thumbnail), summary_large_image (large photo). Key tags:<meta name="twitter:card">, <meta name="twitter:title">, <meta name="twitter:description">, <meta name="twitter:image">. If Twitter Card is not configured, Twitter uses Open Graph as a fallback.
How to check and fix meta tags?
Enter the website URL into the tool - it will download the HTML and extract the meta tags. The tool will display: Google SERP preview with title and description, Facebook/LinkedIn tab preview, Twitter/X tab preview, list of missing or suboptimal tags with recommendations (too short description, missing og:image, incorrect OG image dimensions).
Frequently asked questions
How long should the page title and meta description be?
Title: 50-60 characters - Google displays up to approximately 600px wide (≈60 characters). Longer titles are truncated with "...". Include the keyword at the beginning. Description (meta description): 150-160 characters - longer ones are cut off in the SERP. Write encouraging words, like an advertisement - it should encourage people to click, not just describe the page.
Does Google always use my meta tags?
No - Google is increasingly replacing titles and descriptions with its own generated snippets, especially when: the title is too short or inappropriate for the query, the description does not match the page content, there is better content on the page that matches the specific query. Meta tags are a suggestion to Google, not a mandate. Write them well, but know that Google may ignore them.
How to set meta tags in WordPress?
Most popular WordPress SEO plugins: Yoast SEO (most popular, comprehensive meta tag configurator and SERP preview), Rank Math (modern alternative, free), All in One SEO Pack (classic plugin). Each adds a meta tag editing form under each post and page, showing a preview of what it will look like in Google.
How to check meta tags without an external tool?
In Chrome: F12 → Elements → Ctrl+F → search for "meta". Or in the terminal:curl -s https://strona.pl | grep -i "<meta\|<title". Facebook has its own tool: Sharing Debugger (developers.facebook.com/tools/debug). Twitter/X: Card Validator. Google: Rich Results Test (search.google.com/test/rich-results).
What size should an Open Graph image be?
Recommended size: 1200×630 px (aspect ratio ~1.91:1). Minimum: 600×315 px. Format: JPG or PNG. File size: less than 1 MB. The photo should look good in 1.91:1 aspect ratio - it should not contain important elements at the edges (they may be cropped). Check the preview in the tool before publishing.