Generate complete meta tag sets for any web page — SEO meta tags, Open Graph tags for Facebook and LinkedIn, and Twitter Card tags — with real-time character counters and live previews showing exactly how your page will appear in search results and social media feeds.
Pro tip: Google may rewrite your meta title if it doesn’t match the page content or exceeds 60 characters. Keep titles under 55 characters to be safe, front-load keywords, and make sure the title accurately reflects the page.
What Are Meta Tags and Why Do They Matter?
Meta tags are snippets of HTML that describe a page’s content to search engines and social
media platforms. They live in the <head> section of your HTML and never appear
on the page itself, yet they have an outsized influence on how your content is discovered, displayed,
and shared across the web. The two most important meta tags for SEO are the title tag
and the meta description. Together they form the snippet that appears in Google’s
search results — your first and often only chance to convince a searcher to click. Beyond search,
Open Graph tags control what Facebook, LinkedIn, and Pinterest show when someone shares your link, while
Twitter Card tags do the same for posts on X (formerly Twitter). Without proper meta tags, platforms
pull whatever text and image they find first, producing ugly, inaccurate previews that erode trust
and suppress engagement. A well-crafted set of meta tags can measurably improve your click-through rate
from search results and social feeds without changing a single word of your on-page content.
How to Write the Perfect Meta Title (Under 60 Characters)
Google displays roughly 55–60 characters of a title tag before truncating with an ellipsis. Titles that get cut off look unfinished and professional publishers avoid them. Start every title with your primary keyword or phrase — search engines give slightly more weight to words that appear earlier, and users scanning a results page will spot the match faster. Follow the keyword with a clear value proposition or differentiator, then optionally append your brand name after a separator (pipe, dash, or em-dash). Avoid stuffing multiple keywords into the title; Google’s systems detect keyword cramming and may rewrite your title entirely. Each page on your site should have a unique title — duplicate titles confuse both crawlers and users. Finally, write for humans first: a title that reads naturally earns more clicks than one that reads like a keyword list, and higher click-through rates send positive engagement signals back to the ranking algorithm.
Meta Description Best Practices for Higher CTR
The meta description is your 155–160 character sales pitch. While Google has confirmed that descriptions are not a direct ranking factor, a compelling description dramatically increases click-through rate, which does influence rankings indirectly. Think of it as ad copy: state what the page offers, highlight a unique benefit, and include a subtle call to action like “Learn how” or “Find out why.” Google bolds keywords in the description that match the searcher’s query, so naturally including your target phrase helps your result stand out visually. Avoid quotation marks inside descriptions — Google truncates at the quote mark, cutting your snippet short. If you leave the meta description blank, Google will auto-generate one from your page content, but auto-generated snippets are often awkward sentence fragments that fail to entice clicks. Writing your own description puts you in control of the narrative.
Open Graph Tags: Controlling Social Media Previews
Open Graph is a protocol created by Facebook that lets you define how your content appears when shared
on social platforms. The four required Open Graph properties are og:title,
og:type, og:image, and og:url. The title and description can
differ from your SEO meta tags — social audiences respond to different hooks than search
audiences. For images, Facebook recommends 1200×630 pixels with an aspect ratio of 1.91:1;
images below 200×200 pixels are ignored entirely. LinkedIn also reads Open Graph tags, so
getting OG right covers both platforms at once. When you share a link for the first time, each platform
caches the preview. If you later change your OG tags, you need to manually purge the cache using
Facebook’s Sharing Debugger or LinkedIn’s Post Inspector before the updated preview
appears. Adding og:site_name and og:locale rounds out the tag set and
ensures consistent branding across every share.
Twitter Card Tags: Complete Guide
Twitter (now X) supports its own card markup through twitter:card,
twitter:title, twitter:description, and twitter:image tags.
The most common card type is summary_large_image, which displays a prominent image above
the title and description — ideal for articles, blog posts, and product pages. The
summary card type shows a smaller square thumbnail to the left of the text, useful for
homepages and profile links. Adding twitter:site (your brand’s handle) and
twitter:creator (the author’s handle) attributes proper credit and can increase
follower acquisition. If you omit Twitter-specific tags, the platform falls back to your Open Graph
tags, so at a minimum you need OG tags in place. However, Twitter crops images differently than
Facebook (2:1 versus 1.91:1 aspect ratio), so specifying a separate Twitter image ensures the best
possible presentation on every platform. Use Twitter’s Card Validator to preview and debug
your cards before sharing.
Looking for related tools? Try our SEO Content Analyzer to audit your on-page SEO, or explore all Writing & Content tools.