Responsivt webdesign ≠ mobil. Sådan fungerer mobiloptimering

Oliver Pfeil Senest opdateret den 21.
6 Min.
mobil optimering
Senest opdateret den 21.

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 cool 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 om emnerne "lydhør webdesign" og "mobil optimering til hjemmesiden".

Hvorfor mobil optimering?

Før jeg viser dig konkrete optimeringsmuligheder, vil jeg gerne kort diskutere "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. For kun hvis dit website vises optimalt på mobilenheden, forbliver dine besøgende på siden og booker et produkt eller en tjeneste hos dig.

Årsag #2:

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

  • Er hjemmesiden helt lydhør?
  • Hvad er indlæsningstiden på din hjemmeside?

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

Hvad er forskellen på responsiv og mobil?

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

Proceduren er dybest set som følger: For eksempel, en hjemmeside operatør installerer for en WordPress hjemmeside 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 pågældende slutenhed. Det er det grundlæggende krav og derfor meget vigtigt.

En lydhør Theme betyder kun, at designet automatisk tilpasser sig den pågældende slutenhed.

Det næste skridt er at se din hjemmeside 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 på overskriften er alt for stor.
  • Skrifttypen i brødteksten er for stor eller for lille.
  • Linjeafstanden er for stor.
  • Billeder vises for store eller for små.
  • Visse formateringer vises ikke korrekt på mobilenheden.
  • Navigation er svært at betjene.

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

Selv om disse aspekter ikke er optimeret, har du en lydhør hjemmeside, som Google også satser positivt. Men du bør tage mobil optimering virkelig alvorligt for dine besøgende og overveje disse aspekter og få din programmør optimere dem.

Responsivt webdesign: browsertip til mobiloptimering

Som regel har du en smartphone og måske en tablet. Men hvis du ønsker at tjekke dit websted med forskellige mobile enheder, vil du hurtigt nå dine grænser. Men der er 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" for mange forskellige enheder. Det kan du gøre ved at højreklikke og vælge "Undersøg" (undersøg i menuen Engelsk) i den menu, der vises. En konsol åbnes, og du kan vælge mobilenheder (se skærmbillede). Browseren vil derefter vise dig, hvordan dit websted vises med visse enheder.

responsiv test af mobile enheder til webdesign

På følgende Hjemmeside du vil finde en guide til, 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 lave 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 en masse flere muligheder. Desuden er en præmie Theme normalt bedre programmeret, hvorfra du også profit.
  • Hvis din Theme i mobilvisning behov optimering, har du 2 muligheder. Enten ændrer du Theme eller du optimerer din eksisterende Theme . Til optimering kan du bruge et 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 her på er: Trives- Themes eller også Divi.

Hvis emnet WordPress er stadig nyt for dig, men du finder dette 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 dette geniale content management system.

Bruge interne kæder i teksten

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

Med denne enkle optimering, vil du oprette flere positive ting:

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

Opladningstid for mobile enheder

Nu har vi talt meget om emnet "Optimer hjemmeside for mobile enheder". Der er et aspekt at huske på: 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, jo flere besøgende aflysninger vil du have.

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

#1: Billeder:

Billeder tager 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 størrelsen i WordPress hvor du også vil medtage grafikken. Dette sparer filstørrelsen og antager, at du indlæsningstiden er.

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 vedligeholdes eller reduceres lidt. Til dette formål anbefaler jeg følgende to WordPress - Plugins :

optimere ewww billede Optimizer billeder

Med nogle Plugins til billedoptimering genererer automatisk WEBP-billeder. Dette er et helt nyt format fra Google, der reducerer filstørrelsen med samme kvalitet.

#2: Caching

Det andet vigtige punkt vedrører caching. Jeg ønsker ikke at gå i så mange 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 Raket. WP-Rocket er nem at bruge og fuldt udstyret på få minutter. Desuden er Plugin yderligere optimeringer, som yderligere indlæsningstid kan spares med.

#3: Plugins Og Themes ud af mørket

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

Jeg anbefaler 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 yderligere udvidelse bærer en vis sikkerhedsrisiko. Over tid sniger mange mennesker sig ofte ind Plugins Og Themes at du ikke har brug for.

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

Konklusion: For hvem er mobil optimering 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 skal du selv bestemme. Men jeg anbefaler, at du optimerer din hjemmeside i netop denne retning:

  • Optimer website for mobile enheder
  • Forbedre og optimere opladningstiden

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

Post billede: Le Buzz @Unsplash

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

Lignende artikler

Kommentarer til denne artikel

Skriv en kommentar

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