Aan de slag

Wat zijn de drie belangrijkste dingen die ik moet weten wanneer ik een site voor mobiele apparaten bouw?

1. Maak het klanten makkelijk.

Help de bezoekers van uw site hun doel te realiseren. Ze willen misschien uw blogberichten lezen, het adres van uw restaurant zoeken of recensies over uw producten lezen. De GVP en Chief Technology Officer of eCommerce van Walgreens, Abhi Dhar, legt uit: "Alles wat we voor mobiele apparaten doen, heeft als doel het leven van onze klanten makkelijker te maken."

Ontwerp uw site zodanig dat u het klanten makkelijker maakt om de meest gebruikte taken te voltooien: van taakconcepten tot het bezoeken van uw site en het voltooien van de taak.

Maak een overzicht van de potentiële stappen in het traject van uw klant om er zeker van te zijn dat de stappen eenvoudig op een mobiel apparaat kunnen worden uitgevoerd. Probeer het gebruik van de site te stroomlijnen en het aantal handelingen dat gebruikers moeten uitvoeren, te beperken. In dit voorbeeld: (1) de klant klikt na een zoekopdracht op een site om lampen te kopen, (2) bladert door een selectie lampen en (3) koopt de gewenste lamp.

2. Meet de effectiviteit van uw website aan de hand van het gemak waarmee klanten algemene taken kunnen uitvoeren.

Bij het maken van een mobiele site moet u prioriteiten stellen. Bepaal eerst wat de belangrijkste en meest voorkomende taken zijn voor uw klanten op mobiele apparaten. Het is van essentieel belang dat u deze taken ondersteunt. Daarom is de maatstaf voor uw mobiele site het gemak waarmee klanten hun doelstellingen kunnen realiseren. Er zijn ook manieren om het ontwerp van uw site zo gebruiksvriendelijk mogelijk te maken. Richt u op consistentie in de interface en lever uniforme functionaliteit op verschillende platforms.

"Mobiele kopers hechten voornamelijk belang aan het gebruiksgemak van mobiele winkelpagina's. Maar liefst 48% van de respondenten vindt dit de belangrijkste kwaliteit van een mobiele site die ze bezoeken", aldus MediaPost.

3. Selecteer een mobiele sjabloon, mobiel thema of mobiel ontwerp dat consistent is voor alle apparaten (met andere woorden, gebruik responsive webdesign).

Responsive webdesign of RWD betekent dat de pagina dezelfde URL en dezelfde code gebruikt, ongeacht of de gebruiker de site op een desktopcomputer, tablet of mobiele telefoon weergeeft. Alleen de weergave wordt aangepast aan het schermformaat. Google adviseert RWD in plaats van andere ontwerppatronen. Een van de voordelen van RWD is dat u slechts één in plaats van twee versies van uw site hoeft te onderhouden. (U hoeft dus niet én de desktopsite op www.example.com én de mobiele versie op m.example.com te onderhouden. U hoeft voor uw desktop- en mobiele bezoekers slechts één site te onderhouden, bijvoorbeeld www.example.com).

Met een responsieve site wordt de weergave aangepast aan de verschillende schermformaten terwijl dezelfde URL en code worden gebruikt. Alle drie bovenstaande apparaten gebruiken www.example.com (in plaats van de mobiele pagina m.example.com, de tabletpagina t.example.com, enzovoort).

"Door het gebruik van RWD kon Baines & Ernst de site optimaliseren voor verschillende schermformaten zonder meerdere websites te bouwen. Het viel ze op dat bezoekers per bezoek 11% meer pagina's bekeken op hun site en dat het aantal mobiele conversies met 51% is toegenomen."

Conversies vinden plaats wanneer een klant een gewenste actie uitvoert, zoals het kopen van producten, een telefoontje naar het bedrijf of het aanmelden voor een nieuwsbrief.

Bekijk de content voor ontwikkelaars in het gedeelte Web Fundamentals voor meer informatie over het implementeren van responsive webdesign. Als u de voor- en nadelen van verschillende implementaties voor mobiele sites, tabletsites en desktopsites tegen elkaar wilt afwegen, leest u Websites bouwen voor consumenten met meerdere schermen.

Wat zijn de belangrijkste drie fouten die beginners moeten zien te vermijden?

Fout 1 - Vergeten rekening te houden met de mobiele klant.

Vergeet niet dat een goede mobiele site belangrijk is. Een goede mobiele site helpt bezoekers bij het voltooien van hun taken, of dit nu het lezen van een interessant artikel is of het controleren van de locatie van uw winkel. Maak niet de fout om alleen een site met een mobiele opmaak te bouwen (een site die er goed uitziet op een mobiel apparaat), omdat in dat geval alle handige functionaliteiten worden verwijderd. Maak in plaats daarvan een mobielvriendelijke site (een site die werkelijk handig is voor mobiele klanten en die is geoptimaliseerd voor de meest voorkomende taken).

Fout 2 - De mobiele site implementeren in een ander domein, ander subdomein of andere subdirectory dan de desktopsite.

Hoewel Google meerdere mobiele siteconfiguraties ondersteunt, vergt het veel meer werk om uw site te onderhouden en te updaten wanneer u afzonderlijke mobiele URL's maakt. Daarnaast kan dit voor technische problemen zorgen. Het is vaak veel gemakkelijker om responsive webdesign (RWD) te gebruiken en de desktopsite en mobiele site op dezelfde URL weer te geven. Google raadt u daarom een configuratie met responsive webdesign aan.

Fout 3 - Geïsoleerd werken in plaats van om u heen kijken en u laten inspireren.

Bekijk andere sites of sites van concurrenten voor inspiratie en praktische tips. U bent misschien niet de eerste binnen uw branche met een mobiele site, maar juist daarom kunt u uw voordeel doen van de ervaringen van uw voorgangers. Het mobiele draaiboek en De succesverhalen van Google met betrekking tot het gebruik van meerdere schermen staan ook vol goede ideeën.

Waar moet ik rekening mee houden wanneer ik met een ontwikkelaar werk?

Volg deze stappen om het gewenste resultaat te behalen wanneer u samenwerkt met een ontwikkelaar om een site te bouwen die geschikt is voor mobiele apparaten.

1. Vraag uw ontwikkelaar naar zijn referenties en portfolio met mobiele websites.

Vraag uw ontwikkelaar of hij ervaring heeft met responsive webdesign (RWD). Als u een site heeft die uitsluitend is bedoeld voor desktops, informeert u of uw ontwikkelaar ervaring heeft met het omzetten van een desktopsite naar een responsieve site. Bekijk andere sites die hij heeft gebouwd. Neem contact op met zijn referenties en eerdere klanten om te horen wat zij van de ontwikkelaar vinden. U kunt tools als PageSpeed Insights van Google gebruiken om de portfolio van een ontwikkelaar te bekijken. PageSpeed Insights geeft factoren aan die ten koste gaan van de snelheid of het gebruiksgemak van een pagina.

Web Fundamentals doorstaat de mobiele PageSpeed Insights-test voor zowel snelheid als gebruikerservaring.

2. Zorg ervoor dat de ontwikkelaar uw mobiele klant begrijpt.

Vertel de ontwikkelaar over uw bedrijf en leg hem/haar uit wat de meest voorkomende taken zijn die u op de mobiele site wilt optimaliseren. Zorg ervoor dat hij een site ontwikkelt die de functionaliteit ondersteunt die mobiele gebruikers nodig hebben.

3. Vraag uw ontwikkelaar om rekening te houden met de snelheid.

Laat klanten niet te lang wachten voordat uw pagina's in hun browser worden geladen. Vraag of uw ontwikkelaar bekend is met PageSpeed Insights (de hierboven vermelde tool) en of hij vertrouwd is met technieken die ervoor zorgen dat pagina's sneller worden geladen. U kunt in uw contract opnemen dat op basis van WebPagetest de pagina's net zo snel moeten worden weergegeven als die van uw concurrenten. Of als dat de moeilijk is, kunt u bedingen dat het resultaat van een PageSpeed Insights-test een groen vinkje moet zijn zonder dat er nog problemen worden gemarkeerd die moeten worden opgelost. (Als er geen groen vinkje voor een pagina wordt weergegeven, is het aan u en de ontwikkelaar om de kosten en voordelen van een oplossing voor dit probleem tegen elkaar af te wegen.) Meer informatie over de snelheid van mobiele pagina's vindt u in de video Snelle oplossingen voor problemen met de prestaties van mobiele website.

4. Laat uw ontwikkelaar een programma voor webanalyse installeren.

Installeer een webanalyseprogramma zoals Google Analytics, zodat u cumulatieve informatie over de prestaties van uw site kunt verzamelen.

5. Zorg ervoor dat u en de ontwikkelaar op de hoogte zijn van de Richtlijnen voor webmasters van Google.

De richtlijnen bieden informatie over hoe Google de content van uw site vindt, verwerkt en rangschikt.

6. Leg contractueel vast dat de mobiele site na de lancering wordt verbeterd.

De kans is groot dat u feedback van klanten en gegevens uit webanalyses ontvangt die u wilt verwerken om uw site nog beter te maken.

Wellicht wilt u de lijst van Google AdWords met aanbevolen leveranciers voor mobiel en multiscreen bekijken. Bekijk onze documenten over SEO voor mobiel voor meer informatie over de implementatie van mobiele websites.

Feedback verzenden over...