Mobilvennlig nettside? Dette må du vite
I et kommende blogginnlegg skal jeg fremheve spesifikke, taktiske tips og triks om hvordan du kan optimalisere nettsiden din for mobil. Men før vi går videre, er det viktig at du forstår dette:
En av de enkleste måtene å sikre at nettsiden din er mobilvennlig, er å starte med (eller oppgradere til) et mobilvennlig content management system (CMS). Ved å bruke et mobilvennlig CMS, trenger du ikke beskymre deg så mye om mobiloptimalisering, ettersom programvaren gjør mestenparten av jobben for deg.
Når det er sagt, vær oppmerksom på at Google gjenkjenner totalt tre konfigurasjoner for å bygge mobilvennlige nettsider: responsiv design, dynamisk design, og mobile-only nettsider. Det er flott og fint at du har flere valg, men la oss ta noen minutter for å diskutere fordeler og ulemper med hver konfigurasjon.
Responsivt design
Hvis du er ute etter å gi en konsistent opplevelse for dine besøkende, samtidig som du søkemotoroptimaliserer nettsiden din, er responsivt design det beste alternativet.
Responsivt design er (ikke tilfeldig) Googles foretrukket mobil konfigurasjon. Hvorfor det sier du?
For det første bruker responsiv design samme innhold (dvs. HTML-kode) og de samme webadressene (dvs. URL) på tvers av alle enheter. Dette gjør det vesentlig enklere for søkemotorer å finne og indeksere innholdet ditt. Det gjør det også lettere for besøkende å engasjere seg med, samt dele innholdet.
Responsivt design er fleksibel, noe som betyr at innhold på nettsiden din vil automatisk tilpasse seg ulike skjermstørrelser og skjerm orienteringer (liggende og stående). Dette er jo veldig positivt med tanke på fremtiden, ettersom nye mobile enheter lanseres hver eneste år, og du slipper å justere nettsiden din for å passe den nye skjermstørrelsen, responsivt design gjør det for deg. I tillegg, siden webadresser er konsekvent på tvers av alle enheter med responsivt design, er det ingen unødvendige omdirigering. Det gjør at nettsiden din laster raskere og yter bedre.
Dynamisk design
Som responsiv design, er dynamisk design en mobil konfigurasjon som holder på de samme webadressene på tvers av alle enheter. Forskjellen? Dynamisk design genererer HTML forskjellig fra enhet til enhet.
Hva betyr egentlig det? I stedet for at innholdet automatisk tilpasser seg ulike skjermstørrelser, må du lage spesifikke versjoner av innholdet for å imøtekomme hver enhet en besøkende bruker.
Selvom denne konfigurasjonen er “Google-godkjent” for mobilvennlighet, er den forsatt ikke feilfri. For eksempel: Når nye mobile enheter kommer på markedet, er det opp til deg (eller din IT-avdeling) å oppdatere programmert kode, slik at servere kan gjenkjenne nye enheter. Utdaterte kode kan føre til feil gjenkjenning av enheter, som igjen kan føre til en dårlig opplevelse for dine besøkende. Det er ikke særlig kult for en iPhone bruker å bruke iPad-versjonen av nettsiden, ikke sant?
Mobile-only nettside
Den tredje “Google-godkjente” mobil konfigurasjonen er en mobile-only nettside, som er akkurat det det høres ut som: En nettside som er utelukkende for besøkende via mobil.
En mobile-only nettside bruker forskjellig HTML og ulike URLer, der sistnevnte vanligvis begynner med en “m” (forkortelse for mobil), for eksempel “m.dinnettside.no”.
En av de store ulempene med mobile-only nettsider er at det krever omfattende justeringer og omdirigerering mellom de forskjellige versjonene av nettsiden. Dette kan igjen føre til treig sidelasting, i tillegg til at det gjør det vanskeligere for Google å indeksere innholdet på nettsiden din.
En annen stor ulempe med mobile-only nettsider: Det krever at du kopierer og vedlikeholder alt av innhold på to forskjellige steder, som etter min mening er en stor sløsing av både tid og ressurser.
Les også:
Knut Pedersen
Knut er gründer og CEO i Spring. Han har en genuin tro på at entreprenørskap og teknologi er den nye olja vi skal leve av i fremtiden, og bygger nå Nordens ledende HubSpot- og vekstpartner. Knut er utdannet dataingeniør fra Høgskolen i Østfold og grunnla selskapet i 2014 sammen med barndomskameraten Christoffer.
