Guide til billedoptimering, hastighed og SEO
Billeder spiller en central rolle på langt de fleste hjemmesider, men de udgør samtidig en af de hyppigste årsager til langsom indlæsningstid. For mange og for store billeder kan gøre din hjemmeside markant langsommere, og det påvirker både brugeroplevelsen og dine placeringer i Google.
Med korrekt billedoptimering kan du forbedre både hastighed og SEO. Det handler især om billedstørrelse, filformat, navngivning og alt-tekst.
Billedstørrelse i pixels – vælg den rigtige dimension
Et billedes størrelse – længde x højde – bliver målt i pixels. En god tommelfingerregel er, at billeder til hjemmesiden i fuld bredde ikke behøver at være større end 1920 pixels i bredden, da det dækker de fleste skærmopløsninger.
Bruger du et layout med flere kolonner, og billedet kun skal fylde én kolonne, kan du reducere bredden tilsvarende – dvs. 1920/2 = 960 pixels. Mange hjemmesider er designet til en samlet bredde på 1000–1400 pixels, hvilket betyder, at du ofte kan gå endnu længere ned i billedbredde uden kvalitetstab.
Billedets højde afhænger af dit design og anvendelse.
Billedstørrelse i KB – reducér filens vægt
Ud over dimensioner i pixels har billedets filstørrelse stor betydning for hastigheden. Filstørrelsen måles typisk i kilobytes (KB) eller megabytes (MB).
Som udgangspunkt bør billeder på din hjemmeside ikke fylde mere end 150 KB – og gerne mindre. Mange billeder kan komprimeres til 100 KB eller derunder uden synligt tab af kvalitet. Jo lettere billederne er, desto hurtigere bliver din hjemmeside indlæst.
Tilpas billeder før upload til WordPress
For at opnå optimal billedoptimering bør du tilpasse dine billeder, inden du uploader dem til WordPress’ mediebibliotek. Det gælder både dimensioner og filstørrelse.
Det anbefalede billedformat i dag er WebP, som er udviklet til at gøre nettet hurtigere. WebP giver højere komprimering end JPG og understøtter transparens som PNG, og det gør formatet ideelt til moderne hjemmesider.
Værktøjer til billedredigering og WebP
Du kan bruge gratis billedredigeringsprogrammer som GIMP til at tilpasse billedets bredde, højde og filstørrelse samt gemme billeder i WebP-format.
Har du allerede billeder i JPG- eller PNG-format på din hjemmeside, kan du installere et WordPress-plugin, der automatisk konverterer og optimerer billeder. Populære løsninger inkluderer Imagify og EWWW Image Optimizer. Alternativt kan du benytte online værktøjer som Pixelied til billedkonvertering.
Automatisk billedskalering i WordPress – en nødløsning
Hvis du ikke tilpasser billeder manuelt, skalerer WordPress automatisk billeder, der er bredere end 2560 pixels, ned til denne størrelse. Billeder under 2560 pixels i bredden bliver ikke skaleret.
Denne automatiske skalering reducerer dimensionerne, men filerne er tit stadig tungere, end de behøver at være. Du kan også beskære dine billeder med indbyggede værktøjer i WordPress, men du har ikke kontrol over kvaliteten. Derfor bør du se funktionen som en nødløsning – ikke som en erstatning for korrekt billedoptimering.
Navngivning af billeder – vigtigt for SEO
Når du uploader billeder, bør du altid ændre filnavnet. Standardnavne som IMG_3344 fortæller hverken brugere eller søgemaskiner noget om billedets indhold, og det er et problem for SEO, da Google kun kan læse tekst.
Navngiv dine billeder efter motivet – dvs. beskrivende – og brug gerne dit primære søgeord, hvis det er relevant. Bruger du det samme billede på flere sider, bør du give filerne forskellige navne. Det kræver lidt ekstra arbejde, men det øger dine chancer for bedre synlighed i Google.
Alt-tekst på billeder – et stærkt SEO-signal
Alt-tekst (alternativ tekst) er et af de vigtigste elementer inden for billed-SEO. Alt-teksten er den tekst, der bliver vist, hvis billedet ikke kan indlæses. Den bliver også brugt af skærmlæsere for tilgængelighed.
Når Google crawler din hjemmeside, læser den alt-teksterne på dine billeder. En god alt-tekst er kort, præcis og beskrivende. Den forklarer, hvad billedet viser i den kontekst, det indgår i. Dit relevante søgeord bør indgå naturligt i alt-teksten, uden at teksten virker kunstig.
Korrekt brug af alt-tekst forbedrer både SEO, tilgængelighed og brugeroplevelse.
Hvem skriver?
Jeg, Yth Høgfeldt Jedrzejczyk, er kommunikationsrådgiver og designer samt stifter af VITALkommunikation.
Med en cand.mag. i engelsk og massekommunikation og mere end 20 års erfaring med marketing og kommunikation hjælper jeg virksomheder med at skabe klar og effektiv kommunikation på tværs af medier og målgrupper.
Jeg har særlig ekspertise i udvikling af hjemmesider og salgsmaterialer, der styrker både brand og salg.
