SEO Best Practices for Modern Blogs

Search Engine Optimization (SEO) is crucial for any blog. This template comes with comprehensive SEO features built-in to ensure your content is discoverable and fast.

What's Included #

🏷️ Meta Tags

Complete meta tag implementation for all pages

📱 Open Graph

Perfect social media sharing cards

🐦 Twitter Cards

Optimized Twitter/X previews

📊 JSON-LD

Structured data for rich search results

🗺️ Sitemap

Auto-generated sitemaps for SEO

📡 RSS Feed

Built-in RSS 2.0 feed support

Meta Tags #

Every page includes a complete set of meta tags:

1
<!-- Basic Meta Tags -->
2
<title>Post Title | Site Name</title>
3
<meta name="description" content="Post description...">
4
<meta name="keywords" content="keyword1, keyword2, keyword3">
5
<meta name="author" content="Author Name">

1
// How it's written above:
2
<CodeTabs tabs={["Basic", "Robots"]}>
3
\```html
4
<!-- Basic Meta Tags -->
5
<title>Post Title | Site Name</title>
6
...
7
\```
8
---
9
\```html
10
<!-- Robots -->
11
<meta name="robots" content="index, follow">
12
...
13
\```
14
</CodeTabs>

Open Graph Tags #

Open Graph tags ensure your content looks great when shared on social platforms like Facebook and LinkedIn:

1
<meta property="og:type" content="article">
2
<meta property="og:title" content="Post Title">
3
<meta property="og:description" content="Post description...">
4
<meta property="og:url" content="https://example.com/blog/post-slug">
5
<meta property="og:site_name" content="Site Name">
6
<meta property="og:locale" content="en_US">
7
<meta property="og:image" content="https://example.com/og-image.png">
8
<meta property="og:image:width" content="1200">
9
<meta property="og:image:height" content="630">
10

11
<!-- Article-specific -->
12
<meta property="article:published_time" content="2026-01-28">
13
<meta property="article:author" content="Author Name">
14
<meta property="article:tag" content="tag1">

Twitter Cards #

Twitter (X) cards make your content stand out in timelines:

1
<meta name="twitter:card" content="summary_large_image">
2
<meta name="twitter:site" content="@yourusername">
3
<meta name="twitter:creator" content="@yourusername">
4
<meta name="twitter:title" content="Post Title">
5
<meta name="twitter:description" content="Post description...">
6
<meta name="twitter:image" content="https://example.com/og-image.png">

JSON-LD Structured Data #

Structured data helps search engines understand your content better and enables rich results. Here are the schemas we implement:

1
{
2
  "@context": "https://schema.org",
3
  "@type": "WebSite",
4
  "name": "Site Name",
5
  "description": "Site description...",
6
  "url": "https://example.com",
7
  "potentialAction": {
8
    "@type": "SearchAction",
9
    "target": "https://example.com/search?q={search_term}",
10
    "query-input": "required name=search_term"
11
  }
12
}

1
{
2
  "@context": "https://schema.org",
3
  "@type": "Article",
4
  "headline": "Post Title",
5
  "description": "Post description...",
6
  "image": "https://example.com/post-image.png",
7
  "datePublished": "2026-01-28",
8
  "dateModified": "2026-01-28",
9
  "author": {
10
    "@type": "Person",
11
    "name": "Author Name"
12
  },
13
  "publisher": {
14
    "@type": "Organization",
15
    "name": "Site Name",
16
    "logo": {
17
      "@type": "ImageObject",
18
      "url": "https://example.com/logo.png"
19
    }
20
  }
21
}

1
{
2
  "@context": "https://schema.org",
3
  "@type": "BreadcrumbList",
4
  "itemListElement": [
5
    {
6
      "@type": "ListItem",
7
      "position": 1,
8
      "name": "Home",
9
      "item": "https://example.com"
10
    },
11
    {
12
      "@type": "ListItem",
13
      "position": 2,
14
      "name": "Blog",
15
      "item": "https://example.com/blog"
16
    },
17
    {
18
      "@type": "ListItem",
19
      "position": 3,
20
      "name": "Post Title",
21
      "item": "https://example.com/blog/post-slug"
22
    }
23
  ]
24
}

1
// How the tabs above are written:
2
<CodeTabs tabs={["WebSite", "Article", "Breadcrumb"]}>
3
\```json
4
{ "@context": "https://schema.org", ... }
5
\```
6
---
7
\```json
8
{ "@context": "https://schema.org", ... }
9
\```
10
---
11
\```json
12
{ "@context": "https://schema.org", ... }
13
\```
14
</CodeTabs>

Sitemap #

The template automatically generates a sitemap at /sitemap.xml with:

All static pages
All blog posts with last modified dates
Category archive pages
Tag archive pages

1
<?xml version="1.0" encoding="UTF-8"?>
2
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
3
  <url>
4
    <loc>https://example.com</loc>
5
    <lastmod>2026-01-30</lastmod>
6
    <changefreq>daily</changefreq>
7
    <priority>1.0</priority>
8
  </url>
9
  <url>
10
    <loc>https://example.com/blog/getting-started</loc>
11
    <lastmod>2026-01-30</lastmod>
12
    <changefreq>weekly</changefreq>
13
    <priority>0.8</priority>
14
  </url>
15
  <!-- More URLs... -->
16
</urlset>

Robots.txt #

A properly configured robots.txt is generated at /robots.txt:

1
User-agent: *
2
Allow: /
3
Disallow: /api/
4
Disallow: /_next/
5

6
Sitemap: https://example.com/sitemap.xml
7
Host: https://example.com

RSS Feed #

An RSS 2.0 feed is available at /feed.xml for readers who prefer RSS:

1
<?xml version="1.0" encoding="UTF-8"?>
2
<rss version="2.0">
3
  <channel>
4
    <title>Site Name</title>
5
    <description>Site description...</description>
6
    <link>https://example.com</link>
7
    <item>
8
      <title>Post Title</title>
9
      <description>Post description...</description>
10
      <link>https://example.com/blog/post-slug</link>
11
      <pubDate>Sun, 28 Jan 2026 00:00:00 GMT</pubDate>
12
    </item>
13
  </channel>
14
</rss>

Canonical URLs #

Every page includes a canonical URL to prevent duplicate content issues:

1
<link rel="canonical" href="https://example.com/blog/post-slug">

SEO Checklist #

When writing blog posts, follow these SEO best practices:

Write Great Titles

Create descriptive, keyword-rich titles between 50-60 characters

Craft Compelling Descriptions

Write meta descriptions that are 150-160 characters and entice clicks

Use Proper Headings

Follow heading hierarchy: H1 (one per page) → H2 → H3 for better structure

Add Alt Text

Include descriptive alt text for all images for accessibility and SEO

Link Internally

Include internal links to related content to improve site navigation

1
// How the tutorial above is written:
2
<Tutorial>
3
# Write Great Titles
4
Create descriptive, keyword-rich titles...
5
---
6
# Craft Compelling Descriptions
7
Write meta descriptions that are 150-160 characters...
8
---
9
# Use Proper Headings
10
Follow heading hierarchy: H1 → H2 → H3...
11
</Tutorial>

Quick SEO Tips #

Aim for 50-60 characters. This ensures your title displays fully in search results without being truncated.

1
// How the FAQ above is written:
2
<Faq>
3
Q: How long should my blog post title be?
4
A: Aim for 50-60 characters. This ensures...
5
---
6
Q: What's the ideal meta description length?
7
A: Between 150-160 characters. This gives...
8
</Faq>

Helpful Resources #

Google Search Console Schema.org Documentation Open Graph Debugger Twitter Card Validator

1
// How the links above are written:
2
<QuickLinks>
3
Google Search Console -> https://search.google.com/search-console
4
Schema.org Documentation -> https://schema.org
5
Open Graph Debugger -> https://developers.facebook.com/tools/debug
6
</QuickLinks>

Conclusion #

This template handles all the technical SEO for you. Just focus on:

✍️ Writing Quality Content

Focus on value, clarity, and engagement

📋 Filling Frontmatter

Add complete metadata to every post

📐 Using Proper Headings

Structure your content logically

🏷️ Adding Relevant Tags

Help readers and search engines categorize

The template takes care of the rest—meta tags, structured data, sitemaps, and feeds are all generated automatically.

Remember: Great SEO starts with great content. All the technical optimization in the world won't help if your content doesn't provide value to readers.

Happy writing, and may your content rank well!

🏷️ Meta Tags

📱 Open Graph

🐦 Twitter Cards

📊 JSON-LD

🗺️ Sitemap

📡 RSS Feed

Write Great Titles

Craft Compelling Descriptions

Use Proper Headings

Add Alt Text

Link Internally

How long should my blog post title be?

What's the ideal meta description length?

Should I use the same keywords in every post?

How often should I update my content?

Do I need to manually create a sitemap?

✍️ Writing Quality Content

📋 Filling Frontmatter

📐 Using Proper Headings

🏷️ Adding Relevant Tags