Taktikker for utgivervekst i valgkampen | WEBINAR
Taktikker for utgivervekst i valgkampen | WEBINAR
Gjennom denne modulen lærer du hva bildeoptimalisering er, dens betydning for SEO, de beste fremgangsmåtene for å bruke det effektivt og de vanlige fallgruvene du bør unngå når du optimaliserer bilder.
Videoens varighet
19:24
Svar på quiz
Ta quiz for gjeldende modul
Materialer
Klar til bruk maler
Ressurser
Rapporter og ressurser
Ingen quizer å vise for denne modulen.
Bildeoptimalisering handler om å anvende beste praksis på bildene du bruker på siden din, slik at innholdet ditt rangerer bedre på søkemotorresultatsider (SERP-er).
Internettbrukere har vist en økt preferanse for mer visuelt innhold . Dette betyr at optimalisering av bilder er like viktig som optimalisering av teksten i innholdet ditt.
Bildeoptimalisering brukes for å produsere bilder i best mulig format, størrelse og oppløsning for å forbedre brukeropplevelsen (UX). For at Google skal kunne indeksere bildet og gjennomsøke det på riktig måte, for å vise det i SERP-er, bør bildet optimaliseres i tråd med Googles retningslinjer og identifiseres på riktig måte med relevante metadata.
I denne modulen skal vi dykke dypere inn i de viktigste aspektene ved bildeoptimalisering.
Bilder er også innhold. Som med tekst, vises de i søkeresultatene og påvirker hvor nyttig en leser synes siden din er. Her er hvorfor optimalisering av bilder er viktig for SEO.
For de fleste sider utgjør bilder over 70 % av vekten deres , noe som betyr at bruk av uoptimaliserte bilder kan redusere lastetiden. Siden nettstedshastighet er en viktig rangeringsfaktor, påvirker dette direkte SEO. Utover nettstedshastighet kan uoptimaliserte bilder også påvirke brukeropplevelsen ved å forårsake problemer som layoutendringer.
Disse faktorene påvirker nettstedets kjerneverdier (CWV-er), som Google bruker for å måle sideopplevelsen.
Hvis du vil ha mer informasjon om CWV-er, kan du se vår detaljerte modul for sideopplevelse her .
Bildeoptimalisering innebærer å identifisere og merke bilder riktig ved hjelp av alt-tekst og strukturerte data, legge til bilder i nettstedskart og lage nye nettstedskart for bilder . Alt dette hjelper webcrawlere med å raskt og korrekt identifisere og behandle bildene på en side, og dermed forbedre gjennomsøkingshastigheten og effektiviteten.
Google-søk blir mer visuelle , i stedet for å bare handle om tekstbaserte søkeord. Antall bilder på Google har økt kraftig det siste tiåret, noe som gjør det viktigere enn noensinne å optimalisere bildet ditt.
Allerede i 2018 annonserte Google sin forpliktelse til å gjøre visuelt innhold mer sentralt i søkeresultatene . Følgelig rullet Google ut flere nye funksjoner – som bildetekster, hurtigfakta og relaterte søk – som alle er sterkt avhengige av bilder. Som utgiver vil det å benytte seg av disse funksjonene sannsynligvis ha en direkte innvirkning på SEO og innholds synlighet.
Ta en titt på hva som skjer når vi søker etter FIFA World Cup i Qatar.
Det er nå et eget sidepanel til høyre som viser bilder, som vises rett over Wikipedia-oppføringen for søkeordet.
Hvis du klikker på Bilder-fanen, utvides ikke bare antallet søkbare bildealternativer, men som vi kan se i den grønne boksen nedenfor, tilbyr den nå en karusell med foreslåtte termer som lar deg filtrere bilder etter navn.
Hvis du blar lenger ned (som vist på bildet nedenfor), får du opp flere anbefalinger for relaterte søk som kan hjelpe deg med å begrense resultatene eller utvide søket.
Å ha bilder fra innholdet ditt rangert blant de beste bildene er en annen måte for utgivere å forbedre innholdsoppdagelsen på.
Google har også utviklet og oppdatert Google Lens – sin AI-aktiverte bildegjenkjenningsteknologi som finnes i søkefeltet i Google-appen for iOS og Android.
– for å gjøre den enda kraftigere.
Med Google Lens kan brukere søke etter mer informasjon om bilder enten ved å klikke på et bilde av noe eller ved å laste opp et bilde som er lagret på telefonen, og deretter be Google om å vise treff.
En kraftig funksjon i Google Lens er multisøk, som lar brukere legge til tekstbeskrivelser i bildesøk for å gjøre det enklere å søke etter visuell informasjon.
Google jobber også med å gjøre multisøk mer lokalt, som betyr at brukere kan rette kameraene sine mot noe, laste det opp til Google Lens, skrive inn noen spørsmål, og Google vil vise de beste resultatene i nærheten av deres nåværende posisjon.
Til tross for den åpenbare betydningen, har utgivere ofte en tendens til å slite med bildeoptimalisering på grunn av noen vanlige utfordringer.
Når det gjelder å optimalisere innhold for tekst, vet utgivere ofte hvilke parametere de skal overvåke og optimalisere – nøkkelord, innholdssøyler og -klynger, overskrifter og titler osv.
Når det gjelder bildeoptimalisering, er det imidlertid ikke sikkert at utgivere er klar over hvilke målinger de skal overvåke og forbedre. Vanlige målinger inkluderer bildestørrelse, bildetype og lastehastighet, for å nevne noen.
Med regelmessig optimalisering av bilder for de mange artiklene du lager, kan dette gjøre det til en kjedelig oppgave. Selv om det finnes måter å masseoptimalisere bilder på, for eksempel ved hjelp av plugins og et CDN, er det også viktig å opprettholde bildekvaliteten. Det er en balanse som er viktig å oppnå gjennom grundig testing.
Nå som vi forstår hva bildeoptimalisering er og hvorfor det er viktig for SEO, kan vi begynne å se på hvordan vi kan gå frem i optimaliseringsprosessen.
PNG og JPEG er de to mest populære og universelt støttede bildeformatene . Det er viktig å vite hvilket av de to man skal bruke i hvilken situasjon.
Mens PNG fungerer bra for skjermbilder, grafikk og bilder med tekst i, er JPEG bra for fotografier. PNG bruker tapsfri komprimering som bidrar til å bevare bildekvaliteten, mens JPEG reduserer bildekvaliteten hver gang den lagres i formatet.
SVG (skalerbart vektorformat) er ideelt for logoer og enkle geometriske former med lav bildekompleksitet.
Nyere formater som WebP og AVIF blir raskt populære som alternativer til formatene ovenfor. Selv om begge formatene gir høyere oppløsning og muligheten til å støtte animasjon, støttes WebP spesielt på tvers av alle moderne nettlesere og mobilnettlesere.
Alt i alt er imidlertid PNG og JPEG/JPG fortsatt de klart mest populære bildeformatene som brukes av henholdsvis 81,3 % og 76,6 % av alle nettsteder, med SVG tett bak, per november 2022.
Den samlede størrelsen på bildene på siden din har en direkte innvirkning på lastehastigheten. Komprimering bør imidlertid ikke føre til dårlig bildekvalitet.
Å finne den rette balansen mellom kvalitet og størrelse er viktig, men det kan være tungvint hvis du prøver å gjøre det gjennom prøving og feiling. Det er imidlertid her nettbaserte verktøy virkelig kan skinne. Verktøy som Imagemin kan brukes til å komprimere bilder på tvers av ulike formater i både tapsrike og tapsfrie scenarier.
Å bruke riktig format kan også hjelpe deg med å finne den rette balansen. Vurder for eksempel å bruke WebP. WebP er et bedre alternativ til JPEG , ettersom det kan gi en 30 % lavere bildestørrelse uten å påvirke kvaliteten og oppløsningen.
Hvis WordPress er ditt foretrukne CMS, kan du bruke en plugin som Smush , Optimus eller Imsanity for å optimalisere bildene dine. Disse hjelper deg med å komprimere, endre størrelse, laste inn bilder raskt og mer. Du kan også vurdere å erstatte animerte bilder som GIF-er (som kan være store i størrelse) med CSS. CSS-animasjon og -effekter kan hjelpe deg med å lage komplekse bilder som beholder oppløsningsintegritet og kvalitet selv ved høy zooming.
Et bildenavn hjelper Google med å forstå bildets kontekst når det gjelder å rangere det i SERP. For større publikasjoner er det ikke alltid mulig å gi alle bildene på nettstedet et nøyaktig navn. I dette scenariet kan du opprette et bildekart som kan hjelpe Google med å finne bildet, forstå formålet med det og indeksere det.
Bortsett fra kontekstuelle filnavn, anbefaler vi også å legge til en tittel og bildetekst for bildet. Selv om disse er valgfrie attributter, utfyller de innholdet ditt ved å gi søkemotoren en mer helhetlig forståelse av emnet og temaet ditt, og dermed hjelpe den med å bedre indeksere bildet .
Slik gjør du dette
Bildenavn må legges til i sidens kildekode. Dette gjøres ved hjelp av img src-attributtet enten manuelt eller med en CMS-plugin.
Hvis bildet ditt inneholder en fotball, bør koden for bildekilden se omtrent slik ut<img src=”football.jpg”/> , som hjelper Google med å forstå hva bildet inneholder. På den annen side, kode som ser slik ut<img src=”IMG11082022.jpg”/> er vag og gir ingen kontekst.
Når folk ikke kan se bildene dine – et problem for de med synshemming, eller når lav båndbredde gjør det vanskelig å gjengi bildene dine – hjelper alternative tekstattributter med å beskrive bildet for dem. Dette hjelper også søkemotorer med å gjennomsøke og indeksere bildene dine lettere.
Slik gjør du dette
Fortsetter vi med eksemplet fra punktet ovenfor, skal koden for alt-tekst se ut som den skal.<img src=”football.jpg” alt=""verden" cup official football on the ground”/> .
Hvis du er en erfaren utvikler, kan du legge til alt-teksten manuelt i sidens kode. Hvis du bruker WordPress, kan du følge disse trinnene:
Ved å legge til strukturerte data i bildene dine, kan du gi Google den nødvendige informasjonen for å liste dem opp som rike resultater og utdrag. Dette gir brukerne mer informasjon som hjelper dem med å velge hvilken lenke de skal klikke på, og dermed drive mer trafikk til siden din.
For øyeblikket støtter Google strukturerte data for bilder på tvers av produkter , videoer og oppskriftsskjemaer .
Slik gjør du dette
Google anbefaler å bruke JSON-LD for å lage strukturerte dataskript for innhold og bilder.
Strukturerte data kan enkelt legges til ved hjelp av en av de mange gratis eller premium plugin-modulene som Schema Pro , Schema.press osv. Enten du legger til bildestrukturdata manuelt eller via en plugin, vil trinnene innebære å legge til verdier for alle relevante bildeegenskaper og datatyper , validere koden ved hjelp av Rich Results-testen og deretter implementere den ved å sende inn bildekartet til Google slik at de kan gjennomsøke og indeksere bildene.
For å forstå mer om strukturerte data og hvordan du bruker dem, se modulen vår om skjema .
Hvis du vil lære hvordan du oppretter og sender inn nettstedskart, kan du se den detaljerte modulen vår om nettstedskart for Google Nyheter.
Sideopplevelse er et viktig kriterium som Google bruker når de rangerer sider. Et av elementene som utgjør sideopplevelsen er lastehastighet.
Slik kan du optimalisere bilder for å forbedre sideinnlastingshastigheten:
I den lastes bare de kritiske ressursene inn i begynnelsen, mens andre ressurser med lav prioritet lastes inn etter behov. Fordelene med lazy loading inkluderer redusert nettverkstrafikk og tilhørende båndbreddeproblemer og databrukskostnader, forbedret lesbarhet av lange sider, redusert lasting av innebygde bilder som ikke tilfører verdi til innholdet, osv.
Lag responsive bilder
Brukere ser bilder på tvers av en rekke enheter. Implementering av srcset-attributtet for forskjellige enheter gjør at bildet vises tydelig på tvers av forskjellige skjermstørrelser. Her er et eksempel på img scrset-koden:
Vi har dekket det viktigste innen bildeoptimalisering. Punktene nedenfor bidrar imidlertid også mye til å optimalisere bilder for SEO.
All verdens bilder kan ikke oppveie innhold av lav kvalitet. Hovedfokuset bør være innhold som tar sikte på å møte brukernes behov. Bilder bør være en organisk forlengelse av det og brukes som et hjelpemiddel i den overordnede historiefortellingsprosessen. Å fylle siden din med bilder som er irrelevante eller urelaterte vil ikke øke rangeringen din.
Tvert imot er Google imot slik praksis og anbefaler å bruke originalt innhold så mye som mulig. Innhold av høy kvalitet er det sikreste for at siden din rangerer godt i Google Søk, inkludert bildene du bruker.
Innholdet rundt bildet gir viktig informasjon til brukere og søkemotoren om bildets relevans. Google anbefaler å plassere det viktigste bildet nær toppen av siden din.
Selv om det er et spørsmål om diskusjon om bilder plasseres lenger ned på siderangeringen så vel som de som er øverst, er det best å følge Googles retningslinjer for emnet.
Alle dine anstrengelser for bildeoptimalisering vil sannsynligvis ikke gi resultater hvis bildene dine ikke er tilgjengelige for Googlebot som følge av robots.txt- eller no-index-innstillinger.
Disse forteller Google at den ikke skal indeksere eller gjennomsøke innholdet ditt, noe som igjen betyr at det ikke vil vises i søkeresultatene. Du kan bruke funksjonen «Inspiser URL» på GSC for å teste tilgjengeligheten til innhold og bilder.
Videre anbefaler vi at du sjekker om et SafeSearch-filter gjelder for innholdet ditt på noen måte. SafeSearch er en brukerinnstilling levert av Google som tillater eller blokkerer bilder med eksplisitt innhold og krever at nettsteder merker innholdet på riktig måte .
Testing er ikke bare viktig for synlighet, det er også verdifullt å teste hvordan bildene dine faktisk vil se ut på tvers av enheter, før de publiseres på siden. Google tilbyr også oppslukende visuelt innhold med historier som en del av sitt Web Stories-format . Selv om dette er spesielt utviklet for å bringe mobilvennlig visuelt innhold, vises bildene og teksten også i Google Bilder og Discover. Du kan bruke funksjonen «Forhåndsvisning for utviklere» for å teste innholdet ditt for mer fengslende historiefortelling.
Bilder uten opphavsrett er tilgjengelige fra en rekke kilder, som Pixabay, Unsplash og Pexels, for å nevne noen. Selv om disse kan være gratis å bruke, må du huske at det samme bildet kan ha blitt brukt av flere andre innholdsskapere.
Ifølge John Mueller i Google kan dette gjøre det vanskeligere for bildet å rangere i Googles bildesøk. Prøv å bruke originale bilder så langt det er mulig.
I tillegg til å følge de tidligere retningslinjene, er det også viktig å unngå disse vanlige fallgruvene for å optimalisere bildene dine bedre.
Som nevnt tidligere, gjør det å bruke en beskrivende alt-tekst bildene dine mer tilgjengelige for brukere. Google vil legge merke til alt-tekstattributtene dine og rangere dem høyere.
Det er imidlertid lett å bli fristet til å bruke nøkkelord med mål om å rangere høyt i søkeresultatene. Dette kalles nøkkelordeksess og kan være skadelig for innsatsen din. Ikke bare kan det føre til en dårlig brukeropplevelse, men Google kan også anse siden din som spam .
Her er noen eksempler på feil du bør unngå og alternativ tekst som er gjort riktig.
Konklusjon: Dårlig, siden den mangler alt-tekstattributtet
Konklusjon: Dårlig, på grunn av overflødig søkeord.
Konklusjon: Bra, men den burde vært mer beskrivende.
Konklusjon: Ideell
Selv om Google har innebygd optisk tegngjenkjenningsteknologi (OCR) for å lese teksten som er trykt på bilder, er det ikke sikkert at den er 100 % nøyaktig hver gang. Dessuten kan det hende at verken brukere eller søkemotorer klarer å tyde teksten som er innebygd i bildet.
Hvis du har viktig informasjon å formidle, er det bedre å bruke tekst i stedet for bilde.
Det vil sannsynligvis ikke være mulig å bruke originalbilder hver eneste gang. I slike tilfeller kan du bli fristet til å bruke Google-søk for å finne nye bilder. Noen av disse bildene kan imidlertid være opphavsrettsbeskyttet, noe som begrenser bruken av dem. Dette betyr at du må sjekke bildets vilkår for gjenbruk før du bruker det på siden din.
Google Bilder tilbyr et filter kjent som «Bruksrettigheter» for å søke etter bilder som har lisensinformasjon merket med av vertsnettstedet eller bildeleverandøren. Denne funksjonen er tilgjengelig i «Verktøy»-delen under søkefeltet.
Etter at du har valgt bildet, kan du sjekke lisensdetaljene for å forstå implikasjonene, kostnadene (hvis noen) og kravene for bruken av bildet.
Som du kan se på skjermbildet ovenfor, er lisensalternativene for Creative Commons og Commercial eller annet tydelige under «Bruksrettigheter».
Vanligvis er bilder med en Creative Commons-lisens gratis å bruke, men det kan være nødvendig å kreditere og oppgi kilde. Bilder med en kommersiell lisens har vanligvis en bruksavgift. Google anbefaler å gjennomgå lisensdetaljene før du bruker et bilde på siden din.
Innstillingen max-image-preview lar deg angi maksimal størrelse for forhåndsvisningen av bildet når det vises på søkeresultatene. Hvis det ikke er noen verdi for denne innstillingen, vil Google vise bildet i standardstørrelsen.
Selv om dette gjelder alle Google-plattformer, som bilder, søk og Discover, er det mer relevant når du bruker Discover, der større formater gir en rikere brukeropplevelse.
Det er dokumentert at bruk av attributtet for maksimal forhåndsvisning av bilde forbedrer klikkfrekvens og trafikk for flere utgivere. Bruk av dette attributtet lar Google vise store bilder i forhåndsvisningen slik de er, uten å prøve å komprimere dem eller endre innstillingene. Det er mer sannsynlig at store bilder av høy kvalitet i selve forhåndsvisningen fanger søkernes interesse.
Innholdsleveringsnettverk (CDN-er) er outsourcede hostingplattformer som fungerer som et arkiv for bilder og andre mediefiler. På grunn av deres avanserte infrastruktur som fokuserer på problemer med forsinkelse og båndbredde, kan de tilby raskere sideinnlastingshastigheter enn internt hostet materiale. Fordelene med CDN må imidlertid vurderes for dine spesifikke behov.
Selv om et CDN kan bidra til å løse noen tekniske problemer, kan det skade tilbakekoblingsprofilen din. Tilbakekoblinger er en av de høyest rangerte SEO-faktorene og er verdifulle for nettstedets visning i søkeresultatene. Du kan lære mer om verdien av tilbakekoblinger i modulen vår om emnet.
Når du er vert for et bilde på et CDN i stedet for ditt eget nettsted, vil eventuelle tilbakekoblinger til det ta brukeren til CDN-ens bane for bildet, og dermed redusere de direkte besøkene til nettstedet ditt som en effektiv tilbakekobling ville ha gitt.
En bildepakke er en kollasj av bilder fra forskjellige nettsteder som kan vises i Googles søkeresultater. De ser omtrent slik ut.
Når du klikker på et av miniatyrbildene, blir du imidlertid ikke automatisk sendt til kildesiden. I stedet vises et Google Bilder-vindu med en utvidet versjon av bildet, slik som dette.
Det er først når du klikker på bildet igjen – som vist i høyre panel på skjermbildet ovenfor – at du forlater Google og kommer til kildesiden. Med andre ord fungerer Google Bilder som en mellommann her før rutingshandlingen er fullført.
Hvis bildet ditt er en del av en bildepakke, vil Google Search Console (GSC) registrere en visning for det bildet hver gang pakken lastes inn i en SERP. Dette er takket være bildetaggens tittelattributt som inneholder URL-adressen din.
Men selv om du kan registrere et høyt antall visninger, vil det faktiske antallet klikk til nettstedet ditt sannsynligvis være mye lavere, fordi bildepakkene inneholder lenker for søksforbedring som genererer et nytt Google Image-søkeresultat i stedet for å lede søkere bort fra plattformen.
På grunn av måten lenker for spørreforbedring fungerer på, samt hvordan GSC teller visninger og klikk, kan bildepakker forvrenge klikkfrekvensen (CTR) for bilder dramatisk.
Vi ser nå på en casestudie av et nettsted for å dekonstruere hvordan det har implementert retningslinjene nevnt i denne modulen for å optimalisere bilder.
Kirbie Cravings er en matblogg fra San Diego som har publisert hundrevis av oppskrifter på nettstedet sitt. Hver oppskrift er ledsaget av livlige bilder av høy kvalitet.
Når vi høyreklikker på siden og ser kildekoden, ser vi max-image-preview:large-attributtet i<head> elementet helt i begynnelsen av kildekoden.
Som et resultat vises utgiverens bilder av høy kvalitet i forhåndsvisninger på Googles plattformer.
Samtidig, til tross for at de er store, reduserer ikke disse bildene lastetiden til siden.
Vi høyreklikker på bildet og velger «inspiser». Dette åpner et panel på høyre side av siden der vi kan inspisere egenskapene til det valgte elementet på siden. Vi ser følgende for bildet ovenfor:
Vi ser to interessante ting her:
Som vi diskuterte tidligere, bidrar bilder med mesteparten av vekten til en side, så det er viktig å holde dem lette for å få fart på sideinnlastingen.
Vi har også diskutert viktigheten av å bruke riktig filformat. Vi anbefalte .jpg/.jpeg for fotografier, mens .png bør brukes for grafikk og digitale bilder. Vi kan se nedenfor at Kirbie Cravings bruker .png overalt hvor det brukes digitale bilder som logoer og ikoner.
Deretter, i det samme inspeksjonspanelet, når vi klikker på «Egenskaper», kan vi se at siden har brukt lat lasting, til tross for bildenes relativt lette vekt.
Denne siden har omhyggelig optimalisert bildene sine ved å:
Etter hvert som Google utvikler seg for å bedre imøtekomme brukernes behov, er det uunngåelig at de legger til/oppdaterer funksjoner og retningslinjer angående bildeoptimalisering og dens innvirkning på søkeresultatene.
Ved å huske på gjeldende beste praksis for bilder når det gjelder nettstedet ditt, vil du være bedre posisjonert til å tilby den beste brukeropplevelsen, rangere høyere i SERP-er og til slutt drive trafikk din vei.
