On page optimalisatie (SEO)

On page SEO is de techniek om op uw eigen website uw content en CMS te optimaliseren voor rankings in de zoekmachines.

Bent u op zoek naar een complete checklist voor een nieuwe website?

Hieronder een advies voor de webbouwer en de contentredacteuren

Onderdelen

1. technische inrichting CMS en webpagina’s
2. content schrijven
3. interne linkstructuur
4. Google Search Console
5. Specifieke suggesties Buurkracht

1. Technische inrichting CMS en webpagina’s

1. Responsiveness (mobile ready)
2. Laadsnelheid
3. SSL
4. Robots.txt
5. Sitemap.xml
6. Zoekmachine vriendelijke URL
7. Afbeeldingen
   1. ALT tag
8. Metatags
   1. Title metatag
   2. Description metatag
   3. Keywords metatag
   4. Canonical metatag
   5. Headers (H1, 2 en 3) metatags
   6. Robots metatag
   7. Viewport metatag
9. Schema markup
10. Open Graph markup
11. Twitter cards
12. Pinterest Rich Pins

Responsiveness (mobile ready)

Wat is een responsive website? Dit is een website die afhankelijk van de grootte van het scherm van de gebruiker een andere structuur, navigatie en content laat zien.

Het gaat te ver om hier in de technische details van het responsive maken van een website in te gaan. Hier een link naar het aanpassen van HTML code t.b.v. responsive websites

Laadsnelheid

De impact van laadsnelheid op de ranking van een website in de zoekresultaten in Google is hoog. Voor On Page SEO geldt hoe sneller hoe beter.

Onderdelen:

1. Meten laadsnelheid
2. Laden van scripts
3. Caching
4. Afbeeldingen

Laadsnelheid 

Er zijn verschillende websites om je laadsnelheid te meten. Google heeft een meting voor laadsnelheid. Een betere test is Webpagetest.

Scripts

Scripts zijn stukjes code (Javascript) van programma’s die nodig zijn om onderdelen van de website te laden. Vaak roepen ze externe services aan (bijvoorbeeld Google Analytics of Facebook Custom Audiences).

Deze scripts kunnen zowel synchroon als a-synchroon geladen worden. Dat is een keuze die men kan configureren in de meestal in gebruik zijnde tagmanager. Bij synchroon laden moeten de tags op elkaar wachten wat betekent dat er een hele grote kans is op vertraging. Bij a-synchroon laden de scripts onafhankelijk van elkaar. Dit is dus sneller.

Caching

Caching is voor veel websites met statische pagina’s een belangrijke oplossing om webpagina’s sneller te laten. 

Het betekent dat bij elke keer dat de aanroep van de webpagina door een internetgebruiker gebeurt niet de database wordt aangeroepen (wat tot vertraging leidt) maar een versie die al klaargezet is op de webserver. Dit scheelt veel tijd van het heen-en-weer zenden van pakketjes gegevens.

Afbeeldingen

Zie hieronder

SSL

SSL (Secure Sockets Layer) is een 128 of 256 bits encryptie die de gebruiker van een browser garandeert dat de data die hij/zij verstuurd naar de website niet door andere kan gemonitord worden.

Sinds medio 2014 is het een officiële Google rankingfactor en sinds 2018 is het steeds zwaarder gaan wegen en daarom een must-have voor iedere website. 

Robots.txt

Robots.txt is een bestandje wat op de webserver staat wat spiders instrueert wat wel en niet geïndexeerd mag worden voor de zoekmachines. Spiders zijn de crawlers van de zoekmachines en andere webscrapers om content te indexeren.

Google Search Console heeft een Robots.txt tester ontwikkeld. Hiermee kun je testen of je content goed indexeerbaar is,

Exacte instructies welke gebruikt kunnen worden voor het al dan niet indexeren of uitsluiten van pagina’s en directory’s een website: https://moz.com/learn/seo/robotstxt 

Sitemap.xml

Een sitemap is nodig om een aantal redenen. De belangrijkste reden is om de tool Google Search Console in gebruik te kunnen nemen zodat Google goed de pagina’s kan indexeren.

Andere voordelen zijn het compenseren van een slechte interne linkstructuur of een enorme hoeveelheid aan, bijvoorbeeld, nieuwsberichten.

Sitemap.xml is een bestand wat voor de spiders van zoekmachines weergeeft:

• alle pagina’s van een website;
• wanneer de pagina’s zijn gecreëerd; 
• wanneer de pagina’s voor het laatst zijn geupdate;
• instructies over hoe vaak de spider dient langs te komen (of alle content opnieuw te indexeren);

http://www.xml-sitemaps.nl/ 

Zoekmachine vriendelijke URL

Een zoekmachine-vriendelijke url bestaat uit compleet uitgeschreven URL. Het is van belang dat de zoekwoorden in de URL voorkomen. Een programmeur van Google heeft dat bevestigd. 

Ook het pad (dus hoeveel directories; m.a.w. de diepte) van de URL  is van belang. 

Het zal ook zeker invloed hebben op de CTR in de zoekresultaten omdat het simpelweg aantrekkelijk is om op te klikken.

Afbeeldingen

Afbeeldingen wil je eigenlijk optimaliseren om een drietal redenen:

1. laadsnelheid van de website
2. verkeer uit Google Afbeeldingen
3. inkomende links 

Afbeeldingen zijn nagenoeg altijd relatief groot v.w.b. aantal Kb’s die door een browser geladen moeten worden op het scherm van de gebruiker. En daarom hebben ze dus een grote invloed op de laadsnelheid van een webpagina.

Google Afbeeldingen is een relatief groot onderdeel van de algemene zoekmachine Google. 

Hoe kun je ervoor zorgen dat jouw plaatjes goed scoren in de zoekmachine scoot?

• Naam van de afbeelding (bijvoorbeeld: “zonnepanelen.jpg”)
• Beperk de grootte van de afbeelding (aantal Kb’s)
• Gebruikt de ALT tag intensief

De ALT tag is een afkorting voor Alternative. Dat betekent dat deze tekst wordt getoond wanneer het plaatje om de één of andere reden niet getoond kan worden.

Title metatag

De <title> is vanuit SEO perspectief de belangrijkste metatag. De maximum lengte is 60 tekens en dient zo hoog mogelijk in de HTML code gezet te worden.

Description metatag

Alhoewel de <description> dient toegevoegd te worden aan het CMS. De lengte dient idealiter gemaximeerd te zijn tot 160 karakters. Officieel is er geen maximum echter dit zijn het aantal tekens wat Google laat zien.

Keywords metatag

De <keywords>  metatag is officieel geen rankingfactor meer voor Google. Echter het gebruik kan ook geen kwaad en allerlei kleinere zoekmachines maken er nog wel gebruikt.

Het advies is om maximaal 20 woorden te gebruiken; allemaal gescheiden door een komma.

Canonical metatag

De <canonical> metatag is een manier om de spiders van zoekmachines te verwijzen naar de originele, te indexeren, versie van een webpagina. Dit is vooral van belang bij gedupliceerde content (op de eigen website danwel van iemand anders).

Headers (H1, 2 en 3) metatags

De headers tags <h1>, <h2>, <h3> en verder zijn allemaal noodzakelijk om mogelijk te maken dat de auteur van een webtekst structuur aan zijn/haar document kan gegeven. Bij voorkeur kunnen ze dit doen via een WYSIWYG editor.

Robots metatag

Soms is het wenselijk dat een pagina niet wordt geïndexeerd. Dan helpt de metatag <robots> om spiders te instrueren of:

1. de pagina zelf al dan niet mag worden geïndexeerd;
2. de links op een pagina mogen worden gevolgd.

<meta name=”robots” content=”index, follow”>

Door te wisselen van meta tag index naar meta tag noindex en van meta tag follow naar meta tag nofollow kan het gedrag van een spider proberen te beïnvloeden.

• meta tag index = deze pagina indexeren
• meta tag noindex = deze pagina niet indexeren
• meta tag follow = de links die op deze pagina staan volgen
• meta tag nofollow = de links die op deze pagina staan niet volgen.

Bij voorkeur kan dit allemaal per pagina in het CMS (Content Management Systeem) gespecificeerd worden.

Viewport metatag

Zonder deze metatag laat een browser aan de gebruiker de normale, desktop, versie zien van de website.

De metatag dient in de <head> geplaatst te worden zoals hieronder aangegeven.

<head>

  …

  <meta name=”viewport” content=”width=device-width, initial-scale=1″>

  …

</head>

Het cijfer ‘1’ zet de initiële zoom van de pagina. Er zijn meerdere parameters die ingezet kunnen worden in combinatie met deze metatag. Op CSS Tricks meer informatie hierover.

Schema markup

Dit is een open source initiatief om content elementen een vaste structuur te geven zodat robots van allerlei zoekmachines. 

Zo bestaan er verschillende markup schema’s voor bijvoorbeeld:

• personen
• bedrijven
• artikelen
• films
• tickets
• en nog veel meer schema’s. Het complete overzicht staat op https://schema.org/docs/schemas.html

Open Graph markup

De Open Graph markup is een initiatief van Facebook. Vanwege de grootte van het platform hanteren veel andere, kleinere, sociale netwerken, ook deze markup voor de weergave van webpagina’s en andere digitale content. Veel informatie over de Open Graph is te vinden op https://developers.facebook.com/docs/sharing/webmasters/#markup.

Open Graph wordt ook ondersteund door ondermeer deze sociale netwerken:

• LinkedIn
• Slack
• Twitter (Twitter valt terug op Open Graph tags wanneer er geen Twitter Cards aanwezig zijn in de HTML code)
• WhatsApp
• Telegram

De Open Graph markup lijkt erg op de Schema markup. Voor maximaal effect zijn toch beiden nodig. De eerste is écht voor Facebook bedoelt terwijl de tweede (Schema) echt voor de zoekmachine spiders is bedoelt.

Twitter cards

Om de content van de website, wanneer deze wordt gedeeld op het sociale netwerk Twitter, zo goed mogelijk te faciliteren voor weergave en voor organisatiedoeleinden (zoals app downloads of bezoeken aan de website).

De markup dient te worden opgenomen in de HTML code van elke pagina. De code is te downloaden op Twitter.com:

https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/abouts-cards

Indien er een native app (iOS / Android)  is, dan is het ook erg handig deze Twitter-card te installeren:

https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/app-card

Pinterest Rich Pins

Pinterest heeft ook zijn eigen markup. Vooral van belang voor meer grafische content zoals (mooie en duidende) foto’s, infographics, canvassen en templates.

Er zijn drie soorten Rich Pins:

1. Artikelen
2. Producten 
3. Recepten

Meer informatie over de exacte implementatie kan gevonden worden op:

https://developers.pinterest.com/docs/rich-pins/overview/

2.Content schrijven en onpage optimalisatie

1. Title tag
2. Description tag
3. Keyword tag
4. URL
5. Gebruik headers
6. Gebruik exacte zoekwoorden
7. Zoekwoorddichtheid
8. Gebruik synoniemen, bijwoorden en bijvoeglijke naamwoorden
9. Optimale lengte van een artikel

SEO-vriendelijke Title metatag schrijven

De Title metatag is de belangrijkste tekstuele factor voor SEO.  

Belangrijkste zaken:

• Lengte; deze mag maximaal 60 tekens lang zijn;
• Focus; gebruik de target zoekwoorden vooraan;
• Omschrijvend; omschrijf kort waar de pagina over gaat;
• Activerend; hij moet tot aanklikken aanzetten;
• Uniek; elke pagina dient een unieke Title tag te hebben.

Een goed voorbeeld van de Title metatag voor een pagina over de zoekwoorden “Offerte zonnepanelen aanvragen”:

“Offerte zonnepanelen aanvragen? Binnen 24 uur in huis”

Als de Title metatag wel een hoge positie en CTR veroorzaakt, maar mensen bouncen omdat de omschrijving niet in overeenstemming is met hun verwachtingen, dan zal dit tot lagere posities leiden. M.a.w. zorg ervoor dat mensen krijgen wat ze verwachten.

Hoe schrijf je een SEO-vriendelijke Description metatag?

Alhoewel de description tag volgens de laatste literatuur geen directe ranking factor is heeft deze wel een grote impact op de CTR in de zoekresultaten (en dus indirect de ranking). Voor On Page SEO dus onontbeerlijk!

Wat maakt nu een aantrekkelijke description tag?

• Gebruik van zoekwoorden
• Een call to action
• Goede match tussen de inhoud van de pagina en de metadescription
• Lengte van circa 150 karakters

Voorbeeld:

“Offerte zonnepanelen aanvragen? Op deze pagina kunt u in één keer bij meerdere aanbieders een aantrekkelijk aanbod aanvragen waaruit u zelf kunt kiezen”

Hoe gebruik je headers in SEO teksten?

Headers zijn de hoofdstukken indeling en geven de structuur én hiërarchie van het document weer.

De belangrijkste zaken ten aanzien van het gebruik van headers:

• Gebruik de H1-tag slechts éénmaal;
• Gebruik de belangrijkste zoekwoorden in de (sub-)headers;
• Gebruik de vraagwoorden (wat, hoe, wanneer, etc); 

Wat is een goede zoekwoorddichtheid?

Zoekwoorddichtheid is een relatief oud begrip in SEO land. Vroeger (voor het jaar 2000) was “hoe vaker hoe beter” het adagium. Dat zou nu geïnterpreteerd worden als spam.

De consensus is dat het nu tussen de 1 en 2% van alle woorden de exacte zoekwoorden idealiter zijn.

De positie van de zoekwoorden is idealiter aan het begin of aan het einde van een alinea.

Hoe gebruik synoniemen, bijwoorden en bijvoeglijke naamwoorden?

LSI (Latent Semantic Indexing) is de naam van het Google patent wat ervoor zorgt dat woorden aan elkaar verbonden raken.

Hoe dit nu toe te passen voor de content praktijk? Gebruik in een lang artikel absoluut variaties van je centrale zoekwoorden en gebruik gerelateerde woorden.

Voorbeeld:

• offerte zonnepanelen aanvragen → aanbod zonnepanelen aanvragen
• hoeveel kosten zonnepanelen? → wat is de prijs van zonnepanelen?

Wat is de optimale lengte van een artikel?

Volgens onderzoek is er een sterk verband tussen lengte van een artikel en de positie in de zoekmachines. De ideale content v.w.b. SEO is een soort van naslag artikel (tijdloos/ evergreen) van minimaal 1.500 woorden. 

3.Interne linkstructuur

De interne linkstructuur is van belang om enerzijds gebruikers zo snel mogelijk te leiden naar hun bestemming. Voor SEO is de interne linkstructuur van belang om:

1. de linkkracht van een pagina te verdelen;
2. geen linkkracht te verspillen aan pagina’s die niet van belang zijn (zoals algemene voorwaarden e.d.)

Kortom, pagina’s waarvan verwacht wordt dat ze een meer permanent karakter (jaren) hebben worden zeker in de navigatie opgenomen. Dit omdat externe partijen daar naartoe zullen (willen) linken om naar relevante content te verwijzen. Hierbij kan gedacht worden aan:

• categorie-pagina’s;
• overzichtpagina’s;
• productoverzichten’s;
• portfolio pagina’s;

Hoe meer gedetailleerd hoe minder snel deze pagina dient opgenomen te worden in de primaire navigatie. Hier zou natuurlijk van afgeweken kunnen worden indien blijkt uit de interne zoekopdrachten dat er veel gezocht word naar een bepaalde webpagina.

Pagina’s die relatief snel incourant zijn, zoals nieuwsberichten, worden zeker niet in de navigatiestructuur opgenomen.

Een goede SEO specialist helpt u verder met dit soort vraagstukken.

4.Google Search Console

Google Search Console is een tool van Google die een aantal belangrijke SEO functionaliteiten heeft:

• een rapportage tool die zegt wat uw rankings zijn, voor welke zoekwoorden, hoeveel weergaven en uw doorklikratio;
• een indexeringstool waar u uw sitemap.xml kunt indienen (en waarop dus aangepaste webpagina’s opnieuw worden geïndexeerd automatisch);
• monitoring van de kwaliteit van indexering: wordt alles goed gezien door Google?
• link rapportage; welke pagina’s krijgen hoeveel links?
• AMP (Accelerated Mobile Pages) rapportage;
• Producten 
• Sitelinks (door Google zelf gegenereerd op basis van clickgedrag op de website)

Kortom, Google Search Console is een gratis tool die je eigenlijk niet kunt missen.