Meta Tags for SEO: Title, Description & Open Graph Tags Explained

Meta tags are HTML elements in your page's head section that provide information about the page to search engines and social platforms. They do not appear on the visible page itself. The most important meta tags for SEO: Title tag: Appears as the clickable headline in search results. The single most important on-page SEO element after content itself. Meta description: The snippet text below the title in search results. Not a ranking factor, but directly affects whether people click your result. Open Graph tags (og:title, og:description, og:image): Control how your page appears when shared on Facebook, LinkedIn, WhatsApp, and other platforms. Twitter Card tags: Control how your page appears when shared on Twitter/X. Canonical tag: Tells search engines which URL is the 'official' version when duplicate content exists. Robots meta: Instructs search engines whether to index the page and follow its links.

Your meta title is your headline in search results — it determines whether someone clicks your page or scrolls past it. Best practices: Include your primary keyword near the beginning. Users scan from left to right, and Google gives slightly more weight to words at the start. Keep under 60 characters to avoid truncation. Google measures by pixel width (about 580px), so wider characters like 'W' and 'M' take more space than 'i' and 'l'. Make it compelling and specific. 'Image Compressor' is generic. 'Compress Images Online Free — Reduce Size 80% Without Quality Loss' tells users exactly what they get. Include your brand name at the end if space allows: 'Page Title | Brand Name'. This builds brand recognition over time. Avoid keyword stuffing. 'Image Compressor | Compress Image | Image Compression Tool | Free Image Compressor' looks spammy and Google may rewrite it. Each page must have a unique title. Duplicate titles confuse search engines about which page to rank for a query.

The meta description is your sales pitch in search results. It should convince searchers that your page has what they need. Best practices: Answer the searcher's intent directly. If someone searches 'how to compress image below 100kb', your description should confirm you solve that exact problem. Include a clear value proposition. What makes your page better than the other 9 results? Free, no signup, instant, browser-based — whatever your differentiator is. Use active language. 'Compress your images instantly' is stronger than 'Images can be compressed on this page'. Include relevant keywords naturally. Google bolds matching keywords in descriptions, making your result visually stand out. Add a call to action when appropriate. 'Try it free — no signup needed' or 'Get results in seconds'. Stay within 150-160 characters. Write the critical information in the first 120 characters for mobile visibility. Do not duplicate descriptions across pages. Each page needs a unique description that accurately represents its specific content.

When someone shares your URL on Facebook, LinkedIn, WhatsApp, or Slack, these platforms look for Open Graph tags to build the preview card. Essential Open Graph tags: og:title — The title shown in the social share card. Can differ from your SEO title to be more social-friendly. og:description — The description in the share card. Can be more casual than your meta description. og:image — The preview image. This is crucial — posts with images get significantly more engagement. Use 1200x630 pixels for optimal display across platforms. og:url — The canonical URL of the page. og:type — Usually 'website' for tool pages, 'article' for blog posts. Twitter Card tags work similarly but with twitter: prefix. If you set Open Graph tags, Twitter will fall back to those, so Twitter-specific tags are only needed if you want different content on Twitter. Testing: Use Facebook's Sharing Debugger and Twitter's Card Validator to preview how your page will appear when shared. Fix any issues before promoting content on social media.

Missing meta descriptions: If you do not provide one, Google generates a snippet from your page content. This auto-generated snippet is often awkward and does not sell your page effectively. Duplicate titles across pages: Having 10 pages all titled 'Free Online Tools' confuses Google about which to rank. Each page needs a unique, descriptive title. Keyword-stuffed titles: 'PDF Converter | PDF to Word | Convert PDF | Free PDF Converter Online' — Google may rewrite this entirely, and users find it spammy. Missing Open Graph image: Shared links without images get dramatically less engagement on social media. Always set og:image. Using the same og:image for every page: Each page should have a relevant, unique social image. Generic site-wide images do not entice clicks. Ignoring mobile truncation: Your title and description may look fine on desktop but get cut off on mobile. Test at mobile lengths (50 chars title, 120 chars description). Not updating after content changes: If you significantly update a page's content, update the meta tags to match. Outdated descriptions mislead users and increase bounce rate.