15.1 W3C en SEO
W3C (Word Wide Web Consortium) is de organisatie die de standaarden voor webtalen ontwikkelt, zoals html, xhtml, xml, html5 en css. De meeste internet-pagina’s voldoen echter niet (volledig) aan hun standaarden (zijn niet ‘W3C-compliant’). Webbrowser zijn dus flexibeler dan de W3C-standaard, omdat pagina’s die hier niet aan voldoen vaak toch prima door de browsers worden weergegeven. Toch is het aan te bevelen als u nieuwe pagina’s gaat opzetten, deze standaard in gedachten te houden. Ook met het oog op SEO. Als uw pagina namelijk voldoet aan de W3C-standaard zijn uw pagina’s gegarandeerd goed door Google te lezen.
De meeste moderne web-ontwikkeltools ondersteunen de W3C-standaard. Op de SEO-tools pagina zijn ook W3C-validatie checkers opgenomen. Het is heel eenvoudig te controleren of uw website aan de W3C-standaard voldoet.
Los van het kleine SEO-voordeel zijn er wel duidelijke andere voordelen van een W3C-compliant website. Dergelijke websites zijn namelijk beter geschikt voor gehandicapten en werken goed en vergelijkbaar voor verschillende soorten browsers, inclusief die op mobiele telefoons.
15.2 HTML5 en SEO
HTML5 kent zogenaamde ‘semantische elementen’ waarmee we ook bepaalde andere zaken op onze pagina’s kunnen verduidelijken aan de zoekmachines. Dat betreft met name het verhelderen van de rol die een bepaald stuk content op de pagina speelt. Is het de header? Is het een zijbalk? Is het de hoofdcontent? De volgende tags kunnen in dit verband in HTML5 worden toegepast en het verdient aanbeveling die zo goed mogelijk te gebruiken.
Voorbeelden van dergelijke semantische elementen zijn:
|
Tag |
Description |
|
<article> |
Artikel |
|
<aside> |
Zijbalk |
|
<details> |
Additionele informatie die op de pagina verborgen kan worden |
|
<figcaption> |
Caption voor een afbeelding |
|
<figure> |
Afbeelding |
|
<footer> |
Footer |
|
<header> |
Header |
|
<main> |
Hoofdcontent |
|
<mark> |
Gemarkeerde tekst |
|
<nav> |
Navigatie |
|
<section> |
Sectie |
|
<summary> |
Het zichtbare deel van info onder <details> |
|
<time> |
Datum/tijd |
Een voorbeeld van de toepassing van de tag <main> in HTML5-code:
<main>
<h1>Semantische elementen</h1>
<p>Semantische elementen zijn HTML5 elementen …</p>
</main>
Op w3schools.com kunt u hier meer over lezen.
| Vorige – 14. Frames en Flash | Volgende – 16. Redirects |