WebP, JPEG, PNG, SVG, and GIF: choosing image formats for a website
Choose image formats by content, transparency, visual quality, and delivery size, then test the actual files served to visitors.
Inline SVG or an image file: choosing how to deliver icons
Compare inline SVG with an SVG file referenced by an image element, including CSS control, repeat use, document size, and accessible labels.
Responsive design and dynamic serving: checking mobile and desktop content
Distinguish responsive CSS from dynamic serving and compare mobile and desktop content, links, metadata, and rendered output.
Iframes and SEO: embedding videos, maps, and widgets
Inspect iframe source URLs, keep the host page useful, and check the loading and layout of embedded videos, maps, and widgets.
Set up a small HTML website for technical SEO practice
Build a small local HTML project to practise technical SEO checks without changing a production website or relying on a CMS interface.
The HTML head for SEO: titles, descriptions, encoding, and metadata checks
Build and inspect an HTML head with encoding, viewport, page title, and description, then verify specialist indexing tags separately.
HTML content structure for SEO: headings, lists, tables, divs, and spans
Use headings, paragraphs, lists, and tables to express content structure, and distinguish those meanings from generic div and span containers.
Crawlable internal links: hrefs, anchor text, and navigation markup
Check real anchor destinations, descriptive text, relative paths, and template navigation so internal links provide a usable route through the site.
Discovery, crawling, and indexing: how Google reaches a page
Separate URL discovery, fetching, and indexing so a known page, a crawlable page, and an indexed page are not treated as the same thing.
XML sitemaps and sitemap indexes: what to include and how to check them
Distinguish a URL sitemap from a sitemap index, check the intended URLs and modification dates, and compare sitemap discovery with internal linking.