Tip:
Highlight text to annotate it
X
Hallo.
Ik ben Maile Ohye.
Ik ben Developer Programs Tech Lead
bij het Google-team voor webmasterondersteuning.
In eerdere video's voor webmasters op ons YouTube-kanaal
hebben we het veel gehad over het verbeteren van websites.
Met websites bedoelden we daar desktopwebsites.
In deze video kijken we uitsluitend naar mobiel internet
en hoe u pagina's met veel verkeer en een slechte gebruikerservaring
kunt verbeteren.
Om de zaken in perspectief te plaatsen: in 'Wat gebruikers
het meest willen van mobiele sites'
stellen we op het Google-blog voor mobiel adverteren dat 50 procent van de mensen
zei dat zelfs wanneer ze een bedrijf goed vinden,
ze het minder vaak gebruiken als de website niet
geschikt is voor mobiel.
In ons blogbericht op Webmaster Central,
'Wijzigingen in de positie van smartphonezoekresultaten',
informeerden mijn collega's Pierre Far en Yoshikiyo Kato
u over de verlaagde positie voor smartphones
voor webpagina's die een slechte zoekervaring bieden.
Deze slechte ervaringen worden vaak veroorzaakt
door ongewenste omleidingen: naar een 404-pagina, de startpagina
in plaats van een relevante mobiele pagina,
of door een oneindige lus.
Het gaat tegenwoordig minder om het bouwen van een smartphonesite,
aangezien velen van u dat al hebben gedaan,
maar meer om het mogelijk maken van een goede gebruikerservaring.
Handige uitgangspunten voor het verbeteren van uw site
zijn een webanalyse-oplossing,
ik gebruik Google Analytics, en ook
de met Webmasterhulpprogramma's geverifieerde eigendom van uw desktopsite
en mobiele site.
Als u responsief webdesign gebruikt,
hoeft u slechts de eigendom van één site te verifiëren.
Als u afzonderlijke URL's heeft voor mobiele en desktoppagina's,
bijvoorbeeld met 'www' en 'm.', moet u twee sites verifiëren.
Ons proces begint met het identificeren van het probleem:
we controleren eerst op problemen op hoofdniveau op onze mobiele site
en kijken vervolgens naar afzonderlijke pagina's
met veel verkeer en een slechte gebruikerservaring.
De tweede helft van de video gaat over het doorvoeren van verbeteringen
op die problematische pagina's.
Voor deze video
doe ik even alsof ik de beheerder ben van de Google Store,
een e-commercesite met Google-goodies,
zoals YouTube-T-shirts en Android-figuurtjes,
op www.googlestore.com.
We beginnen met het identificeren van het probleem voor deze site.
Laten we onze analysegegevens segmenteren
op mobiel en desktopverkeer.
Ik kan zelfs segmenteren op tablets als ik dat wil.
Selecteer in Google Analytics 'Nieuw segment maken'.
Maak een segment voor desktopverkeer door 'Technologie' te selecteren
en te filteren zodat de apparaatcategorie 'Desktop' bevat.
Het segment voor mobiel verkeer
kan worden gemaakt met een voorinstelling.
Wanneer ik mijn analysegegevens bekijk,
zie ik verschillen in gedrag
tussen mobiele en desktopbezoekers.
Voordat we naar problemen op paginaniveau gaan kijken,
onderzoeken we eerst potentiële problemen op hoofdniveau die effect hebben
op al ons mobiele verkeer.
In het doelgroepoverzicht, met segmenten voor mobiel en desktopverkeer
ingesteld op een periode van meerdere maanden,
zoeken we naar afwijkingen.
Dat kan bijvoorbeeld significant minder mobiel verkeer
dan desktopverkeer zijn in vergelijking
met het gemiddelde van het land van mijn klanten per apparaat.
We zien dat het mobiele verkeer van 155.000 bezoekers
ongeveer 22 procent van al het verkeer op mijn site vormt.
Omdat dit op 22 procent ligt, is dat een goed teken
dat de problemen op mijn mobiele site
niet al te ernstig zijn.
Mijn bezoekers komen uit landen waar het mobiele verkeer
varieert van ongeveer 1/5 tot 1/3 van het desktopverkeer.
Dus 22 procent klopt wel ongeveer.
In het doelgroepoverzicht kunnen we controleren
of onze site significant minder terugkerende bezoeken ontvangt
via mobiel dan desktop, want dat zou kunnen duiden
op een algemeen probleem.
De twee cirkeldiagrammen tonen de verhouding
van nieuwe bezoekers ten opzichte van terugkerende bezoekers
via mobiel en desktop.
Onze site ziet er redelijk goed uit, omdat de mobiele verdeling
van nieuw versus terugkerend ongeveer hetzelfde is
als de verdeling voor desktop.
Als bijvoorbeeld maar vijf procent van onze mobiele bezoekers terugkwam
naar de site terwijl dat percentage twee keer zo hoog was voor desktop,
had dat op een probleem kunnen duiden.
Een andere methode voor het controleren op problemen op hoofdniveau
met onze mobiele site, is het vergelijken
van bezoekersstromen voor desktop en mobiel.
Op desktop is de eerste bestemmingspagina voor de meeste van onze gebruikers
onze startpagina.
Vervolgens bezoekt 20 procent de hoofdpagina van de winkel
op /shop.axd/home, terwijl 53 procent van onze bezoekers de site verlaat.
De bezoekersstroom voor mobiel vertoont proportioneel vergelijkbare statistieken,
al zijn de cijfers wat lager.
12 procent van onze mobiele bezoekers gaat door naar de hoofdpagina van de winkel,
in vergelijking met 20 procent op desktop,
terwijl 59 procent van de mobiele bezoekers,
in vergelijking met 53 procent op desktop, de site helemaal verlaat.
Hoewel het verlatingspercentage voor de startpagina
niet heel goed is wat betrokkenheid betreft,
wat we in een andere video zullen bespreken,
duidt het ook niet op grote problemen
voor onze mobiele site.
We hebben nu een algemeen onderzoek uitgevoerd
van onze mobiele site.
De volgende actie is afzonderlijke pagina's te identificeren
met veel verkeer maar een slechte gebruikerservaring.
We gaan hiervoor naar het gedeelte 'Bestemmingspagina'
van Google Analytics.
Bestemmingspagina's zijn pagina's waar bezoekers binnenkomen
op de site, of dat nu via zoekresultaten is,
een link op internet of een adres dat in een browser is getypt.
Bestemmingspagina's kunnen worden gesorteerd op paginaweergaven,
zodat we problemen kunnen vinden die effect hebben op veel verkeer.
Zoek eerst het gemiddelde mobiele bouncepercentage
en de gemiddelde delta tussen het bouncepercentage voor desktop en mobiel,
wat in ons geval ongeveer 7 procent is.
We markeren pagina's met veel verkeer
die een aanzienlijk hoger mobiel bouncepercentage dan gemiddeld hebben,
of hoger dan de gemiddelde delta van het bouncepercentage voor desktop
en mobiel.
Het blijkt dat de op één na populairste bestemmingspagina
voor mijn mobiele gebruikers de categoriepagina van YouTube is
op /You+Tube.
Deze populaire pagina, die de afgelopen maanden
door meer dan 9000 mensen is bezocht, verdubbelt helaas ook
het gemiddelde mobiele bouncepercentage.
Laten we deze pagina markeren voor verbetering.
Een paar rijen verderop in mijn bestemmingspagina's
zien we dat /Accessories/Google+Watch+Set.axd
vier keer het gemiddelde mobiele bouncepercentage genereert met 87 procent.
We markeren deze pagina ook voor verbetering.
Erger nog, een paar rijen lager zien we
dat /Google+Redesign/Wearables/Men+s+T+Shirts/page een drie keer hoger mobiel bouncepercentage heeft
dan desktop.
Het gemiddelde mobiele bouncepercentage ligt ongeveer acht procent hoger
dan desktop.
Maar op deze categoriepagina met T-shirts voor mannen
is het drie keer zo hoog.
Die pagina markeren we ook.
Naast bestemmingspagina's op Google Analytics
kunnen we gebeurtenissen gebruiken om mobiel gebruikersgedrag bij te houden.
Hier is bijvoorbeeld de code die ik heb gebruikt
om te testen of op de link voor de volledige site is geklikt
op een mobiele pagina.
Klikken naar de volledige site
kunnen aangeven dat de site minder bruikbaar
of functioneel is voor de mobiele gebruiker.
Met gebeurtenissen krijgt u een totaalbeeld
van de frequentie van een gebeurtenis voor een bepaalde pagina.
Als u meer ervaring opdoet, kan het bijhouden van microconversiegebeurtenissen,
zoals klikken op een contact-, telefoon- of e-maillink,
ook handig zijn.
We hebben verschillende pagina's gevonden met veel verkeer
en een slechte gebruikerservaring.
In de tweede helft van deze video
kijken we naar verschillende manieren
om verbeteringen aan te brengen.
We proberen de drie pagina's te verbeteren die we eerder hebben gemarkeerd:
de categoriepagina van YouTube, de categoriepagina voor heren-T-shirts
op Google+Redesign Wearables, en de productpagina
voor de Google-horlogeset.
Vooral in het geval van mobiel
kunt u verbeteringen vinden
via 'Gedrag' > 'Sitesnelheid'.
In het gedeelte 'Paginatiming voor Sitesnelheid'
kunnen we zien of een pagina langzamer of sneller laadt
dan het gemiddelde van de site.
Standaard wordt gesorteerd op paginaweergaven.
Het is dus meteen duidelijk welke pagina's met veel verkeer
ook vervelend traag zijn voor bezoekers.
Vorige week zag ik mijn vriend en collega
Nick Mihailovski, die veel met Google Analytics heeft gewerkt.
We waren beiden nogal verbaasd
dat de op twee na populairste pagina wat totale paginaweergaven betreft,
de categoriepagina voor YouTube,
bijna 20 seconden kostte om te laden,
of 350 procent langzamer was dan het mobiele gemiddelde van mijn site.
Slechte prestaties zijn waarschijnlijk de oorzaak
van het hoge bouncepercentage van deze pagina.
Mobiele gebruikers hebben waarschijnlijk niet het geduld
om 20 seconden te wachten.
Als we deze pagina willen verbeteren,
zullen we dingen sneller moeten maken.
'Suggesties voor sitesnelheid' bevat negen suggesties
voor de categoriepagina voor YouTube.
Paginasnelheid is vaak een oorzaak van een slechte ervaring op mobiel.
Een andere oorzaak is slechte bruikbaarheid.
Voor een goed idee van bruikbaarheidsproblemen
voor mobiele pagina's zou u moeten proberen
uw site te bekijken en gebruiken
op dezelfde apparaten als uw bezoekers.
Als u de site niet kunt testen op klantapparaten,
kunt u een idee krijgen
van wat de mobiele gebruiker ziet in de Hulpprogramma's voor ontwikkelaars van Chrome.
Via 'Instellingen' en 'Overschrijvingen' kunt u
verschillende mobiele user-agents selecteren om de pagina te bekijken.
Ik heb de URL opgegeven van de tweede pagina die we willen onderzoeken:
/Google+Redesign/Wearables/Men+s+T+shirts.
Deze pagina had drie keer de gemiddelde delta
van het bouncepercentage voor desktop en mobiel.
Als ik bruikbaarheidsproblemen zoek, controleer ik
op dingen zoals ongewenste omleidingen,
frustrerende pop-upvensters, lettertypen
of knoppen die te klein zijn en verschillende andere
vervelende dingen.
We zien al snel
dat wanneer we op een afzonderlijk product klikken,
de pagina een breed pop-upvenster opent dat moeilijk in focus te krijgen
en te sluiten is.
Bovendien zijn de lettertypen en knoppen
te klein voor een mobiel apparaat.
We mogen aannemen dat grote, moeilijk te focussen en te sluiten
pop-upvensters voor elk item op een categoriepagina
aanzienlijk bijdragen aan het hoge bouncepercentage van deze pagina
voor mobiel.
En omdat deze slechte bruikbaarheidservaring hetzelfde is
op al mijn categoriepagina's, is dit iets
wat ik op mijn hele site wil verbeteren.
Tot nu toe hebben we gekeken naar snelheid en bruikbaarheid.
Laten we het nu eens hebben over het verbeteren van content.
De laatste mobiele pagina met veel verkeer en een slechte gebruikerservaring
die we hebben gemarkeerd, is /Accessories/Google+Watch+Set.axd.
Op deze pagina wordt een eenvoudig waterdicht horloge
met Google-logo aangeboden.
We hebben de pagina gemarkeerd omdat deze een vier keer zo groot
gemiddeld mobiel bouncepercentage ontving.
Als we deze pagina bekijken via een mobiele user-agent,
zien we niets bijzonders dat het hoge bouncepercentage verklaart.
Zo heeft de pagina net zo kleine lettertypen en knoppen
als de rest van de site.
En hoewel die zeker moeten worden verbeterd,
komt dat te veel voor om hier specifiek de oorzaak van te zijn.
Er zijn ook geen frustrerende pop-upvensters,
dus dat kan ook niet de oorzaak zijn.
Om beter te begrijpen waarom het mobiele bouncepercentage zo hoog is,
proberen we te bepalen met welke intentie de gebruiker
naar /Accessories/Google+Watch+Set
gaat.
Bij 'Verkeersbronnen', gesegmenteerd op 'Mobiel',
kunnen we de secundaire dimensie 'Bron' toevoegen.
Als ik op de cirkeldiagramweergave klik,
lijkt het erop dat 82 procent van de paginabezoekers
op hun mobiele telefoon via de zoekresultaten komt.
Omdat zoekopdrachten intentiegericht zijn,
gaan we naar ons account voor de Webmasterhulpprogramma's
voor onze geverifieerde mobiele site.
Selecteer 'Toppagina's' en filter op mobiele zoekopdrachten.
De pagina /Accessories/Google+Watch+Set
wordt in 'Toppagina's' vermeld met als belangrijkste zoekopdracht
'Google watch'.
Wanneer we deze zoekopdracht uitvoeren op een smartphone,
zien we dat het eerste zoekresultaat
een gerucht over een Google-smartwatch betreft.
Aha.
De gemiddelde gebruiker lijkt dus een andere verwachting te hebben
wanneer hij doorklikt naar onze productpagina.
De meeste mensen willen die Google-smartwatch zien,
niet ons waterdichte rubber horloge met Google-logo.
Op mobiel is de kans groot dat ontevreden gebruikers
de site meteen verlaten.
Op desktop proberen ze misschien nog andere pagina's
om de smartwatch te vinden.
Om de mobiele ervaring op de pagina te verbeteren,
zou ik meer gekwalificeerd verkeer kunnen binnenhalen.
Enkele opties zijn het aanpassen van de titel of metabeschrijving,
zodat het uiterlijk van het zoekresultaat
meer overeenkomt met het product.
Ik kan ook proberen het artikel een andere naam te geven,
misschien 'Horloge met Google-logo',
zodat het onderscheid duidelijker is voor de gebruiker.
En daarmee zijn al onze afzonderlijk gemarkeerde pagina's
behandeld.
Hier ziet u een paar aanvullende bronnen voor het bouwen en verbeteren
van uw mobiele website voor tevreden, minder gefrustreerde klanten.
Bedankt voor het kijken.