• Lär dig SEO

Vad är mobiloptimering?

  • Felix Rose-Collins
  • 3 min read

Intro

Mobiloptimering är en teknik för att se till att webbplatsbesökare som kommer in på din webbplats från mobiltelefoner får en webbplats som är optimerad för deras enhet.

Varje år ägnar människor ett växande antal dagliga timmar åt mobilanvändning. Många webbplatser är inte utvecklade för att ta hänsyn till olika skärmstorlekar och laddningstider. Mobile SEO granskar normalt webbplatsens layout, webbplatsens sammansättning, sidans laddningshastighet och försöker jämna ut dem alla för att se till att du inte stänger av mobila läsare med din design....

Topp SEO-taktik: Mobiloptimering: Mobiloptimering

Om din webbplats är väl optimerad för sökmotorer som Yahoo finns det ytterligare några saker du bör tänka på när du optimerar för mobiler...

Webbsidans hastighet

På grund av komponenter och svårigheter med uppkoppling på nätet är sidans hastighet desto viktigare för mobilkunder jämfört med datoranvändare. Förutom att optimera fotografier vill du minska koden, hantera caching i webbläsaren och minska antalet omdirigeringar. .

Mobilbaserad CSS, JavaScript eller bilder

För flera år sedan hade flera mobiltelefoner inte stöd för dessa typer av komponenter. Därför blockerade webbdesigners vissa element. Detta är inte längre sant smartphone-teknik som GoogleBot skulle vilja se och engagera innehåll för att kategorisera det i ett liknande format som användarna. Dessa element hjälper Google att förstå din webbplats och om den är responsiv eller inte. .

Responsiv design

CSS3-webbplatser använder responsiv design för att visa innehållet för både mobiler och datorer. Responsiv design ger en mängd olika mediesökningar så att användare på mobila skärmar och surfplattor kan se webbplatsen som den var avsedd. .

Design och utformning av webbplatser för mobila enheter

Mobiltelefontekniken tycks både förenkla och revolutionera de faktiska teknikerna som webbplatser består av, och dessa idéer som "above the fold" har inte längre någon betydelse. Webbplatser bör ha en flexibel design som använder media queries och ha responsiv design som anpassar sig till användarens skärmar. Till exempel: CSS gör det möjligt för webbläsare att visa innehåll på en skärm som är 420 eller mindre pixlar bred.

@media screen and (max-width: 420px) { .class { [styles class here] } }

Om du vill lägga till andra direktiv i den här koden eller stilarket följer du koden nedan:

<link href="mobile.css" type="text/css" media="screen and (max-device-width: 480px)" rel="stylesheet" />   

Använd inte Flash

Insticksprogrammet kanske inte finns på alla användares telefoner, så du kan utforma information som de inte kommer att få ta del av. Om du vill utveckla speciella sidoeffekter kan du använda HTML5 i stället.

Undvik popup-fönster ofta

Det kan vara tufft och irriterande att försöka eliminera dessa utrymmen från en mindre bärbar enhet. Detta kan utlösa en hög avvisningsfrekvens.

Mönster för den överflödiga feta handen

Navigering på pekskärmar kan orsaka slumpmässiga musklick om knapparna tenderar att vara för stora, för små eller kanske i vägen för en sida som rullas.

Optimerade titlar och metabeskrivningar

Glöm inte att du utnyttjar mycket mindre skärmutrymme varje gång en person söker med hjälp av en mobil enhet. För att visa upp ditt bästa arbete i SERP:erna bör du vara så kortfattad som möjligt (utan att försämra kvaliteten på informationen) när du utformar titlar, webbadresser och metabeskrivningar.

Använd Schema.org-data

Med det begränsade bildskärmsutrymmet kommer alla sökresultat med rich snippets också nästan säkert att bli mer märkbara jämfört med ett skrivbord.

Optimera lokala sökverktyg

Om din organisation har en lokal faktor ska du se till att optimera din nuvarande mobilinformation så att den innehåller möjligheter till lokala sökuppslag. Du måste standardisera din adress och ditt namn och se till att inkludera stad och stat.

Cell site construction

Ett av de viktigaste besluten som ska fattas när man startar en mobiloptimerad webbplats är att välja om typ av konfiguration. Båda alternativen besitter fördelar och nackdelar. Responsivt utformade webbplatser arbetar med CSS3 media queries för att erbjuda samma eller liknande innehåll till mobiltelefoner såväl som till stationära slutanvändare.

Separat mobil URL

Att bygga en fristående mobilwebbplats som ett alternativ till att optimera en stationär webbplats för mobila tittare. Genom att bygga denna extra webbplats kan ett företag skapa en separat och helt annorlunda upplevelse för mobilanvändare. Mobila webbplatser har också en underdomän som betecknas med bokstaven "m" i URL:en. Parallella webbplatser bör begränsa en del av den förvirring som det innebär att ha flera plattformar, men besökare kan fortfarande hamna på fel ställe.

Aktivt erbjudande

Om du inte har de särskilda resurserna för en fullständig uppgradering av en webbplats men vill visa separata webbplatser för mobilanvändare och skrivbordsanvändare, välj då en URL för att visa olika modeller av HTML och CSS som bestäms av den typ av enhet som en gäst använder (även kallad avslöjande användaragenter).

Vad sägs om att använda en begäran?

Att utveckla en telefonapp är ett bra sätt att anpassa detta för mobila gäster. Trots detta kan den interstitiella webbsidan användas som en varning för mobila användare. Den kan också fungera som ett block för att hitta SERP-spindlar.

Felix Rose-Collins

Felix Rose-Collins

Co-founder

is the Co-founder of Ranktracker, With over 10 years SEO Experience. He's in charge of all content on the SEO Guide & Blog, you will also find him managing the support chat on the Ranktracker App.

Börja använda Ranktracker... gratis!

Ta reda på vad som hindrar din webbplats från att rankas.

Skapa ett kostnadsfritt konto

Eller logga in med dina autentiseringsuppgifter

Different views of Ranktracker app