HTML Notes - Page 4

Core Web Vitals and Mobile Friendliness

Three measurements taken from real visits, and one indexing rule that decides which version of your page Google actually reads.

HTML

Image SEO

Image search sends real traffic, and images are usually the heaviest thing on a page. File names, alt text, formats and dimensions are the whole job.

HTML

Structured Data and JSON-LD

Machine readable facts about your page, using a shared vocabulary. It does not raise rankings, and it can change how your result looks entirely.

HTML

Canonical URLs and Duplicate Content

The same page reachable at seven URLs is seven competing pages to a search engine. One line of markup consolidates them.

HTML

robots.txt and XML Sitemaps

Two files at the root of your site that decide what gets crawled and what gets found. Small, easy to write, and easy to break in ways that remove a wh...

HTML

Internal Linking and Anchor Text

Links are how pages are discovered and how importance flows through a site. The text inside them is how a crawler learns what the destination is about...

HTML

Headings and Content Structure for Search

Headings are how a crawler works out what a page covers and how it is organised. They are also how you become eligible for a featured snippet.

HTML

Titles and Descriptions That Earn Clicks

Ranking is half the job. The title and description decide whether anyone clicks, and they are the two pieces of markup a searcher actually reads.

HTML

SEO Friendly HTML Structure

Search engines read markup, not screenshots. The structural decisions that make a page understandable to a crawler are the same ones that make it unde...

HTML

How Google Works: Crawling, Indexing and Ranking

Four stages between publishing a page and someone finding it. Knowing which stage a problem sits in is what turns SEO from guesswork into debugging.

HTML

Testing a Page for Accessibility

Automated tools find about a third of problems. Here is what they catch, what they miss, and a manual routine that takes fifteen minutes.

HTML

Colour, Contrast and Motion

Contrast ratios that meet the guidelines, never relying on colour alone, and honouring the reduced motion preference. Mostly CSS, entirely part of the...