Every HTML page has a head full of metadata — tags that describe the page to browsers, search engines, and social platforms. Most of these tags are invisible to users but highly visible to Google, Facebook, and Twitter. Writing them well is one of the simplest, most reliable SEO improvements you can make, and it takes minutes per page.
The three meta tags that matter most
- Title tag — the clickable headline in search results. Google reads the first 50-60 characters and displays about 60. It's the single strongest on-page signal for what a page is about.
- Meta description — the snippet under the title in search results. Not a direct ranking factor, but it determines whether someone clicks. Google displays about 155-160 characters. Write it as a pitch, not a summary.
- Canonical URL — tells search engines which version of a page is the 'real' one. Without it, duplicate URLs (with/without trailing slash, with query parameters) can split your ranking signals.
How to write a title tag
- Put the most important keyword first — Google weights the beginning of the title more heavily.
- Keep it under 60 characters — anything beyond gets truncated in search results.
- Include your brand at the end — 'Page Title | ForgePlug' format keeps the keyword close to the front.
- Make each page unique — a site with 50 pages all titled 'Home' confuses crawlers about which page to rank.
- Don't keyword stuff — 'JSON Formatter, JSON Validator, JSON Minifier, JSON Beautifier' reads as spam and gets truncated.
How to write a meta description
The meta description doesn't directly affect rankings, but it controls your search snippet — the text that appears under your title in Google. A good description acts like ad copy: it promises a specific benefit and makes the searcher want to click.
- 150-160 characters — long enough to be useful, short enough not to get truncated.
- Include the primary keyword — Google bolds matching terms in the snippet, which draws the eye.
- Match search intent — if someone searches 'merge pdf files', your description should say 'Merge PDF files in your browser — no uploads, no sign-up.'
- Avoid duplicate descriptions — every page should have its own.
Open Graph and Twitter Cards
Open Graph tags control how your page appears when shared on Facebook, LinkedIn, and other platforms. Twitter Cards do the same for X (Twitter). Without these tags, social platforms guess — and they often guess wrong, pulling a random image or truncating your description.
- og:title — the title shown in the social card (can differ from your SEO title).
- og:description — the description shown in the social card.
- og:image — a 1200×630 image that appears as the card thumbnail. This is the most impactful social tag — a good image dramatically increases click-through.
- og:url — the canonical URL of the page.
- twitter:card — use 'summary_large_image' for a large thumbnail, 'summary' for a small one.
Same page, different audiences
Your SEO title and your Open Graph title don't have to match. The SEO title is optimized for search engines (keyword-first, under 60 characters). The OG title is optimized for social sharing (more conversational, can be longer). Use both strategically.
Common mistakes
- Missing title tag — every page must have one. A page without a title shows up as 'Untitled' in search results.
- Duplicate titles across pages — 'Blog Post' on 50 pages means Google doesn't know which to rank.
- Meta description missing — Google auto-generates a snippet from your content, which is usually less compelling than what you'd write.
- No canonical URL — parameterized URLs (/?sort=date&page=2) can dilute ranking signals without a canonical.
- og:image pointing to a tiny image — social platforms need at least 1200×630 for a crisp card.
Generate complete meta tags
ForgePlug's Meta Tags Generator creates title, description, Open Graph, Twitter Card, and canonical tags with live social previews — all in your browser.
Open Meta Tags Generator