29/08/2026
A good webpage should tell the same story three times.
1. Visually - the design shows people what matters.
2. Structurally - the HTML describes what each part of the page actually is.
3. Semantically - the content makes the relationships between topics, entities and ideas clear.
When those three layers agree, the page becomes easier to understand.
When they contradict each other, things get messy.
A section looks important but has no structural importance.
A heading hierarchy says one thing while the design suggests another.
Content is technically present, yet its purpose and relationships are difficult for machines to interpret.
That is why I believe modern web design needs to move beyond the old division between “design” and “SEO”.
In the final article of my three-part series, I bring visual semantics and semantic HTML together and look at what genuinely semantic web design means for users, Google and an increasingly AI-driven search environment.
Learn how content, HTML, visual hierarchy, structured data, media and UX can align to make webpages clearer to humans, Google and AI systems.