Store billeder – hvorfor er det et problem? Når du har store og tunge billeder på din hjemmeside, kan det have en negativ indvirkning på brugeroplevelsen. Det kan tage længere tid for dine sider at loade, og det kan frustrere dine besøgende og få dem til at forlade din hjemmeside.
Heldigvis er der flere måder, du kan optimere dine billeder på, uden at gå på kompromis med kvaliteten. En af de mest effektive metoder er at reducere størrelsen på dine billeder. Dette kan gøres ved at komprimere dine billeder, så de fylder mindre i filstørrelse, men stadig ser skarpe og klare ud.
Der er forskellige værktøjer og plugins, du kan bruge til at komprimere dine billeder. Disse værktøjer kan automatisk optimere dine billeder, når du uploader dem til din WordPress-hjemmeside, så du ikke behøver at gøre det manuelt.
Hvad med SEO og billeder?
Nu når vi er igang med at kigge på de billeder du bruger på din hjemmeside, så kan vi ligeså godt lige gå nogle detaljer igennem som du kan udnytte til at forbedre din SEO samtidigt.
Ordentlige filnavne
Hvor mange gange har du set et billede IMG_0043.JPG eller DSC_4333.jpg – Jeg ser tit og ofte også “Screenshot 2018-12-44 23.44.22.jpg”.
Det er helt umuligt at vide hvad billedet indeholder ud fra filnavnet, så der gives ikke nogen SEO værdi. Så sørg for at give dine billeder et beskrivende filnavn, der inkluderer relevante søgeord. Dette vil hjælpe med at forbedre dine chancer for at blive fundet i søgemaskinerne.
Alt-tekst hjælper altså
Alt-tekst er en beskrivelse af dit billede i HTML-koden. Det er vigtigt at inkludere relevant alt-tekst, da det hjælper med at forbedre din SEO og også hjælper handicappede brugere med at forstå, hvad der er på billedet.
Sørg for at inkludere nøjagtige og beskrivende alt-tekst, der inkluderer relevante søgeord og beskriver indholdet af billedet på en klar og præcis måde. Dette vil hjælpe med at forbedre din SEO og brugeroplevelse på din hjemmeside. Det går vi lidt mere i detaljen med længere nede.
Hvad med æ,ø og å i et filnavn?
Du kan godt slippe afsted med at bruge danske vokaler, men jeg vil altid anbefale at du lader være. For mange år siden var det et problem at nogle browsere / operativ systemer ikke kunne forstå det der “æ” og så syntes billedet manglede. *host* Internet Explorer *host*
I dag forstår de fleste browsere og styresystemer at der findes andre sprog end engelsk når det kommer til tilnavne, men for at imødekomme dette så konverteres urls og filnavne til noget der er lettere at forstå. Alt i alt er det bedre bare at lade være med at bruge danske karakterer og accent’er i filnavne.
Det tager ikke lang tid at omdøbe et billede inden du uploader. Brug et par sekunder ekstra på dit billedmateriale, det kan give flere kunder i butikken.
Det er bedst at undgå at bruge danske karakterer og accent’er i dine filnavne for at undgå kompatibilitetsproblemer.
Filstørrelse – bredde, højde og kb
Når du skal vælge dit billedmateriale er det besværet værd at beskære hvis det er nødvendigt og skalere dit billede til dit behov.
I disse dage er det heldigvis både let at finde billedmateriale online, både bredt i udvalg og til fornuftige priser.
Du kan være heldig at finde et eller flere billeder på gratis sider, men du kan tit spare tid ved at gå direkte til photodune.net, unsplash.com, Pixabay eller en af de mange andre sider der findes online.
Når du har købt dine billeder og gemt dem på din maskine vil du opdage at billederne er ret store og det er fint hvis du gerne vil beskære.
Det er vigtigt at vælge den rette størrelse og filtype for dine billeder for at sikre hurtig indlæsning af din hjemmeside. Billeder med høj opløsning og store filstørrelser kan have en negativ indvirkning på din hjemmesides hastighed. Derfor anbefales det at beskære og skalere billederne til den ønskede størrelse.
WordPress beskærer automatisk billeder til maksimum 2.560 pixels i bredden, men det er stadig en god idé at optimere dine billeder før upload for at undgå unødvendig belastning af din hjemmeside. Du kan bruge værktøjer som Photoshop, GIMP eller online tjenester som TinyPNG til at komprimere dine billeder og reducere deres filstørrelse, samtidig med at kvaliteten opretholdes.
Derudover bør du også reducere filstørrelsen ved hjælp af en billedkomprimeringsplugin, såsom Smush eller ShortPixel. Disse plugins kan reducere filstørrelsen på dine billeder uden at gå på kompromis med kvaliteten.
Optimering af billeder kan have en stor indvirkning på hastigheden på din WordPress-hjemmeside. Ved at følge disse tips kan du optimere dine billeder og forbedre din hjemmesides hastighed og SEO-værdi. Husk at beskære og skalere dine billeder, bruge beskrivende filnavne og alt-tekst samt reducere filstørrelsen med en billedkomprimeringsplugin. Så få fat i dit billedmateriale i dag og lad det arbejde for dig!
Her er en liste over 10 online steder, hvor du kan optimere billeder:
- Kraken.io (https://kraken.io/) – Kraken.io er en populær online billedoptimeringstjeneste, der kan reducere størrelsen på billeder uden at påvirke kvaliteten.
- Tinypng (https://tinypng.com/) – Tinypng er en nem og hurtig måde at optimere PNG- og JPEG-billeder på din hjemmeside. Deres algoritme reducerer filstørrelsen uden at miste kvaliteten.
- Compressor.io (https://compressor.io/) – Compressor.io er en gratis online tjeneste, der kan reducere størrelsen på billeder uden at miste kvaliteten. Tjenesten understøtter flere billedformater, herunder JPEG, PNG, GIF og SVG.
- Imagify (https://imagify.io/) – Imagify er en online billedoptimeringstjeneste, der kan reducere filstørrelsen på dine billeder uden at gå på kompromis med kvaliteten. Tjenesten understøtter også WebP-billeder.
- ShortPixel (https://shortpixel.com/) – ShortPixel er en billedoptimeringstjeneste, der kan reducere filstørrelsen på dine billeder uden at miste kvaliteten. Tjenesten understøtter flere billedformater, herunder JPEG, PNG, GIF og WebP.
- JPEG Optimizer (https://jpeg.io/) – JPEG Optimizer er en gratis online tjeneste, der kan reducere størrelsen på dine JPEG-billeder uden at miste kvaliteten.
- ImageRecycle (https://www.imagerecycle.com/) – ImageRecycle er en online billedoptimeringstjeneste, der kan reducere filstørrelsen på dine billeder med op til 80%. Tjenesten understøtter flere billedformater, herunder JPEG, PNG, GIF og PDF.
- Optimizilla (https://imagecompressor.com/) – Optimizilla er en gratis online tjeneste, der kan optimere dine billeder uden at miste kvaliteten. Tjenesten understøtter flere billedformater, herunder JPEG og PNG.
- JPEGmini (https://www.jpegmini.com/) – JPEGmini er en online billedoptimeringstjeneste, der kan reducere filstørrelsen på dine JPEG-billeder med op til 80%, uden at gå på kompromis med kvaliteten.
- EWWW Image Optimizer (https://ewww.io/) – EWWW Image Optimizer er en online billedoptimeringstjeneste, der kan reducere filstørrelsen på dine billeder uden at miste kvaliteten. Tjenesten understøtter flere billedformater, herunder JPEG, PNG, GIF og WebP.
Hvad med produktbilleder til webshops
Til webshops anbefaler jeg at du finder en gylden standard størrelse, f.eks. 2000×2000 – Det er en god ide at tænke i kvadratiske størrelser, men det afhænger selvfølgelig af dit tema’s design hvilken størrelse der anbefales.
Nogle temaer laver nogle gange nogle lidt anderledes designs med produktbilleder der ser rigtigt godt ud, men hvis du generelt vil spare dig selv for noget besvær, så gå efter kvadratiske billeder.
Når du sørger for at dine produktbilleder har en ens størrelse gør det dit liv meget lettere. Hvis du bruger forskellige størrelser lader du din hjemmeside om at finde den rigtige størrelse og beskære billeder rigtigt og ikke skære noget forkert af.
Hvis du har brugt forskellige størrelse billeder kan du tit se din shop sider “hopper og danser”, det er resultatet af forskellige størrelse produktbilleder. Nogle temaer eller plugins kan sørge for at dine produktbilleder er ens beskåret, men det kan give lidt uheldige resultater.
Den der alt= tekst
Når vi nu er igang med at snakke SEO og billeder, så mangler der alt for ofte alt-tekster på billeder. Alt – teksten er den tekst der vises inden billedet indlæses, og det er den tekst der læses af Google som en beskrivelse af billedet.
Hvis du har sat et link på det billede så er det også den tekst som Google læser som “anchor text”. Dobbelt SEO-bonus!
Det tager et par sekunder ekstra, men hvis du prøver ihærdigt på at få flere besøgende og din hjemmeside har mange billeder så er det en ret simpel ting.
Hvilke værktøjer skal man bruge til optimering af billeder?
Når du vil optimere billeder til din WordPress-hjemmeside, kan du bruge forskellige værktøjer, der kan hjælpe dig med at reducere filstørrelsen og forbedre hastigheden på din hjemmeside.
Et populært værktøj er Shortpixel til WordPress. Dette plugin er ikke gratis, men det er til gengæld rigtigt godt. Shortpixel til WordPress kan nemt optimere dine billeder, samtidig med at det bevarer deres kvalitet. Du kan vælge mellem forskellige komprimeringsniveauer og endda vælge at optimere dine billeder i bulk.
Hvis du vil bruge et gratis plugin er der også flere, EWWW Image Optimizer til WordPress er et populært plugin.
En anden mulighed er TinyPNG, som er et online værktøj, der kan reducere størrelsen på dine PNG- og JPEG-billeder uden at miste deres kvalitet. Dette værktøj er nemt at bruge og kan give dig en betydelig reduktion af filstørrelsen på dine billeder.
Endelig kan du også overveje at bruge Photoshop eller et andet billedredigeringsprogram til at optimere dine billeder manuelt. Dette kan tage lidt længere tid, men det giver dig mere kontrol over den endelige billedkvalitet og filstørrelse .
Hvordan kan man undgå tab af billede kvalitet ved optimering af billeder?
Optimering af billeder er en vigtig del af at få din WordPress-hjemmeside til at indlæse hurtigt, men hvordan undgår man at miste kvaliteten af billederne?
En af de mest effektive måder at undgå tab af billede kvalitet ved optimering af billeder er ved at bruge et passende filformat. For eksempel er JPG-formatet ideelt til fotografier og andre billeder med mange farver, mens PNG-formatet er bedre egnet til grafik og billeder med gennemsigtighed.
En anden måde at undgå tab af billede kvalitet ved optimering af billeder er ved at justere komprimeringsniveauerne. Hvis du komprimerer for meget, kan det resultere i en forringelse af billedkvaliteten, mens en for lav komprimering kan resultere i lange indlæsningstider på din hjemmeside.
Alt-tekst automatisk via plugin
Pas på de der plugins der lover automatisk alt tekst på alle billeder.
Der er flere af disse plugins der kan automatisk sætte en alt tekst på et billede og tage fra f.eks. titlen af den side billedet bruges på. Det lyder jo rigtigt smart, men – kender du udtrykket “at tisse i bukserne for at holde dig varm”?
Det er lidt det samme, det giver en varm fornemmelse at løse alt-tekst problemet med bare et par klik, men det bliver hurtigt koldt igen og så har du bare et endnu større problem.
Hvis der er ti billeder på den side, så vil hvert af de 10 billeder have præcis den samme tekst/beskrivelse. Fra Googles side ligner det enten et forsøg på at være spam-agtig eller du bare har været doven. Uanset hvad så giver Google dig ihvertfald ikke nogen SEO bonus for dette.
Der er desværre ikke nogen vej udenom, men nu skal det ikke handle om SEO, det ved folk som Thomas Rosenstand meget mere om.
Hvis du er igang med at læse denne artikel så er det sikkert fordi du vil gøre din WordPress hjemmeside bedre og få mere trafik, og så skal du altså tage at bestille Thomas Rosenstand’s WordPress SEO kursus – benyt koden “GNAVPOT” og du en rabat når du bestiller 🙂
Thomas Rosenstand er Danmarks SEO guru og har bogstaveligt talt skrevet den bedste bog om SEO og han opdaterer den hvert år. Hvis du ønsker at forbedre din SEO og overhale konkurrenterne online så skal du købe SEO LEX SEO BOG – kåret som den bedste i Danmark
Skrevet af Lars Koudal
