Als je Google's richtlijnen een beetje volgt kan je niet ontgaan zijn dat ze recent zeer druk bezig zijn om webmasters te vragen hun site mobielvriendelijk te maken.Onder andere door:

  • Het publiceren van een mobielvriendelijke test
  • Een hele set tutorials te publiceren om je te helpen bij het mobielvriendelijk maken van je site
  • Emails uitsturen naar eigenaren van websites die niet mobielvriendelijk zijn (als je een webmaster tools account hebt)
  • In mobiele searches in Google aangeven of een site mobielvriendelijk is of niet

Het duidelijkste signaal was echter een recente post op het Google Webmaster's blog:

Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal.

Veel duidelijker wordt het niet.... Het kan dus je rankings mede bepalen. Tijd om er wat aan te doen, en hoe doe je dat in Joomla?

Maak je site responsive

De eerste stap is de meest logische: zorg eerst de site sowieso responsive is. dat kun je op meerdere manieren bereiken:

  • Een apart site, bijvoorbeeld m.website.com met een niet-mobiele op website.com
  • Dynamisch content aanbieden, met aparte HTML afhankelijk van het device
  • Responsive design

Responsive design is de meest aangegeven weg, en het is ook het makkelijkst te onderhouden, met de voordelen dat consistente inhoud wordt aangeboden op consistente URL's. Hierover heeft Google een hele set tutorials aangeboden:

Is Google in staat vte zien dat je site mobiel is?

Dit is misschien niet direct voor de hand liggend, maar zelfs als je site responsive is, is Google niet altijd goed in staat om dat te beoordelen, en dat is je eigen fout. Het probleem is dat veel Joomla websites de CSS en Javascript blokkeren in robots.txt en daardoor ziet Google de site eigenlijk ongestyled. Je kunt op 2 manieren checken of dit zo is. Je kunt de Fetch as Google optie in Google Webmaster Tools gebruiken, maar je kunt ook de Mobielvriendelijke test doen: www.google.com/webmasters/tools/mobile-friendly. Deze test toont of Google je site goed kan zien:

Meestal is de oplossing vrij simpel als er toch problemen zijn: update je robots.txt en verwijder de regels die /templates en /media blokkeren, zie ook Robots.txt: blokkeer geen CSS en Javascript

Intussen heeft ook W3C een mobielvriendelijke test (alpha).

Update: Op 11 maart introduceerde Google het blocked resources rapport in Webmaster Tools. Dit rapport maakt het nog makkelijker om problemen op te sporen, voor je hele site:

Mobile performance

Ook performance is een onderdeel van mobielvriendelijke sites, houd daar ook goed rekening mee. Check anders het artikel over mobiele performance.