TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Nybegynnerguide for image SEO

9

Vanligvis fokuserer nettredaktører på å optimalisere tekstinnhold på nettstedet ved å endre titler, metabeskrivelse og søkeord. Imidlertid er optimalisering av bilder på siden like viktig for å forbedre sideinnlastingshastigheten. Et attraktivt bilde kan enkelt engasjere brukerne til å lese innholdet ditt. I tillegg blir bildesøk i denne mobile verden populært som websøk. I denne artikkelen vil vi forklare grunnleggende om SEO for bilder og riktig bruk av bilder på nettstedet ditt for bedre brukeropplevelse.

Relatert: Hvordan optimalisere bilder og forbedre sidehastighetshastigheten for WordPress?

Viktigheten av Image SEO

Det er mange brukere som søker etter bilder fra Google bildesøk. Dette har et stort potensial, spesielt for fotografering og nisjer for netthandel. I tillegg bruker sosiale nettverk som Pinterest og Instagram også bilder for å koble interessante brukere rundt om i verden. Derfor er det en potensiell mulighet for nettredaktører å optimalisere bilder på nettstedet for søkemotorer og trekke trafikk fra det.

Tidligere kan du spore trafikken fra images.google.com i Google Analytics -rapportering. Imidlertid avbrøt Google dette, og nå kan du bruke "Ytelse" -rapporten i Google Search Console. Du kan klikke på et hvilket som helst søk og finne kilden til trafikken som kommer fra bildet.

Grunnleggende om image SEO

Vurder punktene nedenfor for optimalisering når du bruker bilder på nettstedet ditt:

1 Bildetekst av et bilde

Legg til en bildetekst eller et navn på hvert bilde på nettstedet ditt. Dette hjelper brukerne med å forstå bildet bedre og også enkelt for deg å vedlikeholde bildene, spesielt når du migrerer et nettsted fra en plattform til en annen. Husk at navnet på bildet ikke har noen rolle i søkemotoroptimalisering. Men når bildet ikke har alt -tekst, vil søkemotorer prøve å forstå det ut fra tekstinnholdet rundt bildet. Bruk derfor passende bildetekst som er relevant for tekstinnholdet.

2 Alternativ tekst (Alt -attributt)

Å gi alternativ tekst til bilder er det viktigste du må sikre. HTML alt -attributtet lar deg gi en alternativ tekst for et bilde i

<img src="image.jpg" alt="SEO For Images">

Alt tekst er nyttig i to scenarier – den ene er for nettleserstøtte og den andre er for søkemotorer. Når en nettleser av en eller annen grunn ikke støtter bildet ditt, viser den alt -teksten i stedet for et bilde. Dette vil hjelpe brukerne til å forstå det mulige bildet som skal vises og fortsette å lese uten store forstyrrelser. Nedenfor er et eksempel på det ødelagte bildet som viser alt tekst i nettleseren.

Nybegynnerguide for image SEO

Alt tekst i ikke-kompatibelt bilde

Siden søkemotorer ikke helt kan forstå betydningen av et bilde, bruker de alt -tekst som tekstekvivalenten til et bilde. Så effektiv bruk av alt -tekst øker muligheten for nettstedets synlighet i søkeresultater, spesielt på bildesøk.


Søkemotoroptimaliseringsartikler


3 Størrelse på et bilde

Bruk riktig størrelse for bildet slik at brukerne kan se det tydelig. Hvis du gir et veldig lite eller veldig stort bilde, gjør brukeren flau og forlater nettstedet ditt. Store bilder reduserer også sideinnlastingshastigheten og påvirker rangeringen på Googles søkeresultater. Sørg for å bruke, riktig bildestørrelse som er egnet for nettstedets layout, og unngå å endre størrelsen på bildene med CSS når du laster inn.

Vi anbefaler på det sterkeste å komprimere bildet ved hjelp av tredjepartsverktøy før du laster det opp på nettstedet ditt.

4 Bruk responsive bilder

Borte er dagene for å vise større bilder som ikke passer på mobilenhetens bredde. Bruk adoptiv eller responsiv teknologi som automatisk endrer størrelsen på bildene slik at de passer til visningsenhetens bredde. Dette vil sikre lesbarheten, og derfor vil brukerne ha en tendens til å bokmerke og komme tilbake til nettstedet ditt.

Nybegynnerguide for image SEO

Responsivt nettsted

4 Plassering av bildet

Vis bildene dine på et sted der brukerne enkelt kan se det relatert til innholdet. Visning av ikke -relaterte bilder eller visning av det på upassende sted vil gjøre brukeren forvirret om formålet med bildet. Dette gjelder også for bildeannonsene hvis du viser annonser på nettstedet ditt.

SEO -tilbud: Optimaliser nettstedet ditt med Semrush Pro 14 dagers gratis prøveperiode.

5 Strukturere bildemappe

Organiser alle bildene på nettstedet ditt under samme mappe i stedet for å spre dem under for mange forskjellige mapper. Dette hjelper søkemotorer med å se og ta alle bildene av nettstedet ditt fra ett sted i stedet for å se på forskjellige steder. Det anbefales også å klassifisere bildene under månedlige undermapper for filtrering. Noen av innholdshåndteringssystemene som WordPress tilbyr denne funksjonen som standard, noe som gjør rengjøringen enkel for nettredaktører.

6 Riktig bildetype

Det er mange generelle bildetyper som PNG, JPEG, GIF og BMP. Hver bildetype tjener forskjellige formål og passer for forskjellige anledninger. Selv om alle nettlesere støtter disse vanlig brukte bildetyper, sjekk kvaliteten og størrelsen på bildene på nettstedet ditt og optimaliser deretter. Det er også nye bildetyper som JPEG2000 og WebP. Google presser nettredaktører til å bruke disse optimaliserte bildetyper. Imidlertid støtter ikke alle nettleserne disse nye bildetyper. Derfor, når du bruker nye bildetyper, må du sørge for at de vanlige PNG- eller JPEG -bildene ser tilbake.

7 Bilde -nettstedskart

Hvis du bruker bilder som en primær trafikkilde på nettstedet ditt, er det en god idé å generere et bilde -nettstedskart og sende det til søkemotorer som ligner på vanlige XML -nettstedskart. Bilde -nettstedskart bør inneholde detaljene i bildene på hver side, slik at søkemotorer enkelt kan gjennomsøke og indeksere dem deretter.

8 Lazy Loading

Lazy loading er en teknikk for å utsette bilder utenfor skjermen som brukere ikke ser for øyeblikket. Når du har mange bilder på siden fra topp til bunn, er det fornuftig å vise bildene på det synlige området på skjermen for brukeren. Andre bilder ned på siden vil bare lastes inn når brukeren ruller til den posisjonen. Du kan bruke lat lasting uavhengig av hverandre ved hjelp av tredjeparts script eller finne passende plugin avhengig av innholdshåndteringssystemet du bruker.

9 Visning av bilder fra underdomenet

Et bilde kan fortelle tusen ord. Selv om det er lett å formidle et budskap med bilder, vil bruk av flere bilder på en side drastisk øke sidelastetiden. Hvert bilde på en side sender en egen http -forespørsel til serveren og gjør innlastingen tregere enn tekstinnholdet.

Den mulige løsningen for å forbedre sidehastigheten er å vise alle bildene dine fra forskjellige domener eller underdomener. Dette hjelper bildene med å laste inn parallelt og forbedrer sidehastigheten. Siden bilder er statiske filer uten informasjonskapsler, vil servering fra separat underdomen også øke sidelastingspoengene for sidene dine.

10 Bruk hurtigbufring og CDN

Brukere får tilgang til nettstedet ditt fra hele verden. Du kan enkelt bufre de statiske bildefilene ved hjelp av CDN og servere fra nærmeste sted til brukeren. Dette vil forbedre lastehastigheten og dermed øke rangeringen av søkemotoren. I tillegg kan du også bruke nettleserbufring for bilder i serverkonfigurasjonsfilen for å informere nettleseren om hurtigbufringens gyldighet.

Gjør og ikke gjør med bilder:

Tabellen nedenfor viser dos -and -don’t når du bruker bilder på nettstedet ditt for å få bedre søkemotor synlighet:

Av Ikke gjør
Bruk beskrivende navn og alt -tekst relatert til innholdet ditt Generiske filnavn som “untitles.bmp" eller “image1.jpg”
Oppgi alt tekst for bildelink Ekstremt langt filnavn og alt tekst
Send inn et nettstedskart for bilder til søkemotorer Stikkord i alt tekst
Bruk kun bildelink når det er nødvendig Ekstremt bruk av bildelinken for navigasjon
Komprimer og endre størrelsen på bildene Bruker et stort antall ukomprimerte bilder på en side
Aktiver hurtigbufring av nettlesere og server fra et cookiless -domene Vises for mange bilder fra samme domene der tekstinnhold er tilgjengelig

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon