• Lær SEO

Hvad er mobiloptimering

  • Felix Rose-Collins
  • 3 min read

Intro

Mobiloptimering er en teknik, der sikrer, at besøgende, der kommer ind på dit websted fra mobiltelefoner, møder et optimeret websted til deres enhed.

Hvert år bruger folk et stigende antal daglige timer på mobiltelefoni. Mange websteder er ikke udviklet til at tage hensyn til forskellige skærmstørrelser og indlæsningstider. Mobile SEO gennemgår normalt websteds layout, websteds sammensætning, websidens indlæsningshastighed og søger at udligne dem alle for at sikre, at du ikke afviser mobillæsere med dit design ...

Top SEO-taktikker: Mobiloptimering: Mobiloptimering

Hvis din hjemmeside er godt optimeret til søgemaskiner som Yahoo, kan du finde et par andre ting, som du skal tænke på, når du optimerer til mobile enheder...

Hastighed på websiden

Som følge af komponenter og problemer med onlineforbindelser er sidehastighed endnu vigtigere for mobilkunder end for desktopbrugere. Ud over at optimere fotografier vil du gerne minificere kode, administrere caching af webbrowsere og reducere antallet af omdirigeringer. .

Mobilbaseret CSS, JavaScript eller billeder

For flere år siden understøttede flere mobiltelefoner ikke disse typer komponenter. Derfor blokerede webdesignere bestemte elementer. Dette er ikke længere sandt smartphone-teknologi som GoogleBot vil gerne se og engagere indhold for at kategorisere det i et lignende format som brugerne. Disse elementer hjælper Google med at forstå dit websted, og om det er responsivt eller ej. .

Responsivt design

CSS3-websteder bruger responsive til at vise indhold til både mobile og stationære computere. Responsive designs giver en række forskellige mediesøgninger, så brugere på mobilskærme og tablets kan se webstedet, som det var tiltænkt. .

Design og udformning af hjemmesider til mobile enheder

Mobiltelefonteknologien synes både at forenkle og revolutionere de faktiske teknikker, som hjemmesider er lavet af, og disse ideer som "above the fold" har ikke længere nogen betydning. Websteder bør have et fleksibelt design, der anvender media queries og har responsive designs, der tilpasser sig brugernes skærme. For eksempel: CSS gør det muligt for browsere at vise indhold på en skærm, der er 420 eller mindre pixels bred.

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

Hvis du vil tilføje andre direktiver til denne kode eller stilark, skal du følge nedenstående kode:

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

Brug ikke Flash

Plugin'et er måske ikke tilgængeligt på alle brugernes telefoner, så du kan designe oplysninger, som de ikke vil få glæde af. Hvis du vil udvikle særlige sideeffekter, skal du i stedet bruge HTML5.

Undgå ofte pop-ups

Det kan være svært og irriterende at forsøge at fjerne disse rum fra en mindre bærbar enhed. Dette kan udløse en høj afvisningsprocent.

Mønster til den overskydende fede hånd

Navigation på en touchscreen kan forårsage tilfældige museklik, hvis knapperne er for store, for små eller måske inden for den side, der scrolles på.

Optimerede titler og metabeskrivelser

Glem ikke, at du bruger meget mindre plads på skærmen, hver gang en person søger med en mobil enhed. For at vise dit bedste arbejde i SERP'erne skal du være så kortfattet som muligt (uden at forringe kvaliteten af dine oplysninger), når du udarbejder titler, webadresser og metabeskrivelser.

Udnyt Schema.org-data

Med den begrænsede skærmplads vil et søgeresultat med rich snippets næsten helt sikkert også være mere synligt end på en desktop.

Optimer lokale søgeværktøjer

Hvis din organisation har en lokal faktor, skal du sørge for at optimere dine nuværende mobiloplysninger til at omfatte muligheder for lokal søgning. Du skal standardisere din adresse og dit navn og sørge for at inkludere by og stat.

Opbygning af cellepladser

En af de vigtigste beslutninger, der skal træffes, når du starter et mobiloptimeret websted, er at vælge, om konfigurationen skal være den rigtige. Begge muligheder har fordele og ulemper. Responsivt designede websteder arbejder med CSS3 media queries for at tilbyde det samme eller lignende indhold til mobiltelefoner såvel som til desktop-brugere.

Separat mobil URL

Opbygning af et selvstændigt mobilwebsted som et alternativ til optimering af et desktopwebsted til mobile brugere. Ved at bygge dette ekstra websted kan en virksomhed skabe en separat og helt anderledes oplevelse for mobilbrugere. Mobilwebsteder har også et underdomæne, der betegnes med bogstavet "m" i URL-adressen. Parallelle websteder skulle begrænse noget af den forvirring, der er forbundet med at have flere platforme, men de besøgende kan stadig ende det forkerte sted.

Aktivt tilbud

Hvis du ikke har ressourcerne til at opgradere et helt websted, men gerne vil vise separate websteder til mobilbrugere og desktopbrugere, kan du vælge en URL-adresse, der viser forskellige modeller af HTML og CSS afhængigt af den type enhed, gæsten bruger (også kaldet afslørende brugeragenter).

Hvad med at bruge en anmodning?

Udvikling af en telefonapp er en god måde at tilpasse dette til mobile gæster. Alligevel kan interstitial-websiden bruges som en advarsel for mobilbrugere. Den kan også fungere som en blokering for at finde SERP-spidere.

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.

Begynd at bruge Ranktracker... Gratis!

Find ud af, hvad der forhindrer dit websted i at blive placeret på ranglisten.

Opret en gratis konto

Eller logge ind med dine legitimationsoplysninger

Different views of Ranktracker app