Hvorfor er en responsiv hjemmeside vigtig?

Niclas Johansen

Facebook
Twitter
LinkedIn

Hvad er en responsiv hjemmeside?


En responsiv hjemmeside er i dag med til, at øge din synlighed på Google, hvilket for mange virksomheder er nøglen til besøgende. Derfor er det vigtigt, at have styr på at din hjemmeside er mobiloptimeret. Allerede tilbage i 2015 lancerede Google en ny algoritme, som gav alle hjemmesider med et responsivt layout en bedre SEO rangering. Skulle du have en ikke responsiv hjemmeside, så er det altså en rigtig god ide at få det lavet!

Responsivitet betyder at din hjemmeside tilpasser sig forskellige skærmstørrelser herunder en smartphones, tablets og desktop. Altså betyder det:

  • At du kan læse teksten på din smartphone, uden at skulle zoome
  • Passende mellemrum mellem elementer på hjemmesiden
  • Ingen horisontal scrolling på sitet
  • Du kan fjerne elementer, som kun er til desktop

Måske kan du huske før, at det responsive layout ikke var implementeret på telefonen? Det var absolut ikke optimalt. I dag er der mere end 2 milliarder mennesker, som internationalt bruger smartphones til at se hjemmesider. Herunder er mere 60% af alle søgninger på google fra en mobil enhed. Det betyder, at hvis din side ikke er lavet responsiv, så vil du kunne opleve, at din SEO score falder. Det betyder, at dine besøgende ikke får den optimale oplevelse på din hjemmeside. En dårlig oplevelse på en hjemmeside betyder, at brugeren ofte bouncer væk fra siden, eller også har et dårligt indtryk af din service allerede fra starten. Husk at din hjemmeside tit er et førstehåndsindtryk. Sørg derfor for at afspejle den kvalitet du står for.

HVAD ER et RESPONSIVT WEB DESIGN (RWD)?


Hvad er RWD og hvorfor skal du bekymre dig om det?

Førhen skulle man bygge flere sites, for at tilpasse sig de forskellige skærmstørrelser.  Responsivt web design laver ét system, hvor en enkelt side kan reagere eller respondere med forskellige størrelser på brugerens enhed – med én URL og én content kilde. En responsiv hjemmeside har en glidende, og fleksibel overgang som tilpasser sig brugerens skærm. Det sikrer en optimal oplevelse af din hjemmeside. Helt basalt betyder dette, at din hjemmeside ser fantastisk ud, uanset om du ser den fra en desktop (bærbar pc), en tablet eller en mobils browser.

FORDELE VED EN responsiv HJEMMESIDE


Den mest gennemgående fordel ved at benytte et responsivt layout er, at du garanterer din bruger den bedste oplevelse, uanset hvilken enhed, som din hjemmeside bliver vist på. Det er så vigtigt!

Derudover så er det også en god mulighed for at kvalitetssikre din hjemmeside, da de mennesker som ser din hjemmeside på en smartphone, kun bør se de vigtigste elementer og den mest essentielle information. Gør brugeren ikke dette, bør du genoverveje dit layoutet og indhold kraftigt.

Med Google’s algoritme opdateringer bliver en hjemmeside med responsivt webdesign fremhævet på søgemaskinen, fordi sitet har mere relevans for den søgende bruger. Google mener, at med et responsivt layout, vil du hurtigere finde den information du søger på en responsiv hjemmeside kontra en ikke responsiv hjemmeside. Det er forståeligt, at Google har implementeret denne algoritme, da brugeren langt lettere kan finde information på en opdateret hjemmeside.

HVORFOR ER RESPONSIVT DESIGN VIGTIGT FOR DIN FORRETNING?


  • Øger din rækkevide til kunder og klienter på mindre enheder (tablets og smartphones)
  • En konsekvent oplevelse som kan føre til leadgenerering samt salg og konvertering
  • Analytics, tracking og rapportering kan blive håndteret et sted
  • Tiden på site content management er kraftigt reduceret
  • Forbliv foran dine konkurrenter (Selv 44 % af alle fortune 500 forretninger er ikke klar til mobilvenligt design)

Husk på, at der er to andre metoder at tilbyde en mobilvenlig oplevelse. Den første hedder Dynamic Serving, hvilket benytter den samme URL, men en anden HTML og CSS kode. Siderne opfanger derfor hvilken device, som sitet bliver set på og tilpasser dermed koden direkte til skærmstørrelsen. 

Den anden metode er at have et andet et adskilt mobilsite klar. Når brugeren besøger sitet med en mobil enhed, vil den blive sendt til denne adskilte URL som er opbygget kun til mobile enheder.

Alt afhængigt af situationen, vil den ene løsning måske være at fortrække over de andre, så længe at man blot præsenterer sin onlineløsning, eller hjemmeside, på en god måde overfor brugeren.

Mere end 5.7 millarder Google-søgninger bliver udført hver dag!

Google anbefaler selv, at man smartphone-optimerer sin hjemmeside til et responsivt webdesign. Så det er altså ikke nogen antagelse, men et faktum.

Er din side ikke mobiloptimeret?
Det koster dig kassen!

HVORDAN BYGGER MAN RESPONSIVT DESIGN?

Der er en del ting, som man bør tænke over, når man bygger et responsivt layout. Det er en process, som kræver et designsystem og hierarki af indhold på kryds af enheder. Hovedkomponenterne som indgår i et design og udvikling af en responsiv hjemmeside inkluderer følgende:

A FLUID GRID:

Dette “Grid” er et unikt element for at bygge responsivt layout. Det sikrer at designet er fleksibelt og skalerbar. Elementer som vil have gennemgående mellemrum, proportion og kan tilpasse sig en specifik skærmbredte, baseret på procenter. Dette betyder, at man standardiserer rigtig meget af layoutet, så man ikke skal pille ved ALT i koden.

FLEksIBLE BILLEDER OG TEKST

Uanset på hvilken skærm læseren ser din hjemmeside. Det betyder, at der er muligheder for, at forstørre teksten samt højden på en mobil enhed ofte er en rigtig god ide. Det gør det lettere, at læse teksten. Det samme bør være tilfældet ved billeder, det kan dog være en smule mere udfordrende. Ofte vil man kunne løbe ind i load tider, som bliver for lange på mindre enheders browsere. Så det man kan gøre er, at croppe billedet, så det passer ind på enheden.

MEDIA QUERIES

Denne kode styrer fleksibiliteten af layoutet. Media queries sikrer, at den CSS, som skal benyttes til den enkelte skærms størrelse bliver brugt korrekt. Dette afhænger af enhedens “breakpoint” (f.eks. Iphone potrætorientering eller en Ipad’s landskabsorientering osv.)

Andre områder, som kan hjælpe med, at uddybe responsivt web design (mobilvenlig layout) :

BRUGER TESTS:

Det er værd at teste/undersøge hvordan besøgende interagerer på ens side, om de får den optimale oplevelse, eller om der er fejl og mangler i den generelle oplevelse. Der er rigtig mange muligheder for, at teste ens hjemmeside og få en rigtig god feedback på sin hjemmeside.

En ting er, at spørge sin besøgende ad, for eksempel ved at få en del besøgende til, at komme med konstruktiv feedback. Der findes dog også sider såsom Peek eller UserTesting.com som kan klare jobbet. Det er gratis, at få en mindre gennemgang sin hjemmesides brugervenlighed.

Browser/Enhed Test

Du skal sikre dig, at det responsive layout er konvertibel med alle relevante browsere for, at sikre den maksimale oplevelse og design. Måden du sikrer dig imod disse udfordringer er, at gennemgå så mange browsere som overhovedet muligt. Derudover er det en god ide, at holde sig informeret, hvis der skulle lanceres en ny størrelse skræm eller bowser m.m.

INSPIRATION

Som så mange andre projekter er det en god ide, at finde så mange eksempler på responsivt design. Dette er en kreativ process, men her har du tre gode spørgsmål, som du kan stille dig selv, hvis du søger information:

  1.  Hvilke hjemmesider eller apps besøger du ofte fra din mobiltelefon eller andre bærbare enheder?
  2.  Hvorfor foretrækker du et sted frem for andre – der kan tilbyde lignende tjenester?
  3.  Foretrækker du deres mobile oplevelse eller desktop oplevelse?

At finde svar på disse spørgsmål kan hjælpe dig med at finde smertepunkter, som du måske aldrig har bemærket under din daglige browsing.

FREMTIDEN FOR RESPONSIVT DESIGN TIL MOBIL

Vi ved nu, at Google kræver følgende optimerede elementer til en effektiv mobilvenlige brugeroplevelse:

  • Tekst med en læsbar størrelse, uden behov for at zoome
  • Indhold der passer til en enheds skærm, uden behov for at rulle vandret
  • Links og knapper der er tilstrækkeligt fordelt ud, så  er ikke svært at trykke
  • Rimelige load tider for sider
  • Ingen brug af Flash!

Stigningen i anvendelsen af mobile enheder er kun begyndelsen på et skift til en mere praktisk brug af internettet. For eksempel “wearables” såsom intelligente ure bliver stadig mere populært, derfor er det nødvendigt at sikre at din hjemmeside kan ses overalt på tværs af enhver enhed.

HUSK PÅ..

Det er meget forskelligt, hvem som skal se ens hjemmeside. Uanset om du befinder dig i et B2B marked eller et B2C, så er det fælles for alle, at man ønsker at præsentere sin hjemmeside og sin virksomhed professionelt. Med et responsivt layout bør du ikke bekymre dig, uanset om dine kunder besøger siden fra sin mobil eller en 50 tommer skærm fra en stationær PC.

Antallet af besøg fra mobilen er meget afhængigt af ens målgruppe, dog kan Google Analytics oplyse dig om, hvor mange som besøger din hjemmeside fra en mobil eller en anden enhed.

COWEB OG RESPONSIVT LAYOUT

Hos webbureauet CoWeb, som er lokaliseret i centrum af Odense, er det en selvfølge at arbejde med responsivt layout. Vi har arbejdet med udvikling af hjemmesider i mange år og sikrer os, at det endelige resultat matcher dine forventninger. Ofte kan det, at gøre sin hjemmeside responsiv, virke som en større udfordring. Sandheden er dog en anden, når man som os har arbejdet med dette i mange år. Vi kan omlægge din hjemmeside med et nyt flot responsivt layout, og samtidigt give de fleste hjemmesider en ny grafisk opgradering.

CoWeb er specialister i at skabe hjemmesider, og derfor kan det være en god idé, at overlade udvikling samt vedligeholdelse af jeres hjemmeside til os. Det er hvad vi lever af, og vi er gode til det! Så kan du fokusere på de elementer af din virksomhed, hvor du virkelig kan gøre en forskel.

Skulle du have i tankerne, om din hjemmeside skal omlægges og opgraderes, så kontakt os endelig. 95% af alle vores kunder kommer tilbage med mere arbejde, fordi de har haft en god oplevelse. Du kan læse mere om vores tidligere projekter her.

Niclas Johansen

Niclas Johansen

+45 42 90 99 71
nwj@coweb.io

"Skal vi give vores bud på, hvordan din side kan optimeres?"

Skal jeg ringe til dig?

Skriv et svar

Coweb - dit digitale bureau
  • Info@coweb.io
  • +45 42 90 99 71
[index]
[index]