• Lær SEO

Mobile-First-indeksering: En guide for å sikre mobilvennlige nettsteder

  • Yoni Yampolsky
  • 6 min read
Mobile-First-indeksering: En guide for å sikre mobilvennlige nettsteder

Introduksjon

Mobile-first-indeksering er ikke et nytt tema innen søkemotoroptimalisering (SEO) og utvikling av nettsteder. Faktisk rapporterer Exploding Topics at mer enn 55 % av trafikken på verdensbasis kommer fra mobile enheter.

Hvis bedriften din ikke har et mobilvennlig nettsted, kommer potensielle kunder sannsynligvis til å hoppe av nettstedet ditt i løpet av sekunder.

Den beste måten å få nettstedet ditt til å vises på Googles resultatsider for søkemotorer (SERP) på, er å ta i bruk mobile first-indeksering.

Dette er Googles metode for å rangere nettsteder basert på mobilversjonene av innholdet på nettstedet.

For å hjelpe deg på rett vei vil denne veiledningen forklare hvordan du integrerer mobile-first-indeksering ved å lage et responsivt nettsteddesign.

Sjekk om nettstedet ditt er mobilvennlig

Ved mobile first-indeksering vil søkemotorene crawle og vise mobilversjonen av nettstedet ditt fremfor alt annet. Hvis nettstedet ditt ikke er mobilvennlig, vises skrivebordsversjonen som standard på mobilskjermer.

Og mobilbrukerne kan ende opp med en overdimensjonert og uoversiktlig nettsidepresentasjon på smarttelefonen eller nettbrettet. Ikke en ideell situasjon, for å si det mildt. Du går glipp av et responsivt design. Og nettstedet ditt tilpasser seg ikke ulike skjermstørrelser.

Møt Ranktracker

Alt-i-ett-plattformen for effektiv søkemotoroptimalisering

Bak enhver vellykket bedrift ligger en sterk SEO-kampanje. Men med utallige optimaliseringsverktøy og teknikker der ute å velge mellom, kan det være vanskelig å vite hvor du skal begynne. Vel, frykt ikke mer, for jeg har akkurat det som kan hjelpe deg. Vi presenterer Ranktracker alt-i-ett-plattformen for effektiv SEO.

Vi har endelig åpnet registreringen til Ranktracker helt gratis!

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

Du kan unngå dette scenariet ved å sjekke om nettstedet ditt allerede er mobilvennlig. Den beste måten er å bruke Googles PageSpeed Insights-verktøy.

PageSpeed Insights (Bildekilde)

Ved å legge inn nettadressen til nettstedet ditt i søkefeltet kan du se sanntidsdata om hvordan det presterer på mobile enheter:

PageSpeed Insights results (Bildekilde)

Som du ser, er det viktig å opprettholde en mobilvennlig poengsum på mellom 90-100. Hvis du oppdager at nettstedet ditt ikke er mobilvennlig, er det på tide å gå til Google Search Console.

Mobile Usability from Search Console (Bildekilde)

Møt Ranktracker

Alt-i-ett-plattformen for effektiv søkemotoroptimalisering

Bak enhver vellykket bedrift ligger en sterk SEO-kampanje. Men med utallige optimaliseringsverktøy og teknikker der ute å velge mellom, kan det være vanskelig å vite hvor du skal begynne. Vel, frykt ikke mer, for jeg har akkurat det som kan hjelpe deg. Vi presenterer Ranktracker alt-i-ett-plattformen for effektiv SEO.

Vi har endelig åpnet registreringen til Ranktracker helt gratis!

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

Der kan du finne eventuelle gjennomsøkingsproblemer, problemer med nettstedets hastighet og andre feil som kan hemme mobilopplevelsen.

De vanligste mobilvennlige problemene du finner i Google Search Console, er imidlertid følgende:

  • Problemer med berøringsinndata (lenker og knapper) for mobilbrukere
  • Design, mal eller tema på nettstedet som ikke svarer på signaler
  • Ikke-mobilvennlige popup-vinduer
  • Vanskelig navigering på nettstedet
  • Skrifttyper som er vanskelige å lese

Uansett om nettstedet ditt er bygget fra bunnen av eller om du bruker et innholdsstyringssystem (CMS) som WordPress, bør du ikke ta for gitt at det allerede er mobilvennlig.

PageSpeed Insights og Google Search Console gir deg en oversikt over nettstedets ytelse på mobilskjermer, slik at du kan gjøre nødvendige forbedringer.

Sørg for at nettstedet ditt gir samme opplevelse på stasjonære og mobile enheter.

Det er vanlig at SEO-ansvarlige og utviklere kutter ut enkelte nettfunksjoner fra et mobilnettsted for å fremme en god brukeropplevelse (UX).

Det er aldri en god idé å ha et klumpete mobilnettsted fullt av ubrukelige elementer. Hvis du fjerner for mange av disse funksjonene, kan det imidlertid gå ut over mobilindekseringen av nettstedet ditt.

Google ønsker å sikre at utviklere leverer den samme opplevelsen til både stasjonære og mobile brukere. Her er hva de spesifikt hadde å si om saken:

"Hvis mobilnettstedet ditt har mindre innhold enn nettstedet på datamaskinen, bør du vurdere å oppdatere mobilnettstedet slik at det primære innholdet tilsvarer innholdet på datamaskinen. Nesten all indeksering på nettstedet ditt kommer fra mobilnettstedet."

Det er ganske enkelt.

Hvis mobilversjonen av nettstedet ditt har mindre innhold, kommer det ikke til å gi gode resultater i SERP.

Søkemotorer verdsetter innhold fordi det er den eneste måten de kan finne ut hva nettstedet ditt handler om. Her er noen viktige anbefalinger du bør følge for å sikre at nettstedsversjonene for PC og mobil er like:

  • Samarbeid med UX-, SEO- og utviklingsteamene for å vise innhold på en mobilvennlig måte i stedet for å fjerne viktige elementer på nettstedet.
  • Bilder, videoer og andre store innholdsfiler må optimaliseres riktig for ulike mobile enheter, for eksempel nettbrett, smarttelefoner og andre smartenheter.
  • Sørg for at alle strukturerte data, metarobotkoder og tekniske nettstedsdata er universelle på tvers av alle IoT-enheter.

Husk at mobile first-indeksering betyr at søkemotorene først og fremst vil gjennomsøke mobilversjonen av nettstedet ditt. Hvis mobilnettstedet ditt mangler innhold, spiller det ingen rolle hvor optimalisert desktop-nettstedet ditt er.

Ingen av delene vil gi den SEO-ytelsen du er ute etter.

Lær forskjellen mellom mobil brukervennlighet og mobile-first-indeksering

Mobile-first-indeksering og mobil brukervennlighet brukes ofte om hverandre. Sannheten er at disse begrepene ikke er det samme.

Mobil brukervennlighet forklarer hvordan et nettsted fungerer på mobile enheter. Som vi forklarte tidligere, er mobile-first-indeksering Googles preferanse for å gjennomsøke mobile nettstedsversjoner fremfor desktopversjoner.

Her er forbeholdet.

Selv om nettstedet ditt ikke er mobilvennlig og har mange problemer med mobil brukervennlighet, kan og vil det likevel bli indeksert av Google. La oss si at du driver en restaurant, og at en av menysidene dine er en PDF-fil.

PDF-filer er selvsagt vanskelige å lese og navigere i på mobile enheter. Google kan likevel gjennomsøke informasjon med mobile-first-indeksering hvis det er nok av den.

Til syvende og sist vil Googlebot på smarttelefonen automatisk gjennomsøke nettstedet ditt hvis det har nok innhold til mobile first-indeksering. Du må likevel først løse problemene med mobil brukervennlighet på nettstedet ditt.

Øk hastigheten på nettstedet ditt

Den gjennomsnittlige tiden en bruker bruker på et nettsted er 54 sekunder.

Ingen har tid til å vente hele dagen på at nettstedet ditt skal laste. Det finnes tross alt milliarder av andre nettsteder som kan nås på bare et par sekunder.

Derfor er det viktig å forbedre nettstedets hastighet, ikke bare av hensyn til mobilbrukerne, men også av SEO-hensyn.

Langsomme lastetider på nettstedet påvirker både oppholdstiden og avvisningsfrekvensen. Dette er beregninger som viser hvor lenge folk oppholder seg på nettstedet ditt eller forlater det uten å gjøre noe.

Hvis dette skjer på grunn av nettstedets lave hastighet, vil Google legge merke til det og degradere nettstedet ditt i SERP. For å unngå dette kan du sjekke og overvåke nettstedets hastighet ved å gjennomføre en revisjon av nettstedet.

Du kan bruke Ranktracker til å utføre en omfattende web-revisjon for å måle nettstedets hastighet på mobile enheter.

Optimaliser nettstedet ditt for lazy loading-innhold

Lazy loading-innhold er vanlig på de fleste moderne nettsteder. Nyhetspublikasjoner bruker denne typen innhold til å fylle på med flere saker etter hvert som du skroller nedover på nettstedet.

Sportsnyhetsforlaget ClutchPoints lar brukerne klikke på "More Stories"-knappen hvis de ønsker å lese flere nyhetsartikler i bestemte sportskategorier:

Lazy Loading content (Bildekilde)

Prinsippet bak lazy loading er at innhold bare vises når brukeren ber om det. Og det øker hastigheten på nettstedet ved å redusere unødvendige kodelinjer som Google må gjennomsøke.

Det er også et fint UX-tiltak å gjøre nettsidene mindre innholdstunge for mobilbrukere. Problemet er imidlertid at det kan være vanskelig for søkemotorene å indeksere innhold som lazy loading.

Tilbake til ClutchPoints, for eksempel.

Google vil naturligvis ikke kunne indeksere historiene du får opp ved å klikke på "Flere historier"-knappen hvis de ikke allerede finnes der.

Du kan løse dette problemet ved å sørge for at nettstedet ditt tillater paginering. Dette gjør det mulig for søkemotorer som Google å legge merke til alt innholdet på nettstedet ditt, selv om det bruker uendelig scroll, som ClutchPoints.

Se opp for feilaktig annonseplassering

Hvis du bruker Google Adsense, er det viktig å være forsiktig med hvordan annonsene dine vises på mobilversjonen av nettstedet ditt.

Mobile enheter viser responsive display-annonser (RDA) i stedet for de mer vanlige annonsene du ser på en stasjonær datamaskin.

Her er for eksempel typiske skrivebordsannonser:

Watch out for improper ad placement (Bildekilde)

Og slik ser de ut på en mobil enhet:

here's what they'd look like on a mobile device (Bildekilde)

Du kommer ikke unna med å gjenbruke desktop-annonser på mobil. Her er noen eksempler på beste praksis når du lager mobile RDA-er:

  • Instruer SEO-teamet og utviklerne dine om å bruke CSS- og HTML-tagger for å justere annonsene basert på ulike presentasjonsstørrelser.
  • Hold overskriften og teksten tydelig og kortfattet
  • Prøv å unngå å legge til tekst over bilder
  • Lag annonsebilder i flere størrelser

Sørg for at nettstedet ditt er ADA-kompatibelt

61 millioner mennesker i USA lever med en funksjonsnedsettelse. Å ha et tilgjengelig nettsted innebærer å tilrettelegge for brukere med nedsatt funksjonsevne som kan være hørselshemmede, fargeblinde eller ha en annen usynlig funksjonsnedsettelse.

Jo flere som kan interagere med nettstedet ditt, jo større er sannsynligheten for at de blir værende og konverterer. Dette konseptet er svært viktig for mobile first-indeksering.

Å gjøre nettstedet ditt tilgjengelig kommer alle brukere til gode, ikke bare de med nedsatt funksjonsevne. Mobilvennlige nettsteder som er enkle å bruke, har en tydelig innholdsstruktur og tilbyr alternativ tekst for bilder, blant andre tilgjengelighetsfunksjoner, gir bedre kundeopplevelser.

I tillegg til å være en etisk beslutning, er det også en klok kommersiell beslutning å sørge for universell utforming av nettsteder. Det er viktig å være klar over de juridiske konsekvensene av å sikre tilgjengelighet. Forordninger som Americans with Disabilities Act (ADA) påvirker for eksempel amerikanske selskaper og krever at nettsidene deres, i likhet med de fysiske lokalene, skal gi en helhetlig opplevelse for alle besøkende.

Du kan bruke en gratis tilgjengelighetssjekker for nettsteder, for eksempel accessiBe, som nøyaktig vurderer nettstedets nåværende tilgjengelighetsstatus for å avgjøre om det er i samsvar med gjeldende regelverk.

website accessibility checker Bildekilde

Møt Ranktracker

Alt-i-ett-plattformen for effektiv søkemotoroptimalisering

Bak enhver vellykket bedrift ligger en sterk SEO-kampanje. Men med utallige optimaliseringsverktøy og teknikker der ute å velge mellom, kan det være vanskelig å vite hvor du skal begynne. Vel, frykt ikke mer, for jeg har akkurat det som kan hjelpe deg. Vi presenterer Ranktracker alt-i-ett-plattformen for effektiv SEO.

Vi har endelig åpnet registreringen til Ranktracker helt gratis!

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

Andre måter du kan gjøre nettstedet ditt mer tilgjengelig på:

  • Bruk konsistente farger på nettstedet ditt. Unngå å bruke veldig sterke neonfarger som er vanskelige å lese.
  • Legge til alternativ tekst i bildene dine for å tilrettelegge for personer med nedsatt funksjonsevne som bruker skjermlesere.
  • Bruk en tydelig innholdsstruktur slik at brukerne raskt og enkelt kan finne viktig informasjon.

Når du har tatt i bruk noen av disse beste praksisene, kan du sjekke om nettstedet ditt er i samsvar med The Americans with Disabilities Act (ADA). Hvis siden din får godkjent, er du klar til å gå i gang.

Access Scan (Bildekilde)

Ved å utvikle et tilgjengelig nettsted sikrer du at alle mennesker blir engasjert, informert og klare til å konvertere.

Det viktigste å ta med seg

Generelt sett har mobile first-indeksering satt en høyere standard for hvordan nettsteder skal se ut og fungere på Internett. Søkemotorene er nå først og fremst interessert i hvordan nettstedet ditt betjener mobilbrukere.

Ved å følge denne veiledningen bør du få et klarere bilde av hvordan du kan lage et mobilvennlig nettsted og legge til rette for flere mobilbrukere.

Yoni Yampolsky

Yoni Yampolsky

Marketing Manager, Elementor

is a Marketing Manager for Elementor. With more than 10 million active users, Elementor empowers just about anyone to create stunning WordPress websites, code-free. Elementor now offers best-in-class, built-in cloud hosting features. You can build and host your WordPress site in one, single platform.

Link: Elementor

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