Generate optimized meta titles, descriptions, and Open Graph tags with a live SERP preview. Essential for SEO writers, marketers, and web developers.
Your meta description will appear here. Write a compelling description to improve your click-through rate from search results.
<!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://example.com/page" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://example.com/page" />
Title Length
Description
OG Tags
Pixel Width
See exactly how your page will appear in Google search results as you type, including title, URL, and description.
Measures your title's pixel width using the same font Google uses, so you know if it will be truncated in search results.
Generate OG and Twitter meta tags so your content looks great when shared on social media platforms.
Real-time scoring of title length, description length, OG completeness, and pixel width to optimize before publishing.
Title: Best Running Shoes for Flat Feet 2025
Description: Discover the top-rated running shoes for flat feet. Expert reviews, comparison charts, and buying guide to find your perfect fit.
<title>Best Running Shoes for Flat Feet 2025</title> <meta name="description" content="Discover the top-rated running shoes..." /> <meta property="og:title" content="Best Running Shoes..." />
Meta tags are HTML elements that provide metadata about a webpage to search engines and social media platforms. The meta title and description directly appear in Google search results and influence click-through rates, making them critical for SEO.
Google typically displays the first 50-60 characters (or about 580 pixels wide) of a title tag. Keep your titles under 60 characters to avoid truncation in search results.
Open Graph (OG) tags control how your content appears when shared on social media platforms like Facebook, LinkedIn, and Twitter. They specify the title, description, image, and URL that appear in the social media card.
After adding meta tags to your webpage, you can use Google Search Console to check how your pages appear in search. For social media previews, use Facebook's Sharing Debugger or Twitter's Card Validator.