Skip to content

SEO Fundamentals — Meta Tags, Structured Data & Technical SEO Guide

DodaTech Updated 2026-06-24 5 min read

In this tutorial, you'll learn about SEO Fundamentals. We cover key concepts, practical examples, and best practices.

SEO (Search Engine Optimization) is the practice of improving your website's visibility in search results — combining technical infrastructure, content quality, and user experience signals.

What You'll Learn

Essential meta tags (title, description, viewport, robots), Open Graph and Twitter Card markup for social sharing, JSON-LD structured data for rich results, technical SEO (canonical URLs, sitemaps, robots.txt), and Core Web Vitals optimization.

Why It Matters

93% of online experiences begin with a search engine. The first organic result gets 27.6% of clicks. Without proper SEO, even the best content stays invisible. Doda Browser's search engine integration respects all standard SEO meta tags and structured data formats, rendering rich results directly in the address bar suggestions.

Real-world use: The DodaTech tutorials site uses JSON-LD Article schema on every page, generating rich search results with publish dates, author info, and thumbnail images — increasing click-through rate by 18% compared to plain text results.

flowchart LR
  A[Technical SEO] --> B[Meta Tags]
  A --> C[Structured Data]
  A --> D[Sitemaps]
  A --> E[Core Web Vitals]
  B --> F[Title & Description]
  B --> G[Open Graph]
  B --> H[Viewport & Robots]
  C --> I[JSON-LD]
  C --> J[Schema.org]
  E --> K[LCP]
  E --> L[FID / INP]
  E --> M[CLS]
  style A fill:#4af,color:#fff

Essential Meta Tags

Every HTML page needs these meta tags:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Primary SEO -->
  <title>SEO Fundamentals Guide — Meta Tags, Structured Data & Technical SEO</title>
  <meta name="description" content="Master SEO fundamentals for 2026: meta tags, JSON-LD structured data, canonical URLs, sitemaps, and Core Web Vitals optimization.">

  <!-- Robots control -->
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">

  <!-- Canonical (prevents duplicate content) -->
  <link rel="canonical" href="https://tutorials.dodatech.com/web-development/seo-fundamentals/">

  <!-- Alternate languages -->
  <link rel="alternate" hreflang="en" href="https://tutorials.dodatech.com/web-development/seo-fundamentals/">
  <link rel="alternate" hreflang="fr" href="https://tutorials.dodatech.com/fr/developpement-web/seo/">
</head>

Open Graph and Twitter Cards

Social media previews require specific meta tags:

<!-- Open Graph (Facebook, LinkedIn, Discord) -->
<meta property="og:title" content="SEO Fundamentals Guide — Meta Tags, Structured Data & Technical SEO">
<meta property="og:description" content="Master SEO fundamentals for 2026 with structured data, meta tags, and technical optimization.">
<meta property="og:url" content="https://tutorials.dodatech.com/web-development/seo-fundamentals/">
<meta property="og:type" content="article">
<meta property="og:site_name" content="DodaTech Tutorials">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="https://tutorials.dodatech.com/images/seo-guide-og.webp">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@dodatech">
<meta name="twitter:title" content="SEO Fundamentals Guide">
<meta name="twitter:description" content="Master SEO fundamentals for 2026.">
<meta name="twitter:image" content="https://tutorials.dodatech.com/images/seo-guide-twitter.webp">

JSON-LD Structured Data

Schema.org markup helps search engines understand content:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "SEO Fundamentals — Meta Tags, Structured Data & Technical SEO Guide",
  "description": "Master SEO fundamentals for 2026.",
  "image": "https://tutorials.dodatech.com/images/seo-guide-og.webp",
  "author": {
    "@type": "Organization",
    "name": "DodaTech",
    "url": "https://dodatech.com"
  },
  "publisher": {
    "@type": "Organization",
    "name": "DodaTech"
  },
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-24",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://tutorials.dodatech.com/web-development/seo-fundamentals/"
  }
}
</script>

FAQ Schema

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "What is the most important meta tag for SEO?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "The title tag is the most important single meta tag. It appears as the clickable headline in search results and strongly influences click-through rate.]
    }
  }]
}
</script>

Technical SEO

robots.txt

User-agent: *
Allow: /
Disallow: /admin/
Disallow: /api/
Disallow: /private/

Sitemap: https://tutorials.dodatech.com/sitemap.xml

XML Sitemap

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://tutorials.dodatech.com/web-development/seo-fundamentals/</loc>
    <lastmod>2026-06-24</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>

Header-Based Signals

# No index specific page
X-Robots-Tag: noindex, nofollow

# Canonical via header
Link: <https://example.com/canonical-url>; rel="canonical"

Common Errors

  1. Missing or duplicate title tags — Every page must have a unique, descriptive <title>. Duplicate titles confuse search engines about which page to rank.
  2. Thin or missing meta descriptions — Google may still pick its own snippet, but a well-written 155-character description improves CTR. Always provide one.
  3. Blocking CSS and JS in robots.txt — Search engines need CSS/JS to render pages properly (mobile-friendly test). Blocking them causes incorrect indexing.
  4. Forgetting alt text on images — Image search is a massive traffic source. Every <img> needs descriptive alt text for both accessibility and SEO.
  5. Not using canonical URLs — Duplicate content (HTTP/HTTPS, www/non-www, tracking parameters) dilutes ranking signals. rel="canonical" consolidates them.

Practice Questions

  1. What is the difference between a meta description and Open Graph description? Meta description is for search engine snippets. Open Graph (og:description) is for social media previews (Facebook, LinkedIn, Discord). Both are important.
  2. Why is JSON-LD preferred over Microdata? JSON-LD is easier to implement (no HTML attribute pollution), doesn't affect rendering, and is Google's recommended structured data format.
  3. What does a canonical URL prevent? Duplicate content issues. When the same content is accessible via multiple URLs, rel="canonical" tells search engines which URL is the authoritative version.
  4. How does Core Web Vitals affect SEO? LCP (< 2.5s), INP (< 200ms), and CLS (< 0.1) are ranking signals. Pages meeting these thresholds rank higher than functionally identical pages that don't.
  5. What is the purpose of a sitemap? It lists all important URLs on your site for search engine crawlers, especially useful for large sites, new sites with few external links, and sites with deep content hierarchies.

Challenge

Audit a 5-page website for SEO issues. Check each page for: unique title and meta description, proper heading hierarchy (one H1, sequential), Open Graph tags, JSON-LD Article schema, canonical URL, image alt text, and mobile responsiveness. Create a report with pass/fail for each check and fix all issues.

Real-World Task

Implement complete SEO markup for a new Durga Antivirus Pro features page. Add proper title and meta description, Open Graph and Twitter Card tags, JSON-LD Article schema with SoftwareApplication properties, canonical URL, hreflang tags for 3 languages, and breadcrumb structured data. Verify with Google's Rich Results Test and Schema.org validator.

Previous: WebSockets Guide | Next: Website Accessibility Audit | Related: Core Web Vitals

Built by the developers of Doda Browser, DodaZIP, and Durga Antivirus Pro.

← Previous WebTransport API — Next-Gen Communication Next → Website Accessibility Audit — Lighthouse, axe & WAVE Guide

Built by the developers of DodaTech

Doda Browser, DodaZIP & Durga Antivirus Pro

Home Browse Web Development