Med Googles kommande övergång till mobila första indexering på grund av mitten av året är det dags att öka ditt företag med skapandet av en mobilvänlig webbplats. Tänk på följande fyra tips för att optimera din webbplats på vilken enhet som helst i tid för övergången till mobilen först.
Förstå växeln till ett mobilt första index
Google använder ditt skrivbordsinnehåll för att bestämma webbplatsens rankning för både skrivbord och mobil, vilket innebär att rankingen nu beror på hur ditt innehåll visas på ett skrivbord snarare än på mobila enheter. Men eftersom fler människor nu har tillgång till internet med sina mobila enheter än från ett skrivbord har Google officiellt beslutat att rangordna webbplatser baserat på mobilinnehåll. Om din webbplats inte har en responsiv layout, har en låg laddningshastighet eller dåligt utformad navigering och innehåll, kommer din ranking sannolikt att minska om du inte optimerar din webbplats för mobilen före skiftet.
$config[code] not foundTest och accelerera laddningshastighet
Nyare studier visar att 47% av konsumenterna vill ha en webbsida att ladda på två sekunder eller mindre, och 40% av tittarna lämnar en webbplats om laddningsprocessen tar tre sekunder eller längre. Den här statistiken, tillsammans med Googles meddelande om att lastningshastighet för mobilsidor kommer att bli en avgörande faktor för att bestämma rankningar efter bytet, borde räcka för att göra varje företagsägare dubbelkollad på sin webbplatss mobila laddningstid. Bestäm inlastningshastigheten för varje webbplats på din webbplats med hjälp av Google Tools Chrome User och Page Speed Insights.
Om du behöver accelerera din lasthastighet, är följande metoder bland de mest rekommenderade:
- AMP: The Accelerated Mobile Pages Project - AMP är ett open source-företag som använder inbördes HTML för att ladda webbplatsens sidor snabbare än standard HTML. Detta, tillsammans med Google som lagrar ditt innehåll i buffertlagret, hjälper till att förbättra webbplatsens laddningstid.
- Progressive Web Apps - PWA är alternativ för dem som inte vill flytta till AMP-projektet. PWAs reagerar snabbt på användarkommunikation och laddas snabbt, vilket gör dem till ett lönsamt alternativ till AMP.
- PWAMP - PWAMP är en blandning av PWA som utvecklats på AMP, JS, CSS och HTML, men webbplatser som använder PWAMP kan inte certifiera så fort som AMP-sidor gör. PWAMP-sidor är dock fortfarande snabba och erbjuder samma fördelar som PWAs.
Ställ in strålkastaren på användarupplevelse
Ett typiskt fel som företag tenderar att göra är att anpassa sina stationära webbplatser till mobilen medan de fortfarande fungerar som om mobila bara är ett tillägg till skrivbordet. För att uppnå hög ranking efter växeln måste företagen prioritera mobilen genom att göra anpassningar baserade främst på mobila användares erfarenhet. Fråga dig själv följande frågor om dina mobilwebbplatsanvändare:
- Navigation - Hur ser det ut och hur lätt är det att manövrera? Är det enkelt för användare att navigera tillbaka till var de just varit?
- Tydlighet - Hur lätt är det att hitta viktig information? Blir mina titelsidor klar? Är min kontaktinformation lättillgänglig?
- Tänk på popup-fönster - Är det enkelt att stänga popup-fönster? Ska jag minska popup-fönster helt och hållet?
- Teckensnitt - Hur stor är min teckenstorlek? Hur stor ska det vara?
Med dessa överväganden i åtanke är du redo att flytta till det sista steget för att förbereda din webbplats för mobil.
Optimera din design och innehåll
Efter att ha analyserat din webbplats noga baserat på ovanstående frågor, optimera och designa ditt innehåll för mobil med fokus på att skapa den bästa mobila användarupplevelsen möjligt. Det finns många saker du kanske vill omorganisera om din design och innehåll, men här är några av de mest grundläggande förändringarna att göra:
- Responsiv webbdesign - Google rekommenderar den lyhörda webbdesignen, som är en designmetod med målet att optimera utseendet och funktionaliteten hos en webbplats på ett sortiment av olika enheter och skärmstorlekar.
- Använd rullgardinsmenyerna - Google angav att det inte skulle straffa webbplatser för att skydda innehållet bakom rullgardinsmenyerna om innehållet laddas samtidigt som sidan. Det är sålunda gratis att inkludera rullgardinsmenyer på ett rimligt sätt när du bygger din mobilplats.
- Använd inte Flash - De flesta mobila användare kan inte se Flash-innehåll, så undvik det helt och använd Java eller HTML istället för att lägga till de engagerande komponenterna på din webbplats.
- Se till att innehållet är lätt att läsa - Gör ditt innehåll lätt att läsa på små skärmar. ge några länkar i längre delar av text så att användarna enkelt kan komma dit de vill gå och använda rubriker för att dela upp innehållet och göra dina sidor snyggare.
- Gör det enkelt att klicka på textstorlek och pekskärm. Se till att din webbplats är "användarvänlig" genom att göra dina knappar rätt storlek och ger gott om utrymme mellan de klickbara komponenterna
Foto via Shutterstock
1 kommentar ▼
