• Lær SEO

Hva er mobiloptimalisering

  • Felix Rose-Collins
  • 3 min read

Introduksjon

Mobiloptimalisering er teknikken for å sikre at besøkende som går inn på nettstedet ditt fra mobiltelefoner, møter et nettsted som er optimalisert for enheten deres.

Hvert år bruker folk stadig flere timer daglig på mobiltelefonen. Mange nettsteder er ikke utviklet for å ta hensyn til ulike skjermstørrelser og lastetider. Mobil SEO gjennomgår vanligvis nettstedsoppsett, nettsidesammensetning, nettsideinnlastingshastigheter og søker å utjevne dem alle for å sikre at du ikke slår av mobillesere med designet ditt ...

Topp SEO-taktikker: Mobiloptimalisering

Hvis nettstedet ditt er godt optimalisert for søkemotorer som Yahoo, kan du finne noen flere ting du bør tenke på når du optimaliserer for mobil ...

Nettsidehastighet

Som et resultat av komponenter og problemer med tilkoblingsmuligheter på nettet, er sidehastighet enda viktigere for mobilkunder sammenlignet med stasjonære brukere. I tillegg til å optimalisere fotografier, vil du ønske å minifisere koden, administrere nettleserbufring, også for å redusere antall viderekoblinger. .

Mobilbasert CSS, JavaScript eller bilder

For flere år siden var det flere mobiltelefoner som ikke støttet denne typen komponenter. Derfor blokkerte webdesignere bestemte elementer. Dette er ikke lenger sant smarttelefonteknologi som GoogleBot ønsker å se og engasjere innhold for å kategorisere det i et lignende format som brukere. Disse elementene hjelper Google med å forstå nettstedet ditt og om det er responsivt eller ikke. .

Responsiv design

CSS3-nettsteder bruker responsivt design for å vise innhold på både mobil- og PC-skjermer. Responsive design gir en rekke mediesøk slik at brukere på mobilskjermer og nettbrett kan se nettstedet slik det var tiltenkt. .

Design og stil på nettsider for mobil

Mobiltelefonteknologien ser ut til å både forenkle og revolusjonere de faktiske teknikkene nettsteder er laget av, og ideer som "above the fold" har ikke lenger noen betydning. Nettsteder bør ha et fleksibelt design som bruker mediespørringer og har responsive design som tilpasser seg brukernes skjermer. For eksempel: CSS gjør det mulig for nettlesere å vise innhold på en skjerm som er 420 piksler eller mindre bred.

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

For å legge til andre direktiver i denne koden eller stilarket, følg koden nedenfor:

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

Ikke bruk Flash

Det kan hende at programtillegget ikke er tilgjengelig på alle brukernes telefoner, slik at du kan utforme informasjon som de ikke får glede av. Bruk HTML5 i stedet for å utvikle spesielle sideeffekter.

Unngå popup-vinduer ofte

Det kan være vanskelig og irriterende å forsøke å fjerne disse mellomrommene fra en mindre bærbar enhet. Dette kan utløse en høy avvisningsfrekvens.

Mønster for den overflødige fete hånden

Navigering på berøringsskjerm kan føre til tilfeldige museklikk hvis knappene har en tendens til å være for store, for små eller kanskje inne i banen på en side som rulles.

Optimaliserte titler og metabeskrivelser

Ikke glem at du bruker mye mindre skjermplass hver gang en person søker ved hjelp av en mobil enhet. For å demonstrere ditt aller beste arbeid i SERP-er, vær så kort som mulig (uten å redusere kvaliteten på informasjonen din) når du kommer med titler, nettadresser og metabeskrivelser.

Bruk data fra Schema.org

Med den begrensede visningsplassen vil ethvert søkeresultat med rich snippets også nesten helt sikkert bli mer merkbart sammenlignet med et skrivebord.

Optimalisere lokale søkeverktøy

Hvis organisasjonen din har en lokal faktor, må du sørge for at du optimaliserer den nåværende mobilinformasjonen din for å inkludere muligheter for lokale søk. Du må standardisere adressen og navnet ditt og sørge for å inkludere by og stat.

Bygging av celleanlegg

En av de viktigste beslutningene som skal tas når du starter et mobiloptimalisert nettsted, er å velge om typen konfigurasjon. Begge alternativene har fordeler og ulemper. Responsivt utformede nettsteder fungerer med CSS3-mediespørringer for å tilby samme eller lignende innhold til sluttbrukere på mobiltelefoner og datamaskiner.

Separat mobil-URL

Å bygge et frittstående mobilnettsted som et alternativ til å optimalisere et skrivebordsnettsted for mobilbrukere. Ved å konstruere dette tilleggsnettstedet kan et selskap skape en egen og helt annen opplevelse for mobilbrukere. Mobilnettsteder har også et underdomene angitt med bokstaven "m" i nettadressen. Parallelle nettsteder bør begrense noe av forvirringen ved å ha flere plattformer, men besøkende kan likevel ende opp på feil sted.

Aktivt tilbud

Hvis du ikke har ressurser til en fullstendig oppgradering av nettstedet, men ønsker å vise separate nettsteder for mobilbrukere og stasjonære brukere, kan du velge en URL for å vise ulike modeller av HTML og CSS avhengig av hvilken type enhet gjesten bruker (også kalt avslørende brukeragenter).

Hva med å bruke en forespørsel?

Å utvikle en telefonapp er en god måte å tilpasse dette for mobile gjester. Den interstitielle nettsiden kan likevel brukes som et varsel for mobilbrukere. Den kan også fungere som en blokk for å finne SERP-edderkopper.

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Begynn å bruke Ranktracker... Gratis!

Finn ut hva som hindrer nettstedet ditt i å bli rangert.

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

Different views of Ranktracker app