For enhver virksomhed i 2020 er et mobilvenligt websted ikke en mulighed – det er en nødvendighed.
Du kan blive overrasket over at vide, at mere end halvdelen af al webtrafik genereres fra mobile enheder som iPhones, iPads, Android-telefoner og tablets. Mere end nogensinde før, hvis en virksomheds hjemmeside ikke er mobilvenlig og nem at se på en lille skærm, kan et brand gå glip af mere end 50 % af potentielle kunder.
I 2020 bruger næsten 4,5 milliarder mennesker verden over internettet, og et stort flertal – 3,9 milliarder mennesker – får adgang til det via en mobilenhed.
Når dit websted er mobilvenligt, er det designet, udviklet og optimeret til brugere på alle standard mobilenheder.
Du kan bruge dette Google-værktøj til at teste, om din nuværende hjemmeside er mobilvenlig. Denne simple test tager mindre end et minut at vurdere, hvordan dit websted klarer sig. Du lærer, hvilke brugervenlighedsfejl der opstår på dit websted, og hvordan du kan forbedre det.
Bortset fra det faktum, at flere og flere internetbrugere og forbrugere bruger mobile enheder til at scanne internettet og shoppe online, nyder mobilvenlige websteder også godt af en lang række andre fordele. For eksempel prioriterer Google mobilvenlige hjemmesider, hvilket betyder, at din virksomhed ikke har råd til at være mobil-uvenlig. Google er ansvarlig for næsten 95 % af al internetsøgetrafik, så hvis dit websted presses ned på søgerangeringerne, går du glip af vigtig eksponering og forretning.
Når et websted ikke er mobilvenligt, er det ofte svært at navigere, se og bruge på en mobilenhed. Besøgende på webstedet skal muligvis zoome for at læse indhold eller scrolle uendeligt for at finde en knap eller et link, som de kan klikke på. Denne form for webstedsoplevelse er frustrerende, og brugerne er mere tilbøjelige til at forlade webstedet. For at forhindre unødvendige afvisninger fra din hjemmeside, skal du sørge for at prioritere nem navigation. Forstør knapper, tekst og menuindstillinger. Berøringsskærmnavigation kan føre til utilsigtede klik, hvis dine knapper er for store, for små eller i stien for en finger, der forsøger at få siden til at rulle.
Når en hjemmeside er responsiv, er det nemmere for den, der ser på siden; det minimerer rulning, panorering, zoomning og – vigtigst af alt – forvirring. Besøgende på webstedet ønsker ikke at blive forvirrede, når de lander på dit websted; en forvirret kunde handler aldrig.
Responsivt design gør oplevelsen behagelig for enhver besøgende, uanset hvilken enhed de bruger til at se dit websted. Responsivt design bruger et gittersystem, hvilket betyder, at siden er opdelt i kolonner (typisk 12), der har en størrelse på 100 % af browserens bredde. Dette gitter er flydende og fleksibelt, og indholdet i det kan tilpasse og omarrangere sig selv (flytte, stable osv.) for at passe til skærmstørrelsen. Udtrykket "responsiv" bruges, fordi gitteret og indholdet i det er i stand til at genkende og "reagere" på størrelsen på skærmen, som det vises på.
For at sikre, at dit websted er responsivt, skal du hyre en professionel udvikler til at bygge dit websted, eller oprette det ved hjælp af en responsiv platform som Squarespace.
Uden at blive for teknisk giver Javascript og CSS Google mulighed for at se din hjemmeside som en seer og derefter indeksere den korrekt for at opnå optimale søgerangeringer. Hvis dit websted blokerer Googlebots adgang, kan det resultere i lavere placeringer og mindre synlighed.
Undgå Flash – det understøttes ikke af Android eller iOS, så selvom du bruger det, vises det ikke på mobile enheder; dette vil føre til, at brugere ser en fejl, der lyder noget som "Uafspilleligt indhold". Denne form for fejl vil sandsynligvis forvirre din seer og forårsage en mindre end tilfredsstillende oplevelse.
Når du beskæftiger dig med billeder, skal du sørge for kun at inkludere fotos og grafik af høj kvalitet.
Undlad at bruge billeder, der er for små eller i lav opløsning. Oprethold konsistens ved at sikre, at mobilwebstedet og desktopwebstedet begge har den samme alt-tekst til billeder, som er den tekst, der bruges til at beskrive et billede.
Standardskrifttyper er meget nemmere at læse på små enheder; de er websikre og kompatible med HTML/CSS. Mange enheder som Android og iOS kommer med forudinstallerede websikre skrifttyper som Open Sans, Lato eller Roboto. Du vil også gerne sikre dig, at du optimerer skriftstørrelsen til mobil – 16px er generelt reglen for den bedste skriftstørrelse til brødtekst på mobil. Det, der kan se ud af en god størrelse på dit skrivebord, kan virke lille på en telefon, og lille tekst på en lille enhed er en stor belastning for øjnene. Du kan kontrollere skriftstørrelser på forskellige skærme med medieforespørgsler. En god tommelfingerregel er at undgå at bruge meget dekorative skrifttyper, fordi de vil være svære at læse på en lille skærm. Vælg en ren, enkel serif-skrifttype som Georgia eller en almindelig sans-serif-skrifttype som Roboto for en lang tekst.
Ved branding til mobil skal du tilstræbe kortere emnelinjer, mindre tekst og inkludere store CTA-knapper (men ikke så store, at de fylder hele mobilskærmen). Med fremkomsten af mobil er der en tendens, der prioriterer letfordøjeligt indhold. Vurder dit nuværende onlineindhold. Kig på din hjemmeside, blog og e-mail marketing. Hvor kan du forenkle uden at miste kernen i dit budskab? Tænk bevidst, og vær så strategisk som muligt i din aflivning. Når du skriver dit indhold, skal du sørge for at lave de samme klare overskrifter på mobilen, som du gør på computeren.