Content Marketing Gids Hoe Google omgaat met mobiel zoeken 1
Wat doet Google op gebied van de werking van haar zoekmachine en mobiel-(on)vriendelijke websites? Wat betekent dat, een mobiel-(on)vriendelijke website? Heeft u een mobiel-vriendelijke website? Nog geen mobiel-vriendelijke website? Wat moet u dan doen? Ik heb een mobiele website. Wat nu? Mobiele bruikbaarheid en mobiele weergave van content SEO richtlijnen voor mobiel-vriendelijke websites Kom in actie om uw online vindbaarheid te verbeteren 2 2
TeamForce is in 2006 opgericht als het resultaat van een eenvoudige observatie: mensen hebben een hele verandering ondergaan in de manier waarop zij leven werken, kopen, communiceren. Maar bedrijven veranderen daar onvoldoende in mee. Dit verschil is voor TeamForce reden geweest om een visie te ontwikkelen op de manier waarop bedrijven in contact kunnen komen en blijven met hun klanten. Hierop gebaseerd heeft hij met zijn team continu gewerkt aan de ontwikkeling van het Hubforia platform om deze visie te ondersteunen. Met deze krachtige, eenvoudig te gebruiken, set van geïntegreerde applicaties kunnen bedrijven klanten aantrekken en behouden. Met een online ervaring die relevant, opmerkelijk en gepersonaliseerd is. We noemen dit Inbound Marketing. Hiermee zijn bedrijven in staat hun marketing en verkoop te transformeren tot een resultaatgericht proces, waarmee (potentiële) klanten niet langer lastig worden gevallen maar worden aangetrokken. 3
Wat doet Google op gebied van de werking van haar zoekmachine en mobiel-(on)vriendelijke websites? U gaat bezoekers uit Google verliezen als u geen mobiele website heeft of als uw (mobiele) site niet 'mobile friendly' is. De Google zoekmachine gaat namelijk vanaf dan voorrang geven aan websites die wel mobiel-vriendelijk zijn. Ongeacht uw niveau op het gebied van mobile marketing of zoekmachine-optimalisatie is het voor iedereen dus belangrijk om aandacht te besteden aan uw mobiele aanwezigheid. LEES HIER DE FORMELE BERICHTGEVING VAN GOOGLE: http://googlewebmastercentral.blogspot.nl/2015/02/finding-more-mobile-friendlysearch.html 4
Wat betekent dat, een mobiel- (on)vriendelijke website? Wat betekent mobiel vriendelijk nu eigenlijk? Mobiel vriendelijke websites zijn geoptimaliseerd voor smartphones en tablets. Door middel van bijvoorbeeld speciaal voor mobiel ontwikkelde webpagina s of websites met een responsive design, die meeschalen met het formaat van het gebruikte scherm. Waarbij de afbeeldingen en tekst eveneens meeschalen en daarmee de leesbaarheid optimaal blijft. 5
Heeft u een mobiel-vriendelijke website? Om te controleren of u als site-eigenaar van een (mobiele) site klaar bent voor de Google Mobile Update van 21 april, vraagt u uzelf het volgende af: - Heeft u een mobiele site? - Is uw site mobile-friendly? - Is uw site mobile SEO proof? 1. Heeft u een mobiele site? Het is een inkopper, maar alles begint uiteraard bij de beschikbaarheid van een mobiele site. DIT KUNT U ZELF TESTEN! 6
Heeft u een mobiel-vriendelijke website? 7
Ik heb nog geen mobiele website, wat moet ik Als u nog geen mobiele site hebt, zult u hem moeten (laten) ontwikkelen. Neem in de ontwikkeling van de site direct de adviezen mee waar de Mobile-friendly test -tool van Google op controleert (zie pagina 6). U kunt er voor kiezen om eerst de focus te leggen op de belangrijkste pagina s en daar te zorgen voor een mobielvriendelijke pagina naast de desktopversie. Dit is echter geen structurele oplossing. Het Google mobile algoritme werkt namelijk op paginaniveau en zal de mobile friendliness gaan meewegen zodra een pagina geschikt is gemaakt voor mobiel. Ook moet u erop letten dat, net als bij een bestaande mobiele site, de technische configuratie voor Google correct moet zijn. De Één-url-oplossing Welke oplossing u bij voorkeur verkiest is vrij eenvoudig. Ga altijd voor de variant waarbij de url voor elk apparaat gelijk blijft. Maak dus de keuze tussen Responsive webdesign of Dynamische weergave (meer over de verschillende type mobiele sites beschrijven we hieronder). Kies allen voor Afzonderlijke URL s als de één url -variant technisch niet te realiseren is of als deze oplossing teveel kosten of doorlooptijd met zich meebrengt. 8
Ik heb een mobiele site, wat nu? Ik heb een mobiele site, wat nu? Heeft u een mobiele site, dan is het belangrijk om te weten welk type site het is. Google wijst drie verschillende typen sites aan. Voor een goede vindbaarheid stelt Google per type site andere eisen aan de technische configuratie. De praktijk leert dat er meer type mobiele sites bestaan dan de drie die we hier behandelen, maar in grote lijnen is een mobiele site aan één van deze drie groepen toe te wijzen: Responsive webdesign Dynamische weergave Afzonderlijke url s 9
Verschillen 3 type mobiele sites Het volgende schema geeft vereenvoudigd het verschil tussen deze type mobiele configuraties weer: Verschillen 3 type mobiele sites Google geeft geen voorkeur aan een bepaald mobiel type site. Voor Google is het belangrijk dat de configuratie technisch correct is en de pagina s, naar het oordeel van Google, toegankelijk zijn. 10
3 Type mobiele websites 1. Responsive webdesign Bij responsive webdesign is zowel de url als de html van een webpagina hetzelfde voor alle apparaten. De manier waarop een responsive webpagina gepresenteerd wordt verschilt per apparaat, maar inhoudelijk is deze exact hetzelfde. Dit type mobiele site wordt door Google aanbevolen (en levert Bazoon), maar het staat je vrij om de keuze te maken voor een andere variant. 2. Dynamische weergave Bij dit type site verschilt de weergave, omdat de server voor elk apparaat andere html genereert. De url van de pagina blijft hetzelfde op elk apparaat. Dit is een geavanceerde implementatie waarbij de fysieke content wordt afgestemd op het apparaat. 3. Afzonderlijke URL's Zoals de naam al duidelijk maakt, verschilt de url van een pagina per apparaat. Afhankelijk van de kenmerken van het apparaat die de server detecteert worden bezoekers (en zoekmachines) omgeleid naar een url waarvan de pagina het beste aansluit bij het type apparaat. Niet alleen de url verschilt per apparaat, ook genereert de server (meestal) andere html per apparaat.doorbrengt. 11
Aantal varianten en gemengde versies Voor zowel de dynamische weergave als de afzonderlijke url s geldt dat het aantal verschillende weergaven of url s (bijvoorbeeld www en m.dot) wordt bepaald door de configuratie. Vaak zijn er minimaal twee varianten beschikbaar, een desktop- en een smartphone-variant. Waarbij de laatste vaak responsive is en daarom heel geschikt voor alle typen smartphones en zelfs tablets. Soms wordt de keuze gemaakt om aan tablets de desktopversie van de site te tonen. In dat geval is het belangrijk dat de desktopversie touch friendly is, omdat elementen binnen een desktopversie vaak alleen zijn afgestemd en anders reageren op het gebruik van een muis dan een vinger. Bij het samenvoegen van twee verschillende mobiele sites kan er sprake zijn van een gemengde versie, waarbij het type mobiele site per pagina verschilt. Dit hoeft geen probleem te zijn, als de vereiste configuratie maar correct is. 12
2. Is uw mobiele site mobielvriendelijk volgens Google? Goed, u heeft de eerste stap doorlopen en er is een site die goed werkt op mobiele apparaten. MAAR, dan bent u er nog niet! De tweede stap is om te controleren of je mobiele site in lijn is met de mobilefriendly-richtlijnen van Google. Google heeft in afgelopen jaren, en vooral in de maanden naar 21 april 2015 toe, duidelijk laten weten wat het belang van mobiel is. Naast uitvoerige en waardevolle documentatie, en waarschuwingen via Google Webmaster Tools, heeft Google onlangs een Mobile-friendly test - tool gelanceerd. Test met deze tool de url van een webpagina om te weten te komen of deze ook mobielvriendelijk is. Er zijn twee verschillende oorzaken, waardoor een pagina niet mobielvriendelijk is. 13
Mobiele bruikbaarheid Er zijn twee verschillende oorzaken, waardoor een pagina niet mobielvriendelijk is: Mobiele bruikbaarheid Toegankelijkheid van content 1. Mobiele bruikbaarheid De mobiele bruikbaarheid voor elke pagina moet in orde zijn. De tekst kan bijvoorbeeld te klein zijn, waardoor de bezoeker moet inzoomen. Of de pagina kan deels buiten beeld vallen, waardoor horizontaal scrollen vereist is. Mocht u in de afgelopen maanden mails van Google hebben ontvangen over de mobiele bruikbaarheid van uw website, dan is de kans groot dat u deze meldingen inclusief de url s waar dit speelt terug ziet in de rapportage Mobiele bruikbaarheid in Google Webmaster Tools. 2. Content niet toegankelijk Een tweede reden dat uw site niet mobielvriendelijk kan zijn, is dat Google uw pagina niet goed kan zien. Ja, de Googlebot kan uw pagina zien zoals mensen dat doen. Dat laten ze sinds kort ook aan u zien in de vernieuwde Fetch as Google -rapportage in Webmaster Tools. Als bepaalde bronnen, zoals CSS of JavaScript, geblokkeerd zijn voor Google, kan de weergave van de pagina afwijken ten opzichte van de weergave voor bezoekers. Dit kan er zelfs in resulteren dat Google niet kan vaststellen dat er een mobiele site beschikbaar is. Het is belangrijk om te ervoor te zorgen dat Googlebot toegang heeft tot statische bestanden als CSS, JavaScript en afbeeldingen. Google heeft in Google Webmaster Tools het rapport Geblokkeerde bronnen waar u kunt zien of uw webiste bronnen blokkeert voor Googlebot. 14
3. Technische configuratie van mobile SEO Mooi. Uw mobiele site is mobile friendly. Dan komt u in ieder geval zonder verlies van mobiele SEO-bezoekers door de update van 21 april 2015 heen. Maar u bent nog niet klaar! Dat uw webiste mobile-friendly is, betekent niet dat uw mobiele SEO volledig op orde is. Naast deze belangrijke punten om vast te kunnen stellen of een pagina mobielvriendelijk is, is het van belang om te controleren of de technische configuratie van het type mobiele site klopt. Om goed vindbaar te zijn in de mobiele zoekresultaten, moet de site meeliften op de autoriteit en historie van de desktopversie. Wat daarvoor nodig is, verschilt per type mobiele site. Hoe meer een mobiele pagina en desktoppagina met elkaar gemeen hebben, hoe simpeler de configuratie is. Het is waarschijnlijk geen verrassing dat responsive webdesign de meest eenvoudige configuratie heeft. Daarom beveelt Google dit type aan. Bazoon levert standaard direct responsive websites, die mobielvriendelijk zijn en werken volgens de nieuwste richtlijnen van Google. 15
SEO richtlijnen voor mobielvriendelijke websites 1. SEO-eisen voor de methode responsive webdesign De SEO-richtlijnen voor responsive design zijn het meest makkelijk. Google kan deze configuratie automatisch herkennen als Googlebot toestemming heeft om de pagina en statische bestanden als CSS, JavaScript en afbeeldingen te crawlen. Zoals hierboven al aangegeven vindt u in Google Webmaster Tools het rapport Geblokkeerde bronnen, waar u kunt zien of uw website bronnen blokkeert voor Google(bot). 2. SEO-eisen voor de methode dynamische weergave Bij deze configuratie is voor Google niet meteen duidelijk dat de html verschilt per apparaat. U kunt Google er wel op wijzen de pagina ook door Googlebot voor smartphones te laten crawlen. Dit doet u op deze manier: Gebruik de Vary HTTP-header om Google duidelijk te maken dat de html van een pagina verschilt per user-agent (desktop of mobile) die de pagina opvraagt. Dit kunt u checken met een browser-extensie, zoals SEO Peek (beschikbaar voor Google Chrome en Safari). Omdat bij deze weergave user-agent-detectie centraal staat, is het belangrijk dat deze technische detectie goed werkt. U kunt dit controleren door met verschillende apparaten en smartphones te testen. Een eerste indruk kunt u al krijgen met tools als http://mobiletest.me/, maar die is niet altijd het betrouwbaar. Test dit dus altijd extra door. 16
Vervolg: SEO richtlijnen voor mobiel-vriendelijke websites 3. SEO-eisen voor de methode afzonderlijke url s Als de url van een pagina per apparaat verschilt, is het nodig dezelfde pagina op verschillende url s (bedoeld voor verschillende apparaten) te koppelen. Leg een koppeling tussen een desktoppagina (www.domein.nl/paginanaam.html) en mobiele pagina (m.domein.nl/paginanaam.html) met rel= canonical - en rel= alternate - annotaties zodat de algoritmen van Google de relatie tussen de pagina s kan begrijpen. U kunt dit checken met de eerdergenoemde browserextensie SEO Peek. Voeg een automatische omleiding (bij voorkeur een 302-redirect) toe op basis van user-agent-detectie om elk apparaat om te leiden naar de url die het meest geschikt is voor het apparaat die de pagina opvraagt. U kunt dit controleren met een combinatie van de browser-extensies voor Chrome Redirect path en User-agent switcher. Voor het controleren van redirects op meerdere url s tegelijk is Httpstatus.io handig. Voorzie elke apparaatspecifieke website van een sitemap.xml-bestand, zodat Google deze url s snel en makkelijk kan ontdekken. Voor mobiele url s maakt u dus een specifieke mobiele XML-sitemap. U kunt rel= alternate -annotaties ook aan het sitemap.xml-bestand in plaats van het html-document toevoegen. 17
ACIE VEREIST! Conclusie: niet mobile = verlies Google geeft websites die goed werken op mobiele apparaten voorrang in de (mobiele) zoekresultaten. Is uw website niet goed zichtbaar/bruikbaar op mobiele apparaten? Dan verliest u het simpelweg van concurrenten die wel mobile-friendly zijn. Door de hierboven beschreven stappen te volgen, bent u klaar voor het nieuwe algoritme. Al is de verwachting dat Google de lat hoger zal leggen en dat uw mobile performance steeds zwaarder wordt meegewogen. ADVIES: ONDERNEEM ACTIE. Maar zelfs als Google niets zou veranderen aan de rangschikking van mobile sites, dan kunt u niet meer om een fatsoenlijke mobile presence heen. Uw doelgroep en uw klanten gebruiken hun mobiele apparaten al veelvuldig en steeds meer. Dat is de belangrijkste reden waarom u hier actie op moet ondernemen. Nu. 18
Inbound Marketing gaat niet vanzelf De Inbound Methode bestrijkt ieder stap in het Marketing, Verkoop en Serviceproces. Het omvat alle tools om in de reis van doelgroep naar anonieme bezoeker, lead, kopende en loyale klant ondersteuning te hebben. Het geeft bedrijven de structuur en tools om bezoekers aan te trekken, leads te converteren en klanten te maken en te behouden. Hiermee zijn bedrijven in staat om een voorspelbare, structurele en schaalbare omzet te realiseren. Inbound Marketing gaat niet vanzelf, u doet het. Met tools en applicaties die u helpen om content te maken en te publiceren, die aantrekkelijk voor precies de juiste personen via de juiste kanalen op het moment dat zij daarnaar op zoek zijn. 19
Hubforia: Complete Online Marketing Software Een all-in-one applicatieplatform waarmee u uw marketing, verkoop en klantenservice makkelijker, sneller en effectiever maakt. www.teamforce.com 20