För alla företag 2020 är en mobilvänlig webbplats inte ett alternativ – det är en nödvändighet.
Du kanske blir förvånad över att veta att mer än hälften av all webbtrafik genereras från mobila enheter som iPhones, iPads, Android-telefoner och surfplattor. Nu, mer än någonsin, om ett företags webbplats inte är mobilvänlig och lätt att se på en liten skärm, kan ett varumärke gå miste om mer än 50 % av potentiella kunder.
År 2020 använder nästan 4,5 miljarder människor världen över internet, och en stor majoritet – 3,9 miljarder människor – kommer åt det via en mobil enhet.
När din webbplats är mobilanpassad är den designad, utvecklad och optimerad för användare på alla vanliga mobila enheter.
Du kan använda detta Google-verktyg för att testa om din nuvarande webbplats är mobilanpassad. Det här enkla testet tar mindre än en minut för att bedöma hur din webbplats ser ut. Du får veta vilka användbarhetsfel som uppstår på din webbplats och hur du kan förbättra.
Bortsett från det faktum att fler och fler internetanvändare och konsumenter använder mobila enheter för att skanna internet och handla online, drar även mobilvänliga webbplatser nytta av en mängd andra fördelar. Till exempel prioriterar Google mobilanpassade webbplatser, vilket innebär att ditt företag inte har råd att vara mobilovänliga. Google är ansvarigt för nästan 95 % av all söktrafik på internet, så om din webbplats pressas ned på sökrankingen går du miste om viktig exponering och affärer.
När en webbplats inte är mobilvänlig är den ofta svår att navigera, visa och använda på en mobil enhet. Webbplatsbesökare kan behöva zooma för att läsa innehåll eller rulla oändligt för att hitta en knapp eller länk att klicka på. Den här typen av webbplatsupplevelse är frustrerande och användare är mer benägna att överge webbplatsen. För att förhindra onödiga studsar från din webbplats, se till att du prioriterar enkel navigering. Förstora knappar, text och menyalternativ. Pekskärmsnavigering kan leda till oavsiktliga klick om dina knappar är för stora, för små eller i vägen för ett finger som försöker få sidan att rulla.
När en webbplats är responsiv är det lättare för den som tittar på webbplatsen; det minimerar rullning, panorering, zoomning och – viktigast av allt – förvirring. Webbplatsbesökare vill inte bli förvirrade när de landar på din webbplats; en förvirrad kund agerar aldrig.
Responsiv design gör upplevelsen njutbar för alla besökare, oavsett vilken enhet de använder för att se din webbplats. Responsiv design använder ett rutsystem vilket innebär att sidan är uppdelad i kolumner (vanligtvis 12) som är dimensionerade till 100 % av webbläsarens bredd. Det här rutnätet är flytande och flexibelt och innehållet i det kan anpassa och ordna om sig självt (flytta, stapla, etc.) för att passa skärmstorleken. Termen "responsiv" används eftersom rutnätet och innehållet i det kan känna igen och "svara" på storleken på skärmen som det visas på.
För att säkerställa att din webbplats är responsiv, anlita en professionell utvecklare för att bygga din webbplats, eller skapa den med en responsiv plattform som Squarespace.
Utan att bli för tekniskt, tillåter Javascript och CSS Google att se din webbplats som tittare och sedan korrekt indexera den för optimal sökrankning. Om din webbplats blockerar Googlebots åtkomst kan det resultera i lägre ranking och mindre synlighet.
Undvik Flash – det stöds inte av Android eller iOS, så även om du använder det kommer det inte att visas på mobila enheter; detta kommer att leda till att användare ser ett felmeddelande som lyder något som "Ospelbart innehåll". Den här typen av fel kommer sannolikt att förvirra din tittare och orsaka en mindre än tillfredsställande upplevelse.
När du hanterar bilder, se till att du bara inkluderar högkvalitativa foton och grafik.
Avstå från att använda bilder som är för små eller för lågupplösta. Upprätthåll konsekvens genom att se till att både mobilwebbplatsen och skrivbordswebbplatsen har samma alt-text för bilder, vilket är den text som används för att beskriva en bild.
Standardteckensnitt är mycket lättare att läsa på små enheter; de är webbsäkra och kompatibla med HTML/CSS. Många enheter som Android och iOS kommer med förinstallerade webbsäkra typsnitt som Open Sans, Lato eller Roboto. Du vill också se till att du optimerar teckenstorleken för mobilen – 16px är i allmänhet regeln för bästa teckenstorlek för brödtext på mobilen. Det som kan verka som en bra storlek på ditt skrivbord kan verka litet på en telefon och liten text på en liten enhet är en stor påfrestning för ögonen. Du kan styra teckenstorlekar på olika skärmar med mediafrågor. En bra tumregel är att undvika att använda mycket dekorativa skriptteckensnitt eftersom de kommer att vara svåra att läsa på en liten skärm. Välj ett rent, enkelt serif-teckensnitt som Georgia eller något vanligt sans-serif-teckensnitt som Roboto för en lång text.
Vid branding för mobil, sträva efter kortare ämnesrader, mindre text och inkludera stora CTA-knappar (men inte så stora att de tar upp hela mobilskärmen). Med framväxten av mobila enheter finns det en trend som prioriterar lättsmält innehåll. Bedöm ditt nuvarande onlineinnehåll. Titta på din webbplats, blogg och e-postmarknadsföring. Var kan du förenkla utan att tappa kärnan i ditt budskap? Tänk avsiktligt och var så strategisk som möjligt i din avlivning. När du skriver ditt innehåll, se till att skapa samma tydliga rubriker på mobilen som du gör på datorn.
