Tjekliste til det responsive website – sådan undgår du at få bank af Google

Af
Rune Bernth
27. september 2018
Del

Der er næppe nogen, der vil bestride, at Google har en kæmpe værdi for virksomheder, der gerne vil findes online. Det er Googles algoritme, som sørger for, at vi får kvalificerede resultater, når vi søger.

Men hvordan afgør Google, hvad der kan karakteriseres som kvalificerede resultater? Der er mange ting, der spiller ind – for eksempel hvor mange der linker til dig, om dine tekster er relevante i forhold til søgningen, og om din hjemmeside er bygget ordentligt op.

Det er allerede flere år siden, at søgninger fra mobil oversteg søgninger fra desktop på Google. Derfor kommer det heller ikke som en stor overraskelse, at Google prioriterer at vise mobilvenlige søgeresultater frem for ikke-mobilvenlige. Faktisk vurderer Google din hjemmesides kvalitet ud fra din mobilversion med deres mobile-first index. Der er altså ingen vej uden om at optimere din hjemmeside til mobil.

For brugerne er det fedt, fordi det giver bedre resultater i mobile søgninger. Men hvis du som virksomhed ikke har et responsivt website – altså et website, som selv tilpasser sig mindre skærme, som eksempelvis mobil – ja, så er det knapt så fedt.

Hvordan kommer man i gang med at søgemaskineoptimere? Hvad skal man have styr  på? Det har vi et godt bud på. Få din tjekliste med de 10 ting, du bør  prioritere at gå i gang med først.

Sådan gør du dit website responsivt

Du sætter gang i processen med at lavet dit website responsivt. Du kan godt bruge alt dit nuværende indhold og blot få lavet sitet responsivt, og så er alt godt igen.

Der er dog en række vigtige elementer, som du skal have styr på, inden dit website bliver lavet om. Her er en tjekliste, som du bør snakke med dit bureau om:

1. God semantisk kode

Det er nu ikke noget nyt, blot fordi det er responsivt, men sørg altid for at få bygget god semantisk kode. Det betyder, man overholder nye standarder for at give så god en oplevelse som muligt både for brugere og søgemaskiner.

2. Undgå ”dobbelt-HTML”

Når man bygger responsivt, så kan man skjule og vise elementer, alt efter hvilken platform der bruges. Er det en tablet, så viser vi noget bestemt. Er det en mobil, så viser vi noget andet.

Udfordringen er, at det gør løsningen større og dermed langsommere. God kode skal kunne omforme indholdet til de forskellige platforme og dermed undgå “dobbelt-HTML”.

3. Menu

Menustrukturen bliver endnu vigtigere, nu hvor der er mindre plads at navigere på. Der skal laves en mobilmenu, som reagerer på tryk. Et fingeraftryk er cirka 35x35 pixels, og det skal være nemt at ramme de enkelte punkter. Samtidig skal brugerne ikke scrolle for meget for at kunne se hele menuen.

4. Klik vs. tryk

Hvor vi før klikkede, der trykker vi nu. Så husk, at de effekter, man før havde ved at holde musen over noget, nu forsvinder. For eksempel at links bliver understreget, når musen føres over dem på desktop. Derfor er det vigtigt, at man designer det på en måde, så forståelsen af indholdet er intakt, selv om man ikke har den ekstra effekt at arbejde med.

5. Prioriter indholdet

Når skærmen bliver mindre, skaber man plads til indholdet ved at lade flere elementer ”falde nedad”, så de kommer til at lægge vertikalt frem for horisontalt. Derfor er det vigtigt at prioritere rækkefølgen, så det kan lægges på den måde, der giver bedst mening for brugeren. Det er også muligt at skjule indhold, som ikke har relevans på en mobil.

6. Skriftstørrelser

Skriftstørrelsen skal tilpasse sig de forskellige størrelse skærme. Det er et af de punkter, som Google går ind og tjekker efter, og samtidig er det afgørende for, om folk gider læse på dit website fra mobilen eller ej.

7. Gør ikoner vektoriserede

I stedet for at bruge bitmap (gif og jpg) til ikoner, så sørg for, at de bliver bygget direkte i css. På den måde bliver de pænest muligt på retina-skærme (for eksempel iPhone og iPad), og kan bruges i alle mulige sammenhænge.

Brug tjeklisten, når du får lavet din responsive løsning. Men lad være med at overreagere. Det er ikke nødvendigt at opfylde hele listen, når det handler om at have et godt website. Det vigtigste er stadig at have godt indhold. Uden det rigtige indhold vinder du alligevel ikke noget på at få en flot, responsiv løsning.

New call-to-action

Your current browser is not supported

To continue using our site please upgrade to the latest version of Chrome, Firefox or Microsoft Edge.