Som vi rapporterar i vår Sammanfattning av SEM-nyheter På fredagen bekräftade Google webmaster trendanalytiker John Mueller att den senaste vågen av ändringar i Googles mobilvänliga rankningssignal har genomförts färdigt.
Sedan den första “Mobilegeddon”-uppdateringen, som debuterade den 21 april 2015, har mobilvänlighet varit en viktig rankningsfaktor i Googles sökresultat. I sitt blogginlägg som förebådar algoritmförändringarna två månader tidigare, sa Google att det ville att användarna skulle “finna det lättare att få högkvalitativa, relevanta sökresultat som är optimerade för deras [mobile] enheter”.
Google har bekräftat och bekräftat sitt engagemang för mobilvänlighet genom åren, implementerat en “mobilvänlig” etikett för att särskilja webbplatser som är mobilvänliga, göra ändringar på sökresultatsidan för mobilsökning, inklusive användarvänliga webbadresser och utökad webbplats länkar. och lanseringen av Accelerated Mobile Pages för att ge en blixtsnabb mobilupplevelse.
Nu, med den här senaste uppdateringen, har Google ytterligare stärkt sin mobilvänliga rankningssignal, vilket gör det ännu viktigare för webbansvariga att ha en webbplats som uppfyller Googles standarder.
Med det i åtanke, hur kan du se till att din webbplats är i nivå? Vi har sammanställt en praktisk checklista över saker du bör göra (eller inte göra) för att få den renaste möjliga hälsoräkningen för Googles mobiler.
Använd inte Flash
De flesta mobila webbläsare kan inte spela Flash-innehåll, så en tydlig tumregel för att skapa en mobilanpassad webbplats är: använd inte Flash. Googles mobilanvändbarhetsrapport rekommenderar tydligt att du använder “modern webbteknik” för att visa sidinnehåll, animationer och navigering. åh!
Se till att din visningsport är korrekt inställd
TILL grafiskt fönster är en typ av metatagg som ger webbläsaren instruktioner om hur man justerar sidmåtten och skalan till olika enhetsbredder. Detta bör visas i rubriken på din webbsida.
Om det inte finns någon viewport-tagg kommer mobila webbläsare som standard att visa sidan på bredden av en skrivbordsskärm. Google har en handledning om hur du ställer in visningsporten för din sida och ser till att den är tillgänglig.
Vad man inte ska göra: ställ in visningsporten på en fast bredd. Vissa utvecklare kommer att definiera visningsporten med en fast pixelbredd för att passa vanliga mobilskärmsstorlekar, men detta kommer fortfarande inte att vara lämpligt för alla enhetstyper, så Google anser det inte vara mobilvänligt.
Om du följer instruktionerna i Googles handledning och använder visningsportvärdet bredd = enhetsbredddetta gör att din sida matchar bredden på vilken enhet dina besökare än använder.
Lägger till attributet initial skala = 1 Det kommer också att tillåta din sida att fylla skärmen oavsett om enheten är stående eller liggande, och dra nytta av skärmens fulla bredd.
Slutligen, se till att ditt innehåll är i storleken på visningsporten. Om du ställer in absoluta CSS-bredder för sidelement som bilder och videor kan detta orsaka problem för enheter som är smalare än den bredd du har angett. Du kan undvika detta genom att använda relativa breddvärden, som t.ex bredd: 100 %i din CSS.
Använd ett stort teckensnitt
Om du har ställt in din visningsport korrekt kommer teckensnittsstorlekarna att skalas efter användarens enhet, men Google ger några ytterligare rekommendationer för teckensnitt utöver det.
Det rekommenderar att du använder en basteckensnittsstorlek på 16 pixlar, med alla andra teckenstorlekar (som små och stora) definierade i förhållande till den baslinjen. Det vertikala avståndet mellan linjerna bör ställas in på 1,2 em.
Försök också att undvika att använda olika typsnitt och teckenstorlekar, vilket leder till komplicerade och röriga sidlayouter.
Mellanslagslänkar och knappar
Länkar och knappar, även kallade “touch targets” av Google, är svårare att trycka på på en mobil enhet än på en stationär webbläsare, eftersom fingrar är bredare och i allmänhet mindre exakta än en muspekare.
Google kommer att bestraffa alla sidor där pekknapparna är för små och för nära varandra för att tryckas korrekt.
Bild av fancycrave1, CC0 public domain bild
Den genomsnittliga fingerkudden för vuxna är cirka 10 mm bred, så Google rekommenderar en minimistorlek för pekmål på cirka 7 mm, eller 48 pixlar bred, åtminstone för större pekobjekt som knappar, ofta använda länkar, navigeringslänkar, sökfält och formulärfält.
Mer sällan använda mål kan vara mindre, men bör fortfarande vara tillräckligt långt ifrån varandra så att en användare som försöker trycka på ett inte av misstag träffar ett annat mål. Det rekommenderade utrymmet runt mindre touchlinser är minst 5 mm.
Använd inte popup-fönster i helskärm
Stora eller helskärms popup-fönster och överlagringar, även kallade “mellansidesannonser”, som ett formulär för prenumeration på e-postlistor eller appkampanj, kan vara mer störande på en mobil enhet.
Även om en stor, uppmärksammad popup kan verka som en bra idé ur ett företags synvinkel, inser Google att de stör upplevelsen av att surfa på en webbplats på en mobil enhet och kommer att straffa webbplatser som använder dem.
Bild av OpenClipartVectors, CC0 allmän egendomsbild
Istället för en helskärmspopup rekommenderar Google att du använder en banner eller implementerar appindexering, vilket gör att ditt appinnehåll visas i sökresultaten, vilket gör det till en mycket effektiv marknadsföringsmetod.
Kör en kontroll med Googles verktyg
Det enklaste sättet att dubbelkolla om din webbplats når alla rätt mål för mobilvänlighet är att använda de verktyg som Google har tillhandahållit för att utföra en kontroll.
Google Search Console, tidigare känd som Verktyg för webbansvariga, har ett avsnitt för “mobil användbarhet” som kommer att diagnostisera eventuella ihållande problem med din webbplats, vanligtvis ett av felen som anges ovan.
Du kan också kontrollera mobilstatusen för enskilda webbsidor genom att klistra in webbadressen i Googles mobilvänlighetstest. Och Google Developers har ett avsnitt som listar vanliga misstag som görs när man designar för mobilen, som har ytterligare information om saker som ospelbart innehåll, dåliga omdirigeringar och 404:or och hur man åtgärdar dem.
Behovet av snabbhet
I sina rekommendationer för att arbeta med en utvecklare för att skapa en mobilvänlig webbplats (om du inte kan göra de nödvändiga ändringarna på din webbplats själv), föreslår Google att du ber din utvecklare att “förbinda sig till hastighet”.
Även om Google inte listar långsam laddningshastighet som ett av dess “måste fixa” mobilkompatibilitetsproblem, vet vi att hastigheten är en rankningsfaktor, och statistik visar att långsam laddningshastighet ofta kan få användare att överge webbsidor.
Så om du vill ge den bästa användarupplevelsen och även ge din mobilanpassade sida den bästa chansen att rankas högre, överväg att påskynda det så mycket som möjligt.
Bild av Alan9187, CC0 allmän egendomsbild
Googles PageSpeed Insights har en “mobil”-flik som ger din sida ett mobilhastighetsvärde på 100, med tips om hur du fixar element som kan sakta ner den.
Det kommer också att ge din mobilsida en 100-rankad användarupplevelse och flagga eventuella problem med mobilvänlighet på samma sätt som Googles andra verktyg.
Det finns också Accelerated Mobile Pages, Googles ultrasnabba mobilwebbsidor som körs på en omarbetad version av HTML. Att skapa en AMP-version av din webbplats för mobila enheter är ett annat sätt att säkerställa att den är snabb och mobilvänlig, även om många SEO:are fortfarande håller tillbaka med att implementera AMP av olika anledningar. Det är ett alternativ, men inte en nödvändighet, att ha en snabb, Google-vänlig mobilwebbplats.
Del 1 av vår DNA of a Great Mobile Commerce Site-serie hjälper dig att demonstrera och säkerställa att ditt mobilhandelsprojekt blir en framgång. Det är absolut nödvändigt med varje mobil handelssajt och applikation att företag noggrant överväger projektets strategi och genomförbarhet innan de börjar med design och utveckling.
