Blog
21 april, 2015

Is jouw website nog niet geschikt voor mobiel (bijv. responsive of adaptive) én mobielvriendelijk? Dan zul je waarschijnlijk in de periode vanaf vandaag een daling gaan zien in je organische verkeer vanuit de Google zoekresultaten. Vanaf 21 april geeft het Google-algoritme namelijk rankingvoordeel aan websites die aangepast zijn voor gebruik op mobiele apparaten.

De beslissing van Google komt niet uit de lucht vallen. Al in november 2014 zagen we dat de zoekmachine mobielvriendelijke websites in de zoekresultaten markeerde met een smartphonesymbool. Sinds februari 2015 lijkt dat permanent vervangen door de toevoeging ‘Voor mobiel’.

(Update 22 april: inmiddels lijkt Google te experimenteren met een mobile-friendly indicator bij advertenties)

endouble.com

Ook de reden voor de mobile-friendly update is niets nieuws: het mobiele zoekverkeer stijgt de laatste jaren explosief; zo ver zelfs dat het zoekverkeer via desktop overstijgt. Daaraan geeft Google nu gehoor door mobielvriendelijke websites een voorkeursbehandeling te geven. Dat betekent dat deze sites hoger in de Google resultaten zullen verschijnen ten koste van niet-mobielvriendelijke websites.

Bron: BIA Kelsey

Bron: BIA Kelsey

Feiten: realtime, page-by-page en alleen organic mobile search

In tegenstelling tot andere updates van het Google algoritme, waren van de mobile-friendly update in een vroeg stadium al belangrijke details bekend. Wij zetten ze voor je op een rij:

  • De update heeft wereldwijd en in alle talen impact op enkel de mobiele organische zoekresultaten. Advertenties worden dus niet beïnvloed.
  • Alleen mobiele resultaten, dat wil zeggen: zoeken via smartphones. Tablets horen hier dus niet bij.
  • De update werkt realtime. Zodra een pagina mobielvriendelijk wordt, zal deze spoedig het predicaat ‘Voor mobiel’ krijgen (afhankelijk van de crawlsnelheid).
  • De update is page-by-page gebaseerd. Dat betekent dat iedere pagina afzonderlijk wordt beoordeeld. Dit maakt het mogelijk om je website in verschillende iteraties aan te passen voor mobiel. Je kunt beginnen met de (mobiel) belangrijkste pagina’s, bijv. je vacaturepagina’s.
  • Hoewel de uitrol van de update op 21 april gestart is, zou het dagen tot weken kunnen duren voordat het effect van de update op Nederlandse sites merkbaar is.

 

Is jouw website klaar voor de update?

Natuurlijk wil jij nu bepalen of jouw website klaar is voor het Google Mobile-friendly Algoritme. Die vraag is in twee stappen te beantwoorden:

1. Is jouw website mobiel?

Om te bepalen of jouw website een mobiele weergave heeft, bezoek je de site met een mobiel apparaat. Zie je dan een uitgezoomde versie van de desktop-weergave, dan is je site niet mobiel. In alle andere gevallen zal er sprake zijn van een responsive danwel adaptive website, of een mobiele site via een parallele url (bijv. m.voorbeeld.nl).

Of je website responsive is, kun je gemakkelijk testen via de site ‘Am I Responsive’.Mobielvriendelijk-2014-2015

2. Is jouw mobiele website mobielvriendelijk?

Als jouw site een mobiele weergave ondersteunt, wil dat niet zeggen dat deze ook mobielvriendelijk is. Het kan bijvoorbeeld zo zijn dat er bronnen zoals CSS (opmaak) en JavaScript geblokkeerd zijn voor de robot van Google; de Googlebot. Deze zal daardoor je website niet goed kunnen ‘zien’.

Testen of jouw website mobielvriendelijk is kun je zelf, via de Mobielvriendelijke Test van Google. Deze tool beoordeelt je website en geeft direct feedback op punten die aangepast moeten worden, om in aanmerking te komen voor het predicaat ‘mobielvriendelijk’.

 

Niet mobiel? Tijd voor actie!

Het kan goed dat jouw website niet geschikt is voor weergave op een mobiel apparaat. In dat geval is het vanaf vandaag hoog tijd voor actie. Voor het aanpassen van je website zijn verschillende mogelijkheden, namelijk: responsive design, adaptive design of een parallele URL. Moeilijk kiezen? Wij helpen je.


Responsive design:
bij een responsive design is de URL responsive-designen HTML voor alle apparaten hetzelfde. Door middel van CSS (opmaak) wordt de layout aangepast voor het schermformaat van verschillende apparaten. Het design van je website schaalt dus mee met het schermformaat van apparaten. De content blijft gelijk. Dit design wordt door Google als mobielvriendelijk herkend, zolang CSS en Javascript toegankelijk zijn voor de Googlebot.


adaptive-designAdaptive design:
het adaptive design heeft een gelijke URL, maar verschillende HTML voor meerdere apparaten. Door middel van HTML én CSS wordt een passende weergave voor mobiele apparaten gegenereerd. In tegenstelling tot het responsive design kan het adaptive design aangepaste mobiele content tonen.  Voor deze configuratie is het raadzaam om Google d.m.v. de Vary HTTP-header te wijzen op de aanwezigheid van de mobiele content.


Parallele URL:
de weergave op een afzonderlijke URL maakt gebruik van verschillende URLS, HTML en CSS over meerdere apparaten. Hoewel het met deze configafzonderlijke-urlsuratie mogelijk is om content specifiek voor een bepaald apparaat aan te bieden, zijn er ook veel nadelen: vanwege het enorme aantal verschillende apparaten zal de weergave nooit 100% geschikt zijn. Daarnaast loopt de indexering van de mobiele site regelmatig dwars door de indexering van de desktopversie. Zo kunnen desktopgebruikers bijv. mobiele pagina’s te zien krijgen. Het is bij deze configuratie een must om je canonical-urls tip-top in orde te hebben. Zo voorkom je duplicate content.

Google maakt geen onderscheid tussen deze drie configuraties, zolang er maar toegang is voor de Googlebot. Wel wordt de voorkeur gegeven aan responsive of adaptive design. Onze verwachting is dan ook dat Google in de toekomst wel een onderscheid zal gaan maken. Derhalve adviseren wij te kiezen voor een responsive of adaptive design.

Bron afbeeldingen: Google

Kennissessie SEO, Analytics en UX design voor mobile recruitment

Tijdens de kennissessie die we op 21 april aan dit onderwerp wijdden, bleken de meeste van de websites die we ter plekke testten niet mobielvriendelijk. Hoewel een groot deel van de Fortune500 bedrijven dit ook nog niet voor elkaar heeft, geeft het aan dat er op mobile gebied bij veel bedrijven werk aan de winkel is.

Wil je de slides van de kennissessie nog eens rustig doornemen? Dat kan. Bekijk daarvoor de presentaties SEO en Analytics voor mobile recruitment en UX design voor mobile recruitment op Slideshare.

Advies op maat?

Heb je hulp nodig bij het interpreteren van de testresultaten? Of wil je graag een advies over de aanpak en verbetering van specifiek jouw website? Reageer dan via de comments hieronder, of neem contact met me op.

Meer blogs