Zijn AL je pagina’s wel mobile friendly?

De afgelopen weken kan je geen marketing blog of website meer openen of het gaat over de magische datum 21 april. Google liet eind februari weten vanaf 21 april een aparte mobile index met zoekresultaten te gaan lanceren met een voorkeur voor mobile friendly website.

Vanuit gebruikersstandpunt natuurlijk zeer logisch. Vanuit webmaster standpunt enkele puntjes op een rij, die belangrijk zijn:

  • Deze change gaat vanaf 21 april worden uitgerold. Ik ben zelf ook benieuwd naar het effect!
  • Google gaat pagina per pagina beoordelen (later meer hierover).
  • Mobile is mobile, dus deze mobile searchindex zal enkel mobile gebruikt worden voor smartphones en dus niet voor tablet gebruikers.
  • Je bent mobile friendly of je bent het niet. Geen tussenstap mogelijk.
  • SEO Toptip: Check of je geen CSS/Javascript bestanden blokkeert voor de Googlebot via de robots.txt!

Via de Mobile friendly testtool kan je ondertussen reeds enkele maanden mooi kijken of een pagina mobile friendly is volgens Google of niet.

Mobielvriendelijke_test

Is er een grote impact voor jou website?

Om de mogelijke impact op jou website te gaan bekijken open je best Google Analytics.

Ga naar het mobile overview rapport en selecteer daar segment “organic traffic“. Je kan nu het percentage van mobiele bezoekers, die vanuit Google je website bezoeken.
Overview_-_Google_Analytics

Zijn AL mijn pagina’s wel mobile friendly?

Reeds enkele maanden toont Google bij mobile friendly pagina’s in de mobiele zoekresultaten. Sean Malseed heeft dan ook naast zijn Serpitude SEO-tool een mobile friendly testtool gemaakt (gratis Mac OS-X versie reeds online). Hiermee kan je nu snel checken of er nog pagina’s zijn, die deze “mobile friendly” vermelding niet krijgen in de mobiele Google zoekresulaten.

RankTank_Mobile_SERP_Tester_0_6_en_style_css_-_dailybits

Grote tabellen NIET mobile friendly

Dankzij Sean zijn testtool kwam ik erachter dat ik nog 1 pagina op mijn website had, die niet mobile friendly is: mijn boekenlijst pagina.

De grote HTML-tabel (ja ik heb html geleerd in 2000 en html tabellen zitten er nog steeds ingebakken bij mij) is natuurlijk niet volledig responsive, daar op een smartphone de tabel niet verder kan schalen.

Als snelle fix heb ik nu een div-element rond de tabel geplaatst met de overflow eigenschap. Op deze manier is de pagina nu wel mobile friendly. Het enige nadeel is dat het op smartphone nu niet echt duidelijk is dat je in de tabel zelf naar rechts kan gaan scrollen.
html table responsive overflow

En kijk nu… Hoera!

Mobielvriendelijke_test 2


Gerelateerde berichten

Herman Maes

Online marketeer en (tech)blogger sinds 2002. Zelfstandige in bijberoep met Daily Bits sinds 2012. Bij Intracto de SEO/Hubspot/Marketing Technology Teamlead en thuis de papa van een zoon en een dochter.

10 comments

Submit a comment

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *