SEO
2026.05.15 Β· 6 min read
SEO Meta Tags Complete Guide: Copy-Paste Template
Got a blog up but the meta tags are empty? Copy this and you're done.
π 4 Required + 5 Recommended
Google reads: title, description, canonical, robots. Social reads: 4 OG tags + Twitter Card. 9 tags, 99% done.
π§ Copy-Paste Template
<!-- Basics --> <title>Article Title Under 60 Chars | Blog Name</title> <meta name="description" content="Summary under 155 chars"> <link rel="canonical" href="https://yoursite.com/post"> <meta name="robots" content="index,follow"> <!-- Open Graph (Facebook, Slack, iMessage) --> <meta property="og:type" content="article"> <meta property="og:title" content="Article Title"> <meta property="og:description" content="Under 155 chars"> <meta property="og:image" content="https://yoursite.com/og.png"> <meta property="og:url" content="https://yoursite.com/post"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Article Title"> <meta name="twitter:image" content="https://yoursite.com/og.png">
π Length Guide
- title: 50-60 chars (mobile truncates)
- description: 150-160 chars (Google SERP limit)
- og:image: 1200Γ630 (required)
β‘ JSON-LD Structured Data
Required for rich snippets. Add Article schema to blog posts:
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"Article",
"headline":"Title",
"datePublished":"2026-05-15",
"author":{"@type":"Person","name":"Name"}
}
</script>
π Tools
- OG image: LinkedIn Post Image (1200Γ630)
- OG preview: OG Preview
- Tables: HTML Table Generator
π‘ Verify: Google Search Console URL Inspection > Enhanced results. Refresh OG cache via Facebook Debugger.
β Back to Blog
PXLTool Β· 2026.05.15