New format
HTML and SEO: why hypertext markup still matters
HTML is the page markup language: tags tell browsers and bots where the heading, text, link, and image are. CSS handles presentation. For SEO, clear structure matters — not a “secret ranking tag.”
Below: why an SEO specialist needs basic HTML, which nodes to check in `<head>` and `<body>`, and how validity actually helps. We don’t copy the hard line “one code error = deindexed”: bots are tolerant, but messy markup hurts people and parsing.
HTML + CSS in an SEO context
Bots and browsers read the DOM. If the heading is in `<h1>`, the link in `<a href>`, the copy in a paragraph — meaning is easier to extract than from nameless `<div>`s with text painted on a canvas.
CSS doesn’t rank pages, but it affects UX and Core Web Vitals. Hiding whole blocks with `display:none` for keywords is a bad idea and an outdated spam trick.
Validity is about predictability: closed tags, correct nesting, one clear heading hierarchy.
Page skeleton
`<html>` is the document root, often with `lang`. `<head>` is machine-facing: title, meta, link, scripts. `<body>` is what the user sees.
SEO jobs in head: unique title, description, canonical, robots when needed. In body — H1, content, internal links, image alt text.
Minimum for a money page:
- one meaningful H1
- a unique title
- description that matches the URL
- text in HTML, not only on a banner
- working internal links
SEO-relevant nodes
Title and description shape the snippet and click expectations. H1–H3 help structure and scanning. `<a>` carries anchor meaning. `<img alt>` covers accessibility and image understanding.
Lists, tables, `strong`/`em` improve readability; keyword bold spam isn’t needed.
Technical neighbors: canonical, pagination, noindex — see separate materials; don’t copy outdated “required” meta keywords sets.
Practice: tying SEO and HTML together
Before a brief to developers, describe the URL intent and required elements in code — not only “make it pretty.”
After layout, check the DOM: is text only in JS without SSR/prerender when the bot should see it?
Don’t fix micro-typos in code comments instead of duplicate titles and thin filters — prioritize impact on index and clicks.
Key takeaways
HTML sets meaning and structure for people and bots.
For SEO what matters is head meta, headings, links, and accessible text — not “secret tags.”
Go deeper in separate guides on title, H1, and canonical; this piece is a map.
FAQ
Must an SEO learn HTML from scratch?
The basics — yes: head/body, title, meta, h1–h3, a, img, lists. Deep frontend isn’t required if you have a developer.
Does CSS affect rankings?
Indirectly: readability, CLS, mobile UX. Pretty gradients alone aren’t a ranking factor. Don’t hide key text only in an image with no alternative.
Does invalid HTML mean a filter?
Not an automatic sentence. But broken layout breaks snippets, accessibility, and sometimes indexable text. Fix what’s critical.
How is HTML different from meta tags?
Meta tags are part of HTML in the head. HTML is broader: the whole page structure, not only description.
Is a no-code builder enough?
Often yes at the start. When you hit duplicate titles, broken H1s, or noindex — you need a look at the code.
Is Schema / JSON-LD HTML?
Structured data usually lives as JSON-LD or microdata inside HTML. Separate topic; HTML is the host page.
Is lang on html required?
Desirable: helps the browser and accessibility. Not an SEO magic button, but good hygiene.
Where do I start checking a page?
View source / DevTools: one H1, title, description, canonical, text in the DOM — not only on an image.
Pretty layout but broken H1, title, and text missing from the DOM?
We’ll align markup with SEO intent — structure for people and bots, not validator theater.
Discuss the task
