Attributen
Dit element bevat alleen de globale attributen.
Gebruiksopmerkingen
Het <title>-element wordt altijd gebruikt binnen het <head>-blok van een pagina.
Paginatitels en SEO
De inhoud van een paginatitel kan aanzienlijke gevolgen hebben voor zoekmachineoptimalisatie (SEO). Over het algemeen presteert een langere, beschrijvende titel beter dan korte of generieke titels. De inhoud van de titel is een van de onderdelen die zoekmachine-algoritmes gebruiken om te bepalen in welke volgorde pagina's in zoekresultaten worden weergegeven. Bovendien is de titel de eerste "haak" waarmee u de aandacht trekt van lezers die de zoekresultatenpagina doorbladeren.
Enkele richtlijnen en tips voor het opstellen van goede titels:
- Vermijd titels van één of twee woorden. Gebruik een beschrijvende zin, of een combinatie van term en definitie voor woordenlijst- of naslagpagina's.
- Zoekmachines tonen doorgaans ongeveer de eerste 55–60 tekens van een paginatitel. Tekst die daaroverheen gaat, kan verloren gaan, dus probeer titels niet langer te maken dan dat. Als u een langere titel moet gebruiken, zorg er dan voor dat de belangrijke delen eerder komen en dat er niets essentieels staat in het deel van de titel dat waarschijnlijk wordt afgekapt.
- Gebruik geen "trefwoordenbrij". Als uw titel slechts een lijst met woorden is, verlagen algoritmes vaak de positie van uw pagina in de zoekresultaten.
- Probeer ervoor te zorgen dat uw titels zo uniek mogelijk zijn binnen uw eigen site. Dubbele — of bijna identieke — titels kunnen bijdragen aan onnauwkeurige zoekresultaten.
Toegankelijkheid
Het is belangrijk om een nauwkeurige en beknopte titel te geven die het doel van de pagina beschrijft.
Een veelgebruikte navigatietechniek voor gebruikers van ondersteunende technologie is het lezen van de paginatitel om de inhoud van de pagina af te leiden. Dit komt doordat het navigeren naar een pagina om de inhoud ervan te bepalen tijdrovend en mogelijk verwarrend kan zijn. Titels moeten uniek zijn voor elke pagina van een website, waarbij idealiter eerst het primaire doel van de pagina naar voren komt, gevolgd door de naam van de website. Door dit patroon te volgen, zorgt u ervoor dat het primaire doel van de pagina als eerste wordt aangekondigd door een schermlezer. Dit levert een veel betere ervaring op dan wanneer een gebruiker eerst de naam van een website moet horen vóór de unieke paginatitel, voor elke pagina waarnaar hij op dezelfde website navigeert.
Voorbeelden
<title>Menu - Blue House Chinese Food - FoodYum: Online takeout today!</title>Als een formulierinzending fouten bevat en de inzending de huidige pagina opnieuw weergeeft, kan de titel worden gebruikt om gebruikers bewust te maken van eventuele fouten in hun inzending. Werk bijvoorbeeld de waarde van de pagina-title bij om belangrijke wijzigingen in de status van de pagina weer te geven (zoals problemen met formuliervalidatie).
<title>
2 errors - Your order - Sea Food Store - Food: Online takeout today!
</title>Momenteel wordt het dynamisch bijwerken van de titel van een pagina niet automatisch aangekondigd door schermlezers. Als u de paginatitel gaat bijwerken om belangrijke wijzigingen in de status van een pagina weer te geven, dan kan het gebruik van ARIA Live Regions ook noodzakelijk zijn.
Voorbeelden
<title>Awesome interesting stuff</title>Dit voorbeeld maakt een pagina waarvan de titel (zoals weergegeven bovenaan het venster of in het tabblad van het venster) "Awesome interesting stuff" is.
Technische samenvatting
| Content categories | Metadata content. |
|---|---|
| Toegestane inhoud | Tekst die geen tussen-elementen-whitespace is. |
| Weglaten van tags |
Zowel de begin- als de eindtag zijn verplicht. Merk op dat het weglaten van
</title> ervoor zorgt dat de browser de rest van de pagina negeert.
|
| Toegestane ouders |
Een <head>-element dat geen ander
<title>-element bevat.
|
| Impliciete ARIA-rol | Geen bijbehorende rol |
| Toegestane ARIA-rollen | Geen role toegestaan. |
| DOM-interface | HTMLTitleElement |