Utgiverveksttaktikker for valgsesongen | WEBINAR
Utgiverveksttaktikker for valgsesongen | WEBINAR
Gjennom denne modulen lærer du hva bildeoptimalisering er, dens betydning for SEO, de beste praksisene for å bruke den effektivt og de vanlige fallgruvene du bør unngå når du optimaliserer bilder.
Videovarighet
19:24
Svar Quiz
Ta gjeldende modulquiz
Materialer
Klar til bruk maler
Ressurser
Rapporter og ressurser
Ingen quizer å vise for denne modulen.
Bildeoptimalisering er å bruke beste praksis på bildene du bruker på siden din, slik at innholdet ditt rangeres bedre på søkemotorresultatsidene (SERP).
Internett-brukere har vist en økt preferanse for større visuelt innhold . Dette betyr å optimalisere bilder er like viktig som å optimalisere 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 på riktig måte og gjennomsøke det, for å vise det i SERP-er, bør bildet være optimalisert i tråd med Googles retningslinjer , og riktig identifisert med de relevante metadataene.
I denne modulen tar vi et dypere dykk inn i de fremtredende aspektene ved bildeoptimalisering.
Bilder er også innhold. Som med tekst, vises de i søkeresultater og påvirker hvor nyttig en leser finner siden din. Her er grunnen til at 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 innlastingstiden. Siden hastighet på nettstedet er en viktig rangeringsfaktor, påvirker dette SEO direkte. Utover nettstedhastighet kan uoptimaliserte bilder også påvirke brukeropplevelsen ved å forårsake problemer som layoutskifter.
Disse faktorene påvirker kjernenettverket (CWV) på nettstedet ditt, som Google bruker for å måle sideopplevelsen.
For mer om CWV-er, se vår detaljerte sideopplevelsesmodul her .
Bildeoptimalisering innebærer riktig identifisering og merking av bilder ved hjelp av ALT -tekst og strukturerte data, legge til bilder til sitemaps og lage nye nettsteder for bilder . Alle disse hjelper web crawlers raskt og riktig identifiserer og behandler bildene på en side, og forbedrer dermed gjennomgangshastigheten og effektiviteten.
Google-søk blir mer visuelle , i stedet for bare å være om tekstbaserte søkeord alene. Antall bilder på Google har steget det siste tiåret, noe som gjør det viktigere enn noen gang å optimalisere bildet ditt.
Så tidlig som i 2018 kunngjorde Google sitt engasjement for å gjøre visuelt innhold mer sentralt for å søke . Følgelig rullet Google ut flere nyere funksjonaliteter - for eksempel bildetekster, raske fakta og relaterte søk - som alle er avhengige av bilder. Som forlegger vil det å tappe inn disse funksjonene sannsynligvis direkte påvirke din SEO og innholdsoppdagbarhet.
Ta en titt på hva som skjer når vi søker etter FIFA -VM i Qatar.
Det er nå et dedikert sidepanel til høyre som viser bilder, som inneholder rett over Wikipedia -oppføringen for søkeordet.
Hvis du klikker på kategorien Images, utvides ikke bare antallet Blawable Image -alternativer, men som vi kan se i den grønne boksen under den, tilbyr nå en karusell av foreslåtte termer som lar deg filtrere bilder med navn.
Rulling lenger ned (som vist på bildet nedenfor) avslører flere anbefalinger for relaterte søk som kan hjelpe til med å begrense resultatene eller utvide spørringen.
Å ha bilder fra innholdsrangering i toppbildene er en annen måte for utgivere å forbedre innholdsoppdagelsen.
Google har også utviklet og oppdatert Google Lens -dens AI-aktiverte bildegjenkjenningsteknologi som finnes i søkefeltet til Google-appen for iOS og Android
- For å gjøre det 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 sin, og deretter be Google om å få opp kamper.
En kraftig funksjon i Google Lens er Multisearch, som lar brukerne legge til tekstbeskrivelser til bildesøk for å gjøre det lettere å søke etter visuell informasjon.
Google jobber også for å gjøre multisearch mer lokal, noe som betyr at brukere kan peke kameraene sine på 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 sted.
Til tross for dens åpenbare betydning, har utgivere ofte en tendens til å slite med bildeoptimalisering på grunn av noen ofte observerte 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, etc.
Når det gjelder bildeoptimalisering, er det imidlertid ikke sikkert at utgivere er klar over hvilke beregninger for å overvåke og forbedre. Vanlige beregninger inkluderer bildestørrelse, bildetype og lastehastighet, for å nevne få.
Med regelmessig optimaliserende bilder for de mange artiklene du lager, kan dette gjøre dette til en kjedelig oppgave. Selv om det er måter å optimalisere bilder på, er det også viktig. Det er en balanse som er viktig å oppnå gjennom streng testing.
Nå som vi forstår hva bildeoptimalisering er og hvorfor det er viktig for SEO, kan vi begynne å se på hvordan vi skal gjøre optimaliseringsprosessen.
PNG og JPEG er de to mest populære og universelt støttede bildeformatene . Å vite hvilken av de to de skal bruke i hvilken situasjon er viktig.
Mens PNG fungerer bra for skjermbilder, grafikk og bilder med tekst i seg, er JPEG bra for fotografier. PNG bruker tapsfri komprimering som hjelper den med å beholde bildekvaliteten, mens JPEG reduserer bildekvaliteten hver gang den lagres i formatet.
SVG (skalerbart vektorformat) er ideell for logoer og enkle geometriske former med lav bildekompleksitet.
Nyere formater som WebP og AVIF får raskt popularitet som alternativer til ovennevnte formater. Mens begge formatene gir oppløsning av høyere kvalitet sammen med muligheten til å støtte animasjon, støttes spesielt WebP på tvers av alle moderne nett- og mobilnettlesere.
I det hele tatt er imidlertid PNG og JPEG/JPG fortsatt de mest populære bildeformatene som brukes av henholdsvis 81,3% og 76,6% av alle nettsteder, med SVG etter nøye bak, fra november 2022.
Den kollektive størrelsen på bilder på siden din har en direkte innvirkning på belastningshastigheten. Imidlertid bør komprimering ikke resultere i subpar -bildekvalitet.
Det er viktig å finne riktig balanse mellom kvalitet og størrelse, men kan være tungvint hvis du prøver å gjøre det gjennom prøving og feiling. Imidlertid er det her online verktøy virkelig kan skinne. Verktøy som Imagemin kan brukes til å komprimere bilder på tvers av forskjellige formater i både tapsrike og tapsfrie scenarier.
Å bruke riktig format kan hjelpe deg med å finne den treffende balansen også. Tenk for eksempel på å bruke WebP. WebP er et bedre alternativ til JPEG, da det kan gi en 30% lavere bildestørrelse uten å påvirke kvaliteten og oppløsningen.
Hvis WordPress er ditt valgte CMS, kan du bruke en plug-in som Smush , Optimus eller Imsanity for å optimalisere bildene dine. Disse hjelper deg med å komprimere, endre størrelse, late belastningsbilder og mer. Du kan også se på å erstatte animerte bilder som GIF -er (som kan være stor i størrelse) med CSS. CSS -animasjon og effekter kan hjelpe deg med å lage komplekse bilder som beholder oppløsningsintegritet og kvalitet selv gjennom høy zooming.
Et bildenavn hjelper Google med å forstå bildets kontekst når det gjelder rangering av det i SERP. For større publikasjoner kan det ikke alltid være mulig å nøye navngi alle bildene på nettstedet. I dette scenariet kan du opprette et bildekart som kan hjelpe Google med å lokalisere bildet, forstå dets formål og indeksere det.
Bortsett fra kontekstuelle filnavn, anbefaler vi også å legge til en tittel og bildetekst for bildet. Selv om dette er valgfrie attributter, kompletterer de innholdet ditt ved å gi søkemotoren en mer helhetlig forståelse av emnet og temaet ditt, og dermed hjelpe det med å indeksere bildet .
Hvordan gjøre dette
Bildenavn må legges til i sidens kildekode. Dette gjøres ved hjelp av IMG SRC-attributtet enten manuelt eller en CMS-plug-in.
Hvis bildet ditt inneholder en fotball, bør koden for bildekilden se ut som dette<img src=”football.jpg”/> , som hjelper Google til å forstå hva bildet inneholder. På den annen side kode som ser slik ut<img src=”IMG11082022.jpg”/> er vag og tilbyr ingen kontekst.
Når folk ikke kan se bildene dine - et problem for de med en visuell svekkelse eller når lav båndbredde gjør gjengivelse av bildene dine vanskelig - hjelper ALT -tekstattributter til å beskrive bildet for dem. Dette hjelper også søkemotorer til å krype og indeksere bildene dine lettere.
Hvordan gjøre dette
Fortsetter med eksemplet fra punktet over, skal koden for ALT -teksten vises Kike så<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 til bildene dine, kan du gi Google den nødvendige informasjonen for å liste dem som rike resultater og utdrag. Dette gir brukerne mer informasjon som hjelper dem å velge hvilken lenke de skal klikke, og dermed driver mer trafikk til siden din.
For tiden støtter Google strukturerte data for bilder på tvers av produkter , videoer og oppskrifter .
Hvordan gjøre dette
Google anbefaler å bruke JSON-LD for å lage strukturerte dataskript for innholdet og bildene dine.
Strukturerte data kan enkelt legges til ved hjelp av en av de flere gratis eller premium plugins som Schema Pro , Schema.press , etc. Enten du legger til bildestrukturdata manuelt eller gjennom en plug-in, vil trinnene innebære å legge til verdier for alle relevante bildeegenskaper og datatyper , validering av koden ved å bruke de rike resultatene og implementere den ved å sende inn bildesitemet-typene til Google for å være til å være til CRAWL og indeksen.
For å forstå mer om strukturerte data og hvordan du bruker dem, se modulen vår på skjemaet .
For å lære hvordan du oppretter og sender inn nettsteder, se vår detaljerte modul på Google News Sitemaps.
Sideopplevelse er et viktig kriterium som Google bruker når du rangerer sider. Et av elementene som utgjør sideopplevelse er laster hastighet.
Slik kan du optimalisere bilder for å forbedre sidelastningshastigheten:
I den er bare de kritiske ressursene lastet i begynnelsen, mens andre ressurser med lav prioritet er lastet på etter behov. Fordelene med lat belastning inkluderer redusert nettverkstrafikk og tilhørende båndbreddeproblemer og databrukskostnader, forbedret lesbarhet på lange sider, redusert belastning av inline -bilder som ikke gir verdi til innholdet, etc.
Lag responsive bilder
Brukere ser bilder på en rekke enheter. Implementering av SRCSET -attributtet for forskjellige enheter gjør at bildet kan vises leselig på forskjellige skjermstørrelser. Her er et eksempel på IMG SCRSET -koden:
Vi har dekket det essensielle for bildeoptimalisering. Poengene som er oppført nedenfor går imidlertid også langt i å bidra til å optimalisere bilder for SEO.
Alle bildene i verden kan ikke oppveie innhold av lav kvalitet. Hovedfokuset bør være innholdet som tar sikte på å imøtekomme brukernes behov. Bilder skal være en organisk forlengelse av den og brukes som et hjelpemiddel i den totale historiefortellingsprosessen. Å peppe siden med bilder som er irrelevante eller ikke -relaterte, vil ikke øke rangeringen.
Tvert imot, Google er imot slik praksis og anbefaler å bruke originalt innhold så mye som mulig. Innhold av høy kvalitet er det sikreste og sikrer at siden din rangerer godt i Google-søk, inkludert bildene du bruker.
Innholdet rundt bildet gir viktig informasjon til brukere og søkemotoren angående bildens relevans. Google anbefaler å plassere det viktigste bildet nær toppen av siden din.
Selv om det er et spørsmål om debatt om bilder plassert lenger nede på siden, så vel som de mot toppen, er det best å følge Googles retningslinjer for emnet.
All din innsats for bildeoptimalisering er usannsynlig å gi resultater hvis bildene dine ikke er tilgjengelige for GoogleBot som et resultat av roboter.TXT eller NO-INDEX-innstillinger.
Disse ber Google om ikke å indeksere eller krype innholdet ditt, noe som igjen betyr at det ikke vil vises på søkeresultatene. Du kan bruke "Inspiser URL" -funksjonen på GSC for å teste tilgjengeligheten til innhold og bilder.
Videre anbefaler vi også å sjekke for å se om et SafeSearch -filter gjelder for deg innhold på noen måte. SafeSearch er en brukerinnstilling levert av Google som tillater eller blokkerer bilder med eksplisitt innhold og krever at nettsteder skal merke innholdet på riktig måte .
Ikke bare er testing viktig for oppdagbarhet, det er også verdifullt å teste hvordan bildene dine faktisk vil vises på tvers av enheter, før du går live på siden. Google tilbyr også oppslukende visuelt innhold med historier som en del av webhistorierformatet . Selv om dette er spesielt designet for å bringe mobilvennlig visuelt innhold, vises bildene og teksten også i Google-bilder og oppdager. Du kan bruke "forhåndsvisning av utvikleren" for å teste innholdet ditt for mer overbevisende historiefortelling.
Copyright gratis bilder 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.
I følge Googles John Mueller kan dette gjøre det vanskeligere for bildet å rangere på Google Image Search. Så langt det er mulig, prøv å bruke originale bilder.
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 bruk av en beskrivende ALT -tekst bildene dine mer tilgjengelige for brukere. Google vil ta hensyn til ALT -tekstattributtene dine og har en tendens til å rangere dem høyere.
Imidlertid er det lett å bli fristet til å pakke inn nøkkelord med sikte på å rangere høyt i SERP -er. Dette er kjent som nøkkelordstopping og kan være skadelig for din innsats. Ikke bare kan det føre til en dårlig brukeropplevelse, men Google kan også anse sidespam .
Her er noen eksempler på feil å unngå og ALT -tekst gjort riktig.
Dommen: Dårlig, siden det mangler ALT -tekstattributt
Dommen: Dårlig, på grunn av nøkkelordstopping.
Dommen: Bra, men det skal være mer beskrivende.
Dommen: ideell
Mens Google har innebygd optisk karaktergjenkjenning (OCR) -teknologi for å lese teksten påtrykt på bilder, er den kanskje ikke 100% nøyaktig hver gang. Dessuten kan det hende at både brukere og søkemotorer ikke kan tyde teksten som er innebygd i bildet.
Hvis du har viktig informasjon å formidle, er det bedre å bruke tekst i stedet for et bilde.
Det vil sannsynligvis ikke være mulig å bruke originale bilder hver eneste gang. I slike tilfeller kan du bli fristet til å bruke Google Search for å finne nye bilder. Noen av disse bildene kan imidlertid være opphavsrettsbeskyttet, og begrenser bruken av dem. Dette betyr at du må sjekke bildets vilkår for gjenbrukbarhet før du bruker det på siden din.
Google Images tilbyr et filter kjent som "bruksrettigheter" for å søke etter bilder som følger med lisensinformasjon merket dem av vertssiden eller bildeleverandøren. Denne funksjonen er tilgjengelig i "Verktøy" -delen under søkeboksen.
Etter å ha valgt bildet kan du sjekke lisensdetaljene for å forstå implikasjonene, kostnadene (hvis noen) og krav til bruken av bildet.
Som du kan se på skjermdumpen ovenfor, under "bruksrettigheter" er lisensalternativene til Creative Commons and Commercial eller Other tydelige.
Generelt er bilder med en Creative Commons -lisens gratis å bruke, men kan kreve at kreditt blir gitt og sagt kilde. Bilder med kommersiell lisens har vanligvis en brukskostnad. Google anbefaler å gjennomgå lisensdetaljene før du bruker et bilde på siden din.
Innstillingen Max-Image-Preview lar deg angi den maksimale størrelsen for bildets forhåndsvisning når den vises på SERP-er. Hvis det ikke er noen verdi for denne innstillingen, vil Google vise bildet i standardstørrelsen.
Selv om dette gjelder alle Google -overflater som bilder, søk og oppdager, er det mer relevant når du bruker Discover hvor større formater gir en rikere UX.
Å bruke Max Image Preview -attributt er dokumentert for å forbedre CTR og trafikk for flere utgivere. Ved å bruke dette attributtet lar Google vise store bilder i forhåndsvisningen som de er, uten å prøve å komprimere dem eller endre innstillingene. Å ha store bilder av høy kvalitet i selve forhåndsvisningen er mer sannsynlig å fange søkernes interesse.
Innholdsleveringsnettverk (CDN) er outsourcede hostingplattformer som fungerer som et depot for bilder og andre mediefiler. På grunn av deres avanserte infrastruktur som fokuserer på latens- og båndbreddeproblemer, kan de tilby raskere sidelastningshastigheter enn interne hostede materiale. Fordelene med CDN må imidlertid evalueres for dine spesifikke behov.
Mens en CDN kan bidra til å løse noen få tekniske problemer, kan det skade tilbakekoblingsprofilen din. Backlinks er en av de høyest rangerte SEO-faktorene og er verdifulle for nettstedets utseende 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å en CDN i stedet for ditt eget nettsted, vil eventuelle tilbakekoblinger til det ta brukeren til CDNs vei for bildet, og dermed redusere de direkte besøkene på nettstedet ditt som en effektiv tilbakekobling ville ha gitt.
En bildepakke er en collage av bilder fra forskjellige nettsteder som kan vises i Google SERPs. De ser ut som dette.
Når du klikker på noen av miniatyrbildene, blir du imidlertid ikke automatisk dirigert til kildesiden. I stedet får du vist et Google Images -vindu med en utvidet versjon av det bildet, slik.
Det er bare når du klikker på bildet igjen - som sett på høyre panel på skjermdumpen ovenfor - at du vil forlate Google og ankomme kildesiden. Med andre ord, Google Images fungerer som en formidler her før rutingaksjonen er fullført.
Hvis bildet ditt er en del av en bildepakke, vil Google Search Console (GSC) registrere et inntrykk for det bildet hver gang pakken lastes i en SERP. Dette er takket være bildeattributtet til bildekoden din som inneholder URL -en din.
Men selv om du kan registrere et stort antall inntrykk, vil det faktiske antallet klikk til nettstedet ditt sannsynligvis være mye lavere takket være faktum Bildepakker som inneholder spørringsforfiningskoblinger som genererer et nytt Google Image -søkeresultat i stedet for å dirigere søkere fra plattformen.
På grunn av måten lenker om raffinement fungerer, samt hvordan GSC teller inntrykk og klikk, kan bildepakker dramatisk forvrenge klikkfrekvensen (CTR) for bilder.
Vi henvender oss nå til en casestudie av et nettsted for å dekonstruere hvordan det har implementert retningslinjene som er nevnt i denne modulen for å optimalisere bilder.
Kirbie Cravings er en San Diego-basert matblogg som har publisert hundrevis av oppskrifter på nettstedet. Hver oppskrift er ledsaget av livlige bilder av høy kvalitet.
Når vi høyreklikker på siden og ser på kildekoden, ser vi Max-Image-Preview: Stort attributt i<head> element helt i begynnelsen av kildekoden.
Som et resultat vises forlagets bilder av høy kvalitet i forhåndsvisninger på Google-overflater.
Til tross for at de er store, bremser ikke disse bildene ikke lastetiden.
Vi høyreklikker på bildet og velger "Inspiser". Dette åpner et panel på høyre side av siden vi kan inspisere egenskapene til det valgte elementet på siden. Vi ser følgende for ovennevnte bilde:
Vi ser to interessante ting her:
Som vi hadde diskutert tidligere, bidrar bilder hoveddelen av heft til en sides vekt, så det er viktig å holde dem lette for å få fart på sidelastingen.
Vi har også diskutert viktigheten av å bruke riktig filformat. Vi vil anbefale .jpg/.jpeg for fotografier, mens .png skal brukes til grafikk og digitale bilder. Vi kan se nedenfor som Kirbie Cravings bruker .png uansett hvor den er brukt digitale bilder som logoer og ikoner.
Neste, innenfor dette samme inspeksjonspanelet, når vi klikker på "Egenskaper", kan vi se at siden har brukt lat belastning, til tross for den relativt lette vekten på bildene.
Denne siden har nøye optimalisert bildene sine av:
Når det utvikler seg for bedre å betjene brukernes behov, er Google bundet til å legge til/oppdatere funksjoner og retningslinjer for bildeoptimalisering og dens innvirkning på søkeresultatene.
Ved å huske på det nåværende bildet av beste praksis når det gjelder nettstedet ditt, vil du være bedre posisjonert til å gi den beste UX, rangere høyere i SERP -er og til slutt drive trafikk på din måte.
Aktiv nå
Se mer
