Back to Examples

HTML Meta Tags & SEO

If you searched html meta description or open graph tags, every public page needs unique title and description, canonical URL, and og:image for link previews.

1. Core SEO tags

Minimum set in head.

Snippet
<title>Page title</title>
<meta name="description" content="...">
<link rel="canonical" href="...">

Copy pattern into head.

<title>Unique page title</title>
<meta name="description" content="...">
<link rel="canonical" href="https://example.com/page">

2. Open Graph

Controls link preview in chat apps.

OG list
  • og:type
  • og:title
  • og:description
  • og:image

Use absolute image URLs.

<meta property="og:type" content="website">
<meta property="og:image" content="https://example.com/og.png">

3. robots & charset

charset UTF-8 and robots index,follow defaults.

Head
<meta charset="UTF-8">
<meta name="robots" content="index, follow">

Prevent mojibake with charset first.

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

Frequently asked questions

Duplicate descriptions?
Each URL should have a unique meta description aligned with on-page content.
og:image size?
1200×630px is a safe default for many platforms.
JSON-LD too?
Yes. Structured data complements meta tags for rich results.