Indexering av mobila enheter först

Citat:

Det är inte den starkaste arten som överlever, utan den som är mest anpassningsbar till förändringar.
- Tillskrivs Charles Darwin

Behöver du hjälp med din SEO?

Jag heter Łukasz Żelezny och är grundare av SEO.London. Jag har arbetat i branschen de senaste 20 åren.
Som SEO-konsult har jag hjälpt dussintals företag.
Vill du förbättra dina SEO-resultat?
Låt oss diskutera saken på ett videosamtal.

Kom igång

Anpassning till förändrade användarbeteenden

Internet är fortfarande relativt nytt och utvecklas fortfarande. När människor söker på Internet sitter de inte längre vid sina datorer och skriver noggrant formulerade sökfrågor. Sedan 2017 använder ungefär hälften av internetanvändarna sina mobila enheter i stället för sina datorer för att söka på internet.

I takt med att användarna ändrar sitt sätt att söka på Internet måste sökmotorerna ändra sina sätt att indexera innehållet för att kunna visa de mest relevanta och användbara resultaten. Detta innebär att du ständigt måste ändra det sätt på vilket du organiserar och presenterar information på din webbplats om du vill rankas högre i sökresultaten.

Även om det varierar från region till region, är ungefär hälften av alla global användarna har tillgång till Internet som använder en mobil enhet, enligt Statista.

Detta utgör en betydande öka från cirka 30 procent 2015. Om din webbplats är utformad för en stationär dator eller om du inte har en mobilvänlig webbplats kan du förvänta dig att se din Sök på rankingresultat i motorerna minskar med tiden.

Webbplatser för skrivbord och skrivbords-light-webbplatser

Webbplatser utvecklades ursprungligen med utgångspunkt i att människor skulle få tillgång till Internet från en stationär dator. Detta har gjort det möjligt att företag att bygga webbplatser som innehåller komplicerad programmeringslogik som laddas och bearbetas av en webbläsare på en stationär dator mycket snabbt.

Men när användarna övergår till att använda sina telefoner och surfplattor kan dessa webbplatser ofta inte laddas och bearbetas snabbt av en webbläsare på en mobil enhet.
Som ett resultat av detta har vissa företag skapat "lätta" versioner av sina webbplatser som laddas och bearbetas av en mobil enhet på en rimlig tid. För att skapa dessa versioner måste företagen ofta ta bort många av de funktioner och möjligheter som finns i datorversionerna.

När en användare går in på en webbplats avgör webbplatsen vilken typ av enhet som används och serverar en annan uppsättning webbsidor till en användare av en mobil enhet än till en användare av en stationär dator.

Föreställ dig att du gör en Google-sökning på din mobil telefon och visa sökresultat som är exakt samma som vad du letar efter. Men när du klickar på sökresultaten får du inte det som sökresultaten angav att du skulle få se. Istället får du en urvattnad version av det du förväntade dig eftersom webbplatsen visade dig en annan uppsättning webbsidor när den konstaterade att du använde en mobil enhet.

Den genomsnittliga användaren skyller Google för denna otillräcklighet eftersom innehåll inte stämmer överens med vad som beskrivs i sökresultaten.

Googles strategi för mobil första indexering

Av just detta skäl tillkännagav Google ett index för mobila förstahandsval. Strategi i mars 2018. I stället för att indexering När Google började indexera datorversionerna av webbplatser började Google indexera mobilversionerna. I juli 2018 började Google också använda sidans hastighet i rankningen av mobila sökningar, som innebär att webbplatser som laddas snabbt på mobila enheter gynnas framför webbplatser som laddas långsammare när sökresultaten rankas. Det betyder inte att webbplatser utan en mobilversion inte indexeras, men det betyder att snabbladdade, mobilvänliga webbplatser är mer benägna att rangordning högre i Googles sökresultat än långsammare, tunga webbplatser som kräver en stationär dator.

Hur du aktiverar mobil först-indexering:

1. Gör om din webbplats

En ren Google Mobile First Indexing-strategi innebär ofta en fullständig omarbetning av på din webbplats. Utformningen skulle vara inriktad på mobila enheter och sedan anpassas för andra plattformar, t.ex. stationära datorer. En design för mobil först-indexering är vanligtvis enkel och kortfattad och använder geometriska former, ljusa färger, stark typografi och vitt utrymme som designelement.

Designen placerar call-to-action-element i centrum och innehåller moderna kommunikationsmetoder som chatt och chattrobotar. Det säger sig självt att en webbplats som indexeras med Google mobile-first laddas snabbt och att den ständigt mäts för att upprätthålla eller förbättra hastigheten.

2. Anpassa din webbplats

Om du inte är redo för att göra om din webbplats helt och hållet med hjälp av ett mobilt först-index kan du anpassa den nuvarande webbplatsen så att den blir mobilanpassad. Eftersom du fortfarande tar en datorversion och anpassar den för mobila enheter i stället för tvärtom är det tekniskt sett inte en Google Mobile First-strategi. Men det är ett praktiskt steg på vägen mot en webbplatsdesign som är indexerad för mobilt först och som gör att du kan framstå som mobilt först för sökmotorerna.

När du anpassar din nuvarande webbplats till Googles mobil först-miljö är målet vanligtvis att ge samma innehåll till alla användare, oavsett vilken enhet de använder.

Hur innehållet formateras och presenteras skiljer sig dock åt beroende på storleken på den skärm som används för att visa det. Det är fortfarande acceptabelt att i denna övergång inkludera vissa ytterligare funktioner, t.ex. menyalternativ eller knappar, som endast visas när webbplatsen nås av en dator. Till och med Google gör detta.

Lyckligtvis finns det verktyg som gör det enklare än någonsin att övergå till mobilanpassning. Och det finns verktyg som gör det möjligt att mäta framgången och identifiera områden som fortfarande behöver förbättras.

3. Responsiva webbplatser och indexering för mobila enheter (Mobile First Indexing)

För att göra denna övergång till en mer mobilvänlig webbplats eller Google mobile-first-webbplats måste du använda ordet responsivt. Responsiv webbdesign är ett tillvägagångssätt som automatiskt anpassar presentationen av en webbplats efter användarens plattform, orientering och skärm- eller fönsterstorlek.

Föreställ dig en webbplats som är öppen på din stationära dator och syns på din datorskärm. När du klickar på ett hörn av fönstret och dra för att göra fönstret mindre, vad händer då? På en webbplats som inte är responsiv händer ingenting. Du skär helt enkelt bort allt som tidigare var synligt och nu måste du scrolla till vänster och höger för att se innehållet.

På en responsiv webbplats kommer webbplatsen däremot automatiskt att formateras om när visningsfönstret når en viss storlek, så att allt innehåll förblir synligt i fönstret. I stället för att innehållet visas sida vid sida staplas det vertikalt. Även om du kanske måste scrolla nedåt på sidan för att se allt innehåll, passar det innehåll du ser in i ditt visningsfönster och du behöver inte scrolla till vänster och höger för att se det.

4. System för innehållshantering (t.ex. WordPress)

Om du använder ett innehåll förvaltning system (CMS) som t.ex. WordPressbör du använda ett responsivt tema. Om ditt nuvarande tema inte är responsivt och det finns en nyare, responsiv version, ska du uppgradera till den versionen. Om det inte finns någon responsiv version ska du byta till ett responsivt tema.

Temat gör det mesta av det tunga arbetet åt dig. Du måste granska hur de responsiva sidorna ser ut på olika mobila enheter och avgöra om du behöver ändra ditt sätt att presentera information som inte är bra för responsiva sidor.

5. Verktygslådor för webbutveckling (t.ex. Bootstrap)

Om du inte använder ett CMS kan du börja använda en verktygslåda som Bootstrap. Bootstrap är en verktygslåda med öppen källkod för webbutveckling med hjälp av HTML, CSS och JavaScript. Den hjälper dig att bygga responsiva webbplatser med Google mobile-first-index med hjälp av dess responsiva rutnätssystem, förbyggda front-end-komponenter och plugins.

6. Verktyg för att testa din mobilanpassade design

För att kontrollera din nya design går du till Googles test för mobilanpassning och skriver in webbadressen till din webbplats. Du får en rapport som visar hur mobilvänlig din webbplats är, med specifika förslag på hur du kan förbättra din poäng.

7. Webbplatser med snabbladdning

Oavsett om du har en webbplats för stationära datorer, en mobilvänlig webbplats eller en webbplats som är mobilt anpassad, förutsätts det idag att din webbplats laddas snabbt. En diskussion om alla faktorer som påverkar hur snabbt din webbplats laddas ligger utanför ramen för den här artikeln, men det finns några designelement som kan göra att laddningen av din webbplats blir betydligt långsammare och som du bör vara medveten om.

Lyckligtvis innehåller de flesta responsiva teman och verktygslådor funktioner som åtminstone delvis adress några av dessa områden för att hjälpa till att få din webbplats att laddas snabbare på en mobil enhet.

8. Hur en webbplats behandlas

När du besöker en webbplats laddas koden för den sida som du tittar på in i minnet på din mobila enhet och bearbetar sedan koden för att format och visa sidan på din enhet. När du klickar på en länk för att gå till nästa sida förkastas den sida du var på och nästa sida laddas in i minnet. Ju mer som ska laddas, desto längre tid tar det att hämta den, skicka den över internet och ladda den i din enhet.

Ju mer kod den måste bearbeta, desto längre tid tar det att formatera och presentera det som laddats på skärmen. Det betyder att om du laddar mindre och bearbetar mindre, kommer din webbplats vanligtvis att laddas snabbare.

9. Bilder och Google Mobile First Indexing

Det är ofta bild- eller bildfiler som är orsaken till att en webbplats laddas långsamt. Ju högre bildupplösning, desto större är filen och desto längre tid tar det att ladda den. Var realistisk när det gäller den upplösning du behöver för bilder du visar och krymper bilderna så att de laddas snabbare.

Beroende på vilket format du använder kan du krympa bilder med eller utan att göra avkall på kvaliteten. De som offrar en viss kvalitet är vanligtvis mycket mindre i storlek än de som behåller samma kvalitetsnivå.

10. Kod och Google Mobile First Indexing

Webbläsaren börjar formatera webbsidan i takt med att data laddas in. Vissa koder tvingar dock webbläsaren att sluta formatera och vänta på mer kod eller till och med på att hela sidan ska laddas innan den återupptar sin formateringsuppgift.

Detta kallas blockering. I den mån du kan vill du minska storleken på den kod som laddas och eliminera all blockerande kod. Ett sätt att minska kodens storlek är att minska den genom att ta bort kommentarer och överflödigt vitt utrymme.

Dessa är viktiga för att programmerare ska förstå koden, men de är inte nödvändiga för att webbläsaren ska kunna bearbeta den. Om du inte kan minska koden skickar vissa webbservrar en komprimerad version av koden till webbläsaren, som laddar den mindre versionen och sedan dekomprimerar den.

11. Bakgrundsladdning och Google Mobile First Indexing

När du tittar på en webbsida ser du bara den del av sidan som ligger inom ditt fönster. Om webbläsaren först laddar och formaterar det du ser i fönstret kan den fortsätta att ladda och formatera andra data i bakgrunden tills sidan är klar.

För dig ser webbsidan ut att laddas snabbt och du inser inte nödvändigtvis att den fortsätter att ladda och formatera innehåll om du inte måste vänta en lång tid när du försöker skrolla ner.

12. Verktyg för mätning och förbättring av hastigheten

På sidan Make the Web Faster på Google Developers-webbplatsen finns tips, råd om bästa praxis och resurser som hjälper dig att få din webbplats att ladda snabbare. Ett av de viktigaste verktygen i den verktygslådan är PageSpeed Insights. PageSpeed Insights visar vad som händer från det att du börjar ladda din webbplats till dess att den har laddats, formaterats och presenterats på en mobil eller stationär enhet.

Det gör att du kan se vad som gör att din webbplats laddar långsammare så att du vet vad du ska ändra på. Verktyget ger dig ofta specifika förslag på hur du kan förbättra prestanda och ger dig till och med optimerade versioner av dina bildfiler som laddas snabbare.

13. Anpassa sig för att överleva

Även om du inte kan göra en verkligt Google-mobilanpassad design just nu kan du få din webbplats att se ut att vara mobilanpassad genom att använda responsiva webbsidor och minska den tid det tar att ladda och visa webbplatsen. Dessa två strategier kanske inte leder till högre sökmotorplaceringar eftersom de är obligatoriska, men de bör hjälpa dig att undvika att bli straffad för att du inte har antagit en mobil först-strategi.