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

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 de globala användarna är komma åt Internet med hjälp av en mobil enhet, enligt Statista.

Detta är en betydande ökning från cirka 30 procent på 2015. Om din webbplats är utformad för en stationär dator eller om du inte har en mobilanpassad webbplats kan du räkna med att din sökmotor kommer att rangordning resultaten minskar med tiden.

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 mycket snabbt av en webbläsare på en stationär dator.

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 mobiltelefon och får se sökresultat som är exakt vad du letar efter. Men när du klickar på sökresultaten får du inte det som sökresultaten visade 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 upptäckte att du använde en mobil enhet.

Den genomsnittliga användaren ger Google skulden för denna brist eftersom innehållet inte stämmer överens med vad som beskrivs i sökresultaten.

Just därför tillkännagav Google i mars 2018 en strategi för mobilt först-index. I stället för att indexera skrivbordsversionerna av webbplatser började Google indexera mobilversionerna. I juli 2018 började Google också använda sidhastighet i rankningen av mobila sökningar, vilket innebär att webbplatser som laddas snabbt på mobila enheter gynnas vid rankningen av sökresultat framför webbplatser som laddas långsammare. Detta betyder inte att webbplatser utan mobilversion inte indexeras, men det betyder att snabbt laddande, mobilanpassade webbplatser har större sannolikhet att rankas högre i Googles sökresultat än långsammare, tunga webbplatser som kräver en skrivbordsdator.

En ren Google Mobile First Indexing-strategi innebär ofta att din webbplats måste göras om helt och hållet. Designen 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.

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.

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. Vad händer när du klickar på fönstrets hörn och drar det för att göra fönstret mindre? 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.

Om du använder ett innehållshanteringssystem (CMS) som WordPress bö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 se över hur de responsiva sidorna ser ut på olika mobila enheter och avgöra om du behöver ändra ditt sätt att presentera viss information som inte konverteras bra till responsiva sidor.

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.

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 ditt resultat.

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 tar itu med några av dessa områden för att hjälpa till att ladda din webbplats snabbare på en mobil enhet.

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 sedan bearbetas koden för att formatera och visa sidan på din enhet. När du klickar på en länk för att gå till nästa sida, förkastar den den sida du var på och laddar in nästa sida i minnet. Ju mer den måste ladda, desto längre tid tar det att hämta den, skicka den över Internet och ladda den på 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.

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 de bilder du visar och krymp 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å.

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 kodstorleken ä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.

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 verkar webbsidan laddas snabbt och du märker inte nödvändigtvis att den fortsätter att ladda och formatera innehållet om du inte måste vänta länge när du försöker bläddra nedåt.

På en sida på Google Developers webbplats som heter Make the Web Faster finns följande information tips, bästa-råd och resurser som hjälper dig att få din webbplats att ladda snabbare. Ett av de viktigaste verktygen i denna verktygslåda är PageSpeed Insikter. 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.

På så sätt kan du se vad som orsakar att din webbplats laddas långsammare så att du vet vad du ska ändra. Verktyget ger dig ofta specifika förslag på hur du kan förbättra prestandan och ger dig även optimerade versioner av dina bildfiler som laddas snabbare.

Även om du inte kan gör Om du inte kan använda en riktigt Google-mobilförst-design just nu kan du få din webbplats att se ut att vara mobilförst-designad genom att använda responsiva webbsidor och minska den tid det tar att ladda och visa din webbplats. 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 bestraffad för att de inte har antagit en strategi för mobil först.