Search Optimization

SEO Basics

Search engines crawl pages, understand them and rank them. Good technical foundations, clear content and structured data give you the best chance of being found.

beginner14 min readUpdated Sep 15, 2026
head.html
html
<!-- head.html -->
<head>
  <title>What is DNS? — Complete Guide (2026) | hackweb.dev</title>
  <meta name="description"
    content="Learn how DNS turns domain names into IP addresses, the record types that matter and how to troubleshoot lookups." />
  <link rel="canonical" href="https://hackweb.dev/guides/dns/" />

  <meta property="og:title" content="What is DNS?" />
  <meta property="og:type" content="article" />
</head>
Stage 1
Crawling
Stage 2
Indexing
Stage 3
Ranking
Key tag
title
Structure
Headings and links
Experience
Core Web Vitals

Why it matters

Why SEO still matters

Compounding traffic

Organic search keeps bringing visitors long after you publish, unlike ads that stop when spending stops.

Rewards good sites

Fast, accessible, well-structured pages rank better because they serve users better.

Broad reach

Search is how most people find answers, products and documentation, so discoverability is product work.

The big picture

The three stages of search

A search engine must be able to crawl your page, understand it, and then judge it against the query.

Crawl

Discover

Search engines must be able to reach and fetch your pages.

Index

Understand

Titles, headings and content tell the engine what the page is about.

Rank

Compete

Relevance, quality, links and page experience decide the order.

SEO at a glance

The core of SEO

Titles

The single most important on-page signal; unique and descriptive.

Meta descriptions

Not a ranking factor, but they shape clicks from the results page.

Canonicals

Tell engines which URL is the preferred version of a page.

Sitemaps and robots

Help crawlers discover pages and respect what to skip.

Headings and structure

A clear outline helps engines and readers understand the content.

Structured data

JSON-LD describes entities and can unlock rich results.

A short history

From keyword stuffing to user experience

  1. 1998

    Early search

    Engines rank largely by keyword frequency and on-page signals.

    98
  2. 2000s

    Links matter

    PageRank and backlinks become the dominant ranking signal.

    2000s
  3. 2011

    Content quality

    Updates penalise thin, duplicated and spammy content.

    11
  4. 2015

    Mobile-first

    Mobile usability becomes a core consideration.

    15
  5. 2021

    Page experience

    Core Web Vitals are added as a ranking signal.

    21

The complete guide

SEO Basics: Everything you need to know

Why SEO still matters

Search is how most people find things online. For documentation, products and content, organic traffic compounds: a well-ranked page keeps bringing visitors for years, unlike ads that stop the moment spending stops.

SEO is often framed as tricks, but the fundamentals are boring and effective: make your site crawlable, describe your content clearly, load fast, and be genuinely useful. Most of it overlaps with accessibility and performance, which is why good engineering is good SEO.

How search works

Search engines do three things:

  1. Crawl — a bot discovers URLs and fetches the pages.
  2. Index — the engine processes the content and stores it in an index.
  3. Rank — it orders indexed pages against a query using hundreds of signals.

If a page cannot be crawled or understood, it cannot rank. That makes technical foundations the first priority.

Crawlability

Crawlers need to reach your pages and know what to skip.

  • robots.txt tells crawlers which paths to avoid.
  • Sitemaps list the URLs you want indexed.
  • Canonical tags declare the preferred URL when several point to the same content.
  • Internal links help crawlers discover pages by following links.
  • Status codes matter: keep 200 for real pages and use 301 for permanent moves.
# robots.txt
User-agent: *
Allow: /
Disallow: /admin/
Sitemap: https://hackweb.dev/sitemap.xml

Avoid blocking CSS and JavaScript that the page needs, because modern crawlers render pages and may misread them otherwise.

Titles and metadata

The title is the strongest on-page signal and the headline in search results.

<!-- head.html -->
<title>What is DNS? — Complete Guide (2026) | hackweb.dev</title>
<meta name="description" content="Learn how DNS turns domain names into IP addresses, the record types that matter and how to troubleshoot lookups." />
<link rel="canonical" href="https://hackweb.dev/guides/dns/" />
  • Keep titles unique, descriptive and roughly 50–60 characters.
  • Write a specific meta description; it does not rank but it earns clicks.
  • Set a canonical URL on every page.
  • Add Open Graph and Twitter tags so shared links look right.

Structure and content

Headings give a page its outline. Use one h1 that states the topic, then h2 and h3 for sections. This helps both readers and search engines understand the content.

Content quality is the hardest part and the one that matters most:

  • Answer the query clearly and early.
  • Cover the topic in depth instead of padding with keywords.
  • Use the words people actually search for, naturally.
  • Keep pages focused on one topic each.
  • Update and improve content over time.

Keyword stuffing, hidden text and thin auto-generated pages are the classic mistakes that harm rankings.

Links are how the web is connected and how authority flows.

  • Internal links spread authority and help crawlers discover content. Link related guides to each other with descriptive anchor text.
  • External links from reputable sites signal trust. Earn them with content worth citing.
  • Anchor text should describe the destination, not say “click here”.

A clear site structure with sensible URLs and breadcrumbs helps both users and crawlers.

Page experience and Core Web Vitals

User experience is a ranking consideration. The Web Performance guide covers the details, but the headline metrics are:

  • LCP — how quickly the main content appears.
  • INP — how quickly the page responds to input.
  • CLS — how much the layout shifts unexpectedly.

Mobile-friendliness, HTTPS and avoiding intrusive interstitials round out page experience. None of it replaces good content, but it removes reasons to rank you lower.

Structured data

Structured data describes your content in a machine-readable format, usually JSON-LD using schema.org vocabulary.

<!-- jsonld.html -->
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "TechArticle",
    "headline": "What is DNS?",
    "author": { "@type": "Organization", "name": "hackweb.dev" },
    "datePublished": "2026-09-15"
  }
</script>

Common types include Article, FAQPage, BreadcrumbList, Product and HowTo. Rich results can improve visibility, but the data must match what users see on the page.

Measuring

Do not guess. Use the tools:

  • Google Search Console for queries, impressions, clicks, indexing issues and Core Web Vitals.
  • Bing Webmaster Tools for the same on Bing.
  • Analytics to understand behaviour after the click.
  • Lighthouse for on-page technical checks.

Track changes over time, and fix crawl errors and coverage issues before chasing ranking tweaks.

Best practices

  • Make every important page crawlable and indexable.
  • Write unique titles and specific meta descriptions.
  • Use one h1 and a logical heading outline.
  • Set canonical URLs and submit a sitemap.
  • Link related pages with descriptive anchor text.
  • Meet Core Web Vitals and serve over HTTPS.
  • Add accurate structured data.
  • Monitor with Search Console and iterate.

Common mistakes

  • Blocking crawlers from CSS and JavaScript they need.
  • Duplicate titles and missing canonicals across many pages.
  • Keyword stuffing and thin content.
  • Hiding text or cloaking, which can get a site penalised.
  • Ignoring mobile performance.
  • Structured data that does not match the visible content.

Where to go next

SEO rewards clean foundations. Strengthen them with Semantic HTML, speed up your pages with Web Performance, and make them usable by everyone with Accessibility. Then audit one page with Search Console and Lighthouse and fix the biggest issue first.

Writing a title

A unique, descriptive title matches intent and earns clicks. Duplicated or generic titles compete poorly.

Prefer
<title>What is DNS? — Complete Guide (2026) | hackweb.dev</title>
Avoid
<title>Home</title>
<!-- same title on every page -->

Structuring content

Headings describe the page and let readers scan it. Keyword-stuffed text reads badly and can be penalised.

Prefer
<h1>What is DNS?</h1>
<p>DNS turns domain names into IP addresses.</p>
<h2>How resolution works</h2>
Avoid
<p>dns, dns server, what is dns,
dns lookup, dns records, best dns,
dns meaning, dns explained ...</p>

FAQ

Frequently asked questions

Keep learning

Related topics from the roadmap.

$ start learning

Ready to start learning SEO Basics?

Our interactive tutorial walks you through SEO Basics step by step — with quizzes and real code you can run in the browser.