Med tanke på att så många i dag använder smartphones och ständigt är uppkopplade har utgivarna fått betydligt större möjligheter att nå sina kunder. Om du tar hänsyn till olika skärmstorlekar kan det resultera i en större målgrupp och på längre sikt också högre intäkter.
Varför du behöver en strategi för flera skärmstorlekar
Du kan följa övergången till flera skärmstorlekar på ett antal olika sätt i din egen data:
- Vad fick du för poäng? Är den 85 eller högre tyder det på att sidan fungerar bra.
- Analysera resultaten genom att läsa avsnittet om Mobile Analysis.
- undviker programvara som vanligen inte används på mobila enheter, till exempel Flash
- använder text som är läsbar utan zoomning
- ändrar storleken på skärminnehållet så att användarna inte behöver rulla i sidled eller zooma
- placerar länkar tillräckligt långt från varandra så att det är enkelt att trycka på rätt länk
Mer information finns i blogginlägget om hur du hjälper användarna att hitta mobilanpassade webbsidor.
- Titta på diagrammet över trafikbeteende på mobiler i översikten över trafikökning för att se vilka enheter dina användare har och avvisningsfrekvensen per enhetskategori.
- Titta på diagrammet över engagemang per enhet i översikten över engagemang och lojalitet för att se hur mycket tid dina användare lägger ned (genomsnittlig sessionslängd) i varje enhetskategori.
Vanligaste strategierna för att anpassa webbplatser till flera skärmstorlekar
Det finns tre sätt att göra din webbplats bättre anpassad till flera skärmstorlekar:
- Responsiv webbdesign: Detta är en smart designteknik där samma HTML-kodbas används på alla plattformar.
- Dynamisk visning: Med denna metod identifierar webbservern vilken typ av enhet besökaren har och visar en anpassad sida som är utformad för den.
- Separat mobilwebbplats: Ett tredje alternativ är att helt enkelt skapa en webbplats för mobila enheter som är skild från den datoranpassade webbplatsen.
Resurser som hjälper dig att komma igång
Dessa resurser hjälper dig att komma igång med att ge dina användare en bra mobilupplevelse.
- Webbens grunder
Webbens grunder är en omfattande resurs för webbutveckling för flera skärmstorlekar. Där lär du dig steg för steg hur du bygger upp en webbplats som är avsedd för olika typer av enheter.
- Skapa webbplatser för konsumenter som använder flera skärmstorlekar
Faktabladet Building Multi-Screen Websites beskriver vanliga metoder för att skapa webbplatser avsedda för flera olika typer av enheter. Det innehåller tips om hur du erbjuder en god användarupplevelse och undviker några av de vanligaste misstagen. Download
- Mobilguide från Google Developers
Om du vill skapa webbplatser för flera skärmstorlekar med hjälp av ett innehållshanteringssystem (CMS) kan du läsa avsnittet Customize Your Website Software i Google Developers Mobile Guide. Mobilguiden innehåller även ett avsnitt där du får hjälp med att välja en strategi för flera skärmstorlekar.