Technical SEO

Technical SEO ensures that search engines can crawl, index, and render your website efficiently. Even the best content won't rank if Google can't access or understand your pages.

1. Site Speed & Core Web Vitals

• Optimize images (compression, lazy loading, modern formats).
• Minimize JavaScript and CSS bundles.
• Use a CDN for static assets.
• Enable server-side rendering (SSR) or static generation (SSG).

2. Mobile-First Design

Google uses mobile-first indexing, meaning it primarily uses the mobile version of your site for ranking. Your site must be responsive and performant on mobile devices.

3. Structured Data (JSON-LD)

Structured data helps Google understand your content and display rich results (star ratings, FAQ dropdowns, course cards) in search. JSON-LD is Google's recommended format.

{
  "@context": "https://schema.org",
  "@type": "Course",
  "name": "SEO — Search Engine Optimization",
  "description": "Master SEO from beginner to advanced.",
  "provider": {
    "@type": "Organization",
    "name": "TechTalks",
    "sameAs": "https://techtalkswithomee.com"
  },
  "hasCourseInstance": {
    "@type": "CourseInstance",
    "courseMode": "online",
    "isAccessibleForFree": true
  }
}

4. XML Sitemaps

A sitemap tells search engines about all the pages on your site and how often they change. In Next.js, you can generate sitemaps programmatically.

import type { MetadataRoute } from 'next';

export default function sitemap(): MetadataRoute.Sitemap {
  return [
    { url: 'https://yoursite.com', lastModified: new Date() },
    { url: 'https://yoursite.com/courses', lastModified: new Date() },
    { url: 'https://yoursite.com/courses/seo', lastModified: new Date() },
  ];
}

5. robots.txt

User-agent: *
Allow: /
Disallow: /api/
Sitemap: https://yoursite.com/sitemap.xml