Responsivt webdesign ≠ mobil. Sådan fungerer mobiloptimering

Oliver Pfeil Senest opdateret den 21. oktober 2020
6 Min.
mobiloptimering
Senest opdateret den 21. oktober 2020

I denne artikel vil jeg forklare, hvad forskellen er mellem "lydhør" og "mobil", og hvordan du optimerer din mobile hjemmeside. Derudover vil du lære nogle meget seje tricks til at hjælpe dig med at indlæse din WordPress hjemmeside, så det indlæses hurtigt.

Flere og flere mennesker går online. Dette skaber nye muligheder og naturligvis en nytænkning med hensyn til emnerne "lydhør webdesign" og "mobiloptimering til hjemmesiden".

Hvorfor mobiloptimering?

Før jeg viser dig konkrete optimeringsmuligheder, vil jeg gerne kort diskutere med dig "hvorfor". Jeg vil se nærmere på de to vigtigste grunde:

Årsag #1:

Flere og flere mennesker bruger mobile enheder (smartphones og tablets). På den anden side bruges computere og bærbare computere mindre og mindre. Dette gælder især til privat brug, når du søger efter et bestemt problem, emne, løsning, restaurant, produkt eller service.

Hver hjemmeside operatør bør være forberedt på denne ændring. Fordi kun hvis dit websted vises optimalt på den mobile enhed, forbliver din besøgende på siden og booker et produkt eller en tjeneste hos dig.

Årsag #2:

For Google er det et rangeringskriterium for, hvordan dit website fungerer på mobilenheder. Følgende to aspekter er yderst vigtige:

  • Er hjemmesiden helt lydhør?
  • Hvad er indlæsningstiden for dit websted?

Jo bedre du er færdig i disse to aspekter, jo mere plus får du, og jo bedre vil din placering i sidste ende være i søgeresultaterne.

Hvad er forskellen mellem responsiv og mobil?

Mange websteder siger, at alt hvad du behøver er et responsivt design, og så er alt i god stand. Jeg har imidlertid en helt anden holdning til dette, og derfor vil jeg især gerne fokusere på dette punkt. Fordi det er her, du perfekt kan optimere dit websted til mobile enheder.

Proceduren er dybest set som følger: For eksempel installerer en webstedsoperatør for en WordPress websted en lydhør Theme . For ham er emnet normalt allerede afgjort. Efter min mening er det imidlertid kun lige begyndt. Fordi en lydhør Theme betyder kun, at designet automatisk tilpasser sig den respektive slutenhed. Det er det grundlæggende krav og derfor meget vigtigt.

En lydhør Theme betyder kun, at designet automatisk tilpasser sig den respektive slutenhed.

Det næste skridt er at se dit websted med en tablet og en smartphone. Du vil hurtigt se, om det responsive design er professionelt og indbydende. Fordi det ofte er tilfældet, at den mobile optimering ikke blev udført på trods af et responsivt design.

Jeg vil gerne give dig et par eksempler, som du helt sikkert har bemærket på nogle hjemmesider:

  • Skrifttypen i overskriften er alt for stor.
  • Skrifttypen i brødteksten er for stor eller for lille.
  • Linjeafstanden er for stor.
  • Billederne vises for store eller for små.
  • Visse formateringer vises ikke korrekt på den mobile enhed.
  • Navigation er vanskelig at betjene.

Denne liste kan naturligvis være meget længere, men jeg tror, de forstod, hvad jeg taler om her.

Selvom disse aspekter ikke er optimeret, har du et responsivt websted, som Google også vurderer positivt. Du bør dog tage mobiloptimering virkelig alvorligt for dine besøgende og overveje disse aspekter og få din programmør til at optimere dem.

Responsivt webdesign: browsertip til mobiloptimering

Som regel har du en smartphone og måske en tablet. Men hvis du vil tjekke dit websted med forskellige mobile enheder, vil du hurtigt nå dine grænser. Der er dog en meget enkel løsning på dette. Hvis du bruger Google Chrome-browseren, har du en indbygget funktion til den.

Du kan vise dit "responsive webdesign" til mange forskellige enheder. Det kan du gøre ved at højreklikke og vælge "Undersøg" (undersøg i den engelske menu) i den menu, der vises. Der åbnes en konsol, og du kan vælge mobilenheder (se skærmbillede). Browseren viser dig derefter, hvordan dit websted vises med bestemte enheder.

responsiv test af mobilenhed til webdesign

På følgende hjemmeside finder du instruktioner om, hvordan du bruger denne funktion i browseren.

Tips: WordPress optimere mobil

Hvis du WordPress følgende tips er helt sikkert meget nyttigt for dig. Tak WordPress du kan foretage mange optimeringer med en Plugin eller en intern funktion. Dette gør dit arbejde lettere og sparer dig tid:

  • Det grundlæggende krav er en lydhør Theme . Jeg anbefaler dig at have en Premium Theme For WordPress Vælge. Dette koster et par dollars, men du har mange flere muligheder. Hertil kommer, at en præmie Theme normalt bedre programmeret, hvorfra du også profit.
  • Hvis din Theme i mobilvisningen skal optimeres, har du 2 muligheder. Enten ændrer du Theme eller du optimerer din eksisterende Theme . Hvis du vil optimere, kan du bruge et barn Theme Bruge. Kommissionen en programmør til at gennemføre optimeringer for dig.
  • I mellemtiden er der mange Theme -Builder, som du virkelig nemt kan skabe dit ønskede design og dermed WordPress kan optimeres på farten. Eksempler på dette er: Trives- Themes eller Divi.

Hvis emnet WordPress er stadig nyt for dig, men du finder det interessant, kan du se på følgende. På denne side finder du en WordPress Tutorial,hvor du lærer alle de vigtige grundlæggende om denne geniale content management system.

Bruge interne hyperlinks i teksten

Lad os komme til et lille insider tip, som er enormt kraftfuldt: Link interne emnerelevante undersider i teksten på dit websted. Dette gør det nemt for dine besøgende at navigere gennem dit websted. Fordi især smartphone-brugere foretrækker at klikke på et link i teksten ganske let i stedet for omhyggeligt at søge i burgermenuen.

Med denne enkle optimering vil du skabe flere positive ting:

  • Interne links er en rangeringsfaktor hos Google.
  • Interne links gør det lettere for dine besøgende og får dem til at føle sig mere komfortable på dit websted.
  • Dine besøgende vil i gennemsnit se flere undersider af dig, hvilket øger længden af opholdet på dit websted. Og det er også en rangeringsfaktor, der vil have en positiv indvirkning.

Opladningstid for mobile enheder

Nu har vi talt meget om emnet "Optimer websted til mobile enheder". Der er et aspekt, som du også bør overveje: emnet "Opladningstidsoptimering". Efter min mening er dette spørgsmål særlig vigtigt af to grunde:

  1. Indlæsningstiden for dit website er en Google-rangeringsfaktor.
  2. Jo længere indlæsningstiden på dit websted er, jo flere besøgende vil du have.

Dette er især slående for mobile besøgende, da indlæsningstiderne her altid er lidt længere sammenlignet med desktopmiljøet. Her er 3 konkrete tips til, hvordan du WordPress med hensyn til opladningstid for mobile enheder:

#1: Billeder:

Billeder optager procentdelen af indlæsningstiden. Derfor har du også den største løftestang her. Det vigtigste er, at du kan ændre billederne i præcis den størrelse i WordPress hvor du også vil medtage grafikken. Dette sparer dig filstørrelse og forudsætter din indlæsningstid.

Derudover er der nu gigantiske værktøjer, der giver dig mulighed for automatisk at reducere filstørrelsen på dine billeder. Du kan indstille dig selv, om kvaliteten skal opretholdes eller reduceres lidt. Til dette formål anbefaler jeg følgende to WordPress - Plugins :

optimere ewww billede optimizer billeder

Med nogle Plugins Til billedoptimering kan du også automatisk generere WEBP-billeder. Dette er et helt nyt format fra Google, der reducerer filstørrelsen med samme kvalitet.

#2: Cachelagring

Det andet vigtige punkt vedrører caching. Jeg ønsker ikke at gå så meget i detaljer nu, fordi du ikke engang har brug for baggrundsviden.

Det handler om ikke at foretage databaseforespørgsler, hver gang du besøger dit websted (eller en underside). Cachelagring gemmer en kopi fra hver underside på serveren, hvilket gør den meget lettere tilgængelig, fordi du ikke behøver at udføre separate forespørgsler.

Min Plugin -Anbefaling: WP-Rocket.WP-Rocket er nem at bruge og fuldt udstyret på få minutter. Desuden er Plugin yderligere optimeringer, hvormed der kan spares ekstra indlæsningstid.

#3: Plugins Og Themes out-of-the-dark

Ganske vist lyder dette tip meget banalt, og det er det. Ikke desto mindre er den effektiv:

Jeg vil anbefale dig at Plugins Og Themes du ikke bruger til at fjerne. Det er ikke nok at deaktivere alene.

Dette holder også dit system rent, og hver ekstra udvidelse indebærer en vis sikkerhedsrisiko. Over tid sniger mange mennesker sig ofte ind Plugins Og Themes som du ikke rigtig har brug for.

På min hjemmeside finder du en gratis video serie, som dig WordPress kan accelerere. Disse tutorials viser live på skærmen, hvilke indstillinger du skal indstille hvor.

Konklusion: For hvem er mobiloptimering virkelig umagen værd

Internettet udvikler sig med lysets hastighed. Der er mange interessante emner, og måske du kigger på dig selv nu, er en mobil optimering virkelig det værd for mig? Selvfølgelig må du selv bestemme. Jeg anbefaler dog, at du optimerer dit websted i netop denne retning:

  • Optimer websted til mobile enheder
  • Forbedre og optimere opladningstiden

En hjemmeside er flagskibet, der er i brug for dig 365 dage om året. Og for at dit flagskib skal opfylde sit formål, skal det poleres regelmæssigt. Såen anbefaling er: Polering din hjemmeside for mobile enheder, og du vil helt sikkert drage fordel af det.

Post billede: Le Buzz @Unsplash

Oliver Pfeil hjælper mennesker med bøger, e-learning og kurser til at skabe en vellykket og rentabel hjemmeside. Hans ekspertiseområder er: WordPress , webdesign og online markedsføring.

Kommentarer til denne artikel

Skriv svar på en

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *.