De titel en de metabeschrijving

Module 3: De technische basis van een pagina · Leestijd: 11 minuten

Leerdoel: Na deze les kun je voor elke pagina een goede titel en metabeschrijving schrijven, uitleggen wat Google ermee doet en waarom Google ze soms vervangt, en controleren of ze op je eigen pagina's goed staan.

Kernbegrippen: <title>, titellink, metabeschrijving (<meta name="description">), fragment (snippet), herschrijven door Google, afkappen op schermbreedte, vuistregel voor lengte, unieke titels, merknaam, zoekwoordstapeling, nosnippet

Twee regels in de kop van je pagina

Elke pagina van een website begint met een stuk dat de bezoeker niet ziet: de <head>. Daarin staan twee regels die voor zoekmachines extra belangrijk zijn:

<head>
  <title>Bruidsboeketten op maat in Amersfoort | Bloemenatelier Lotte</title>
  <meta name="description" content="Een bruidsboeket dat bij jullie dag past. Kom langs voor een gratis kennismaking in ons atelier in Amersfoort, of bekijk eerst onze voorbeelden.">
</head>

De titel (het <title>-element) zie je terug in het tabblad van je browser, in je bladwijzers en vooral in de zoekresultaten. Google noemt de blauwe, klikbare regel in een zoekresultaat de titellink. De metabeschrijving is een korte samenvatting van de pagina. Google gebruikt die soms voor het stukje tekst onder de titellink: het fragment (in het Engels snippet).

Samen bepalen ze voor een groot deel of iemand op jouw resultaat klikt of op dat van een ander. Daarom is dit een van de weinige dingen in vindbaarheid waar je in een kwartier echt verschil maakt.

Wat Google met je titel doet

Google schrijft het zelf zo: zorg dat elke pagina een titel heeft in het <title>-element, en maak die beschrijvend en beknopt. Vage titels als "Home" of "Welkom" vertellen niemand iets.

Google gebruikt je <title> meestal, maar niet altijd. Google kan de titellink ook maken uit andere bronnen: de grootste kop op de pagina (vaak de <h1>), de og:title voor sociale media, opvallende tekst op de pagina, de tekst van links die naar de pagina wijzen, en de naam uit gestructureerde gegevens van het type WebSite. Dat gebeurt vooral in deze situaties, die Google zelf noemt:

Herschrijft Google je titel, dan is dat geen straf. Het is een teken dat je titel de pagina niet goed genoeg beschrijft. Verbeter je de titel, dan neemt Google hem vaak weer over na het volgende bezoek van de crawler.

Hoe lang mag een titel zijn?

Hier gaat veel advies op internet de mist in. Google zegt letterlijk dat er geen grens is aan de lengte van een <title>. Wel wordt de titellink in de zoekresultaten afgekapt zodat hij op het scherm past. Dat gebeurt op schermbreedte (pixels), niet na een vast aantal tekens: een titel met veel brede letters (m, w) wordt eerder afgekapt dan een met smalle (i, l).

Daarom werkt deze cursus met een vuistregel, geen regel van Google: houd je titel tussen ongeveer 15 en 65 tekens. Korter is vaak te vaag, langer loopt de kans dat het belangrijkste deel wegvalt. Zet daarom wat de pagina is vooraan, en de naam van je bedrijf achteraan.

Een goede titel schrijven

Uit de richtlijnen van Google en uit de praktijk:

1. Zeg waar de pagina over gaat. "Bruidsboeketten op maat in Amersfoort" is beter dan "Diensten".
2. Elke pagina een eigen titel. Twee pagina's met dezelfde titel zijn in de zoekresultaten niet uit elkaar te houden.
3. Merknaam kort, aan het begin of eind, gescheiden door een teken als |, : of -. Google raadt aan geen lange slogan aan elke titel te hangen.
4. Geen zoekwoordstapeling. "Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop" helpt niet. Google noemt het herhalen van zoekwoorden expliciet als iets wat er spammerig uitziet; het staat zelfs in het spambeleid (les 8.2).
5. Houd hem actueel. Een jaartal in de titel betekent dat je hem ieder jaar moet bijwerken.

Een veelgemaakte fout bij websitebouwers: de homepage heet alleen de naam van het bedrijf. "Bloemenatelier Lotte" zegt wie je bent, maar niet wat je doet of waar. "Bloemenatelier Lotte | Bloemist in Amersfoort" werkt beter voor iemand die je nog niet kent.

De metabeschrijving

De metabeschrijving staat in een <meta>-element:

<meta name="description" content="...">

Google zegt: het fragment komt vooral uit de inhoud van de pagina zelf. De metabeschrijving wordt gebruikt als die de pagina beter samenvat dan een stukje tekst van de pagina. Bovendien kan het fragment per zoekvraag verschillen: Google laat het stuk zien dat het beste bij de vraag past. Een goede metabeschrijving is dus geen garantie dat hij verschijnt, maar vergroot wel de kans dat er iets verstandigs onder je titel staat.

Ook hier: Google kent geen maximale lengte, maar het fragment wordt afgekapt zodat het op het scherm past. De vuistregel in deze cursus: 70 tot 160 tekens. Lang genoeg om iets te zeggen, kort genoeg om in zijn geheel te blijven staan.

Zo schrijf je er een:

• Vat samen wat iemand op de pagina vindt, in gewone zinnen.
• Noem concrete gegevens die helpen kiezen: plaats, wat je aanbiedt, voor wie.
• Elke pagina een eigen beschrijving. Heb je weinig tijd, begin dan met de homepage en je best bezochte pagina's; dat raadt Google zelf ook aan.
• Geen lijst met zoekwoorden. Google schrijft dat zulke beschrijvingen minder vaak als fragment worden gebruikt.

Wat de metabeschrijving niet doet: hij is geen rankingfactor waar je met zoekwoorden een hogere plek mee haalt. Hij is er om de zoeker over te halen om te klikken.

Zelf bepalen wat er getoond wordt

Wil je dat Google geen fragment toont, of maar een deel? Dat kan met een robots-meta-regel: <meta name="robots" content="nosnippet"> (geen fragment) of max-snippet:50 (hoogstens 50 tekens). Een stuk tekst kun je uitsluiten met het attribuut data-nosnippet. Voor de meeste kleine sites is dat niet nodig.

Waar je het ziet en controleert

• In de broncode: open je pagina, klik met rechts en kies "Paginabron bekijken" (of Ctrl+U). Zoek met Ctrl+F naar <title en description.
• In de zoekresultaten: zoek op site:example.com om te zien hoe Google je pagina's laat zien. Wijkt de titellink af van je <title>, kijk dan welke situatie uit de tabel hierboven past.
• In Search Console: het prestatierapport (les 2.3) laat zien welke pagina's veel vertoningen maar weinig klikken krijgen. Daar loont een betere titel en beschrijving het meest.

In de praktijk: titel en beschrijving instellen

• In de AI Builder van WebOké geef je per pagina een eigen titel en omschrijving op. Laat je de titel leeg, dan wordt die van een gewone pagina "Paginanaam | Sitenaam" en heet de homepage alleen zoals je site. Geef de homepage daarom zelf een titel die ook zegt wat je doet. De SEO-controle in de AI Builder waarschuwt bij een titel van meer dan 65 en een omschrijving van meer dan 160 tekens: dezelfde vuistregels als in deze cursus.
• In WordPress maakt WordPress zelf de titel uit de paginatitel en de sitenaam. Een metabeschrijving maakt WordPress niet zelf; daarvoor gebruik je een SEO-plugin of een thema dat het aanbiedt. Dit komt ook aan bod in de WordPress-cursus, les 9.2.

Bij andere websitebouwers werkt het vergelijkbaar: zoek naar instellingen als "SEO", "Zoekmachines" of "Pagina-instellingen".

Samenvatting

• De titel is de klikbare regel in de zoekresultaten; de metabeschrijving vat de pagina samen en wordt soms als fragment getoond.
• Google kan je titel vervangen als hij half leeg, verouderd, onjuist of overal hetzelfde is, of als er geen duidelijke hoofdkop is.
• Google kent geen maximale lengte, maar kapt af op schermbreedte. Vuistregels in deze cursus: titel 15 tot 65 tekens, beschrijving 70 tot 160 tekens.
• Elke pagina een eigen, beschrijvende titel en beschrijving; geen zoekwoordstapeling; merknaam kort aan het eind.
• De metabeschrijving helpt mensen kiezen, niet je plek in de ranglijst.

Quiz

Opdracht

Opdracht A3.1: Titel en metabeschrijving van je pagina. Vul het adres van een pagina van je eigen site in (de homepage of een belangrijke pagina). Het programma haalt de pagina op zoals een zoekmachine dat doet, leest de <title> en de metabeschrijving en telt de tekens. Je ziet of ze er zijn, of ze binnen de vuistregels vallen en of de titel meer zegt dan alleen je bedrijfsnaam. Geen eigen site? Gebruik www.rijksoverheid.nl.

Verder lezen

De stappen in deze artikelen gelden voor de panelen van WebOké; bij andere aanbieders werkt het vergelijkbaar.

• Je website aanmelden bij zoekmachines (Google en Bing)
• Sitebuilder en AI Builder: welke kies je en hoe open je hem?
• Google Search Central, Titellinks in de zoekresultaten beheren: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, Fragmenten en de metabeschrijving: https://developers.google.com/search/docs/appearance/snippet
• Titel, omschrijving en alt-tekst per pagina instellen
• Gratis WordPress-cursus 9.2: Vindbaarheid: de basis