TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Nybörjarguide till bild SEO

2

I allmänhet fokuserar webbansvariga på att optimera textinnehåll på webbplatsen genom att ändra titlar, metabeskrivning och sökord. Men att optimera bilder på sidan är lika viktigt för att förbättra sidhastigheten. En attraktiv bild kan enkelt få användarna att läsa ditt innehåll. Dessutom blir bildsökning i den här mobila världen populär som webbsökning. I den här artikeln kommer vi att förklara grunderna för bild SEO och korrekt använda bilder på din webbplats för bättre användarupplevelse.

Relaterat: Hur optimerar du bilder och förbättrar sidhämtningshastigheten för WordPress?

Betydelsen av Image SEO

Det finns många användare som söker efter bilder från Google Bildsökning. Detta har en enorm potential särskilt för fotografering och nischer för e -handel. Dessutom använder sociala nätverkssajter som Pinterest och Instagram också bilder för att ansluta intressanta användare runt om i världen. Därför är det en potentiell möjlighet för webbansvariga att optimera bilder på sin webbplats för sökmotorer och dra trafik från den.

Tidigare kunde du spåra trafiken från images.google.com i Google Analytics -rapportering. Google avbröt dock detta och nu kan du använda rapporten "Prestanda" i Google Search Console. Du kan klicka på valfri fråga och hitta källan till trafiken som kommer från bilden.

Grunderna i bild SEO

Tänk på nedanstående punkter för optimering när du använder bilder på din webbplats:

1 Bildtext på en bild

Lägg till en bildtext eller ett namn på varje bild på din webbplats. Detta hjälper användarna att förstå bilden bättre och också enkelt för dig att underhålla bilderna, särskilt när du migrerar en webbplats från en plattform till en annan. Kom ihåg att bildens namn inte har någon roll för sökmotoroptimering. Men när bilden inte har alt -text kommer sökmotorerna att försöka förstå den utifrån textinnehållet som omger bilden. Använd därför lämplig bildtext relevant för textinnehållet.

2 Alternativ text (Alt -attribut)

Att tillhandahålla alternativ text till bilder är det viktigaste du behöver se till. HTML alt -attributet låter dig tillhandahålla en alternativ text för en bild inom

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

Alt -text är användbart i två scenarier – en är för webbläsarstödet och den andra är för sökmotorer. När en webbläsare inte stöder din bild av någon anledning kommer den att visa alt -texten istället för en bild. Detta hjälper användarna att förstå den möjliga bilden som ska visas och fortsätta läsa utan mycket störningar. Nedan är ett exempel på den trasiga bilden som visar alt -text i webbläsaren.

Nybörjarguide till bild SEO

Alt-text i icke-kompatibel bild

Eftersom sökmotorer inte helt kan förstå betydelsen av en bild använder de alt -text som textekvivalenten för en bild. Så effektiv användning av alt -text ökar möjligheten för webbplatsens synlighet på sökresultat, särskilt vid bildsökning.


Sökmotoroptimeringsartiklar


3 Bildens storlek

Använd lämplig storlek för bilden så att användarna kan se den tydligt. Att ge en mycket liten eller mycket stor bild gör användaren generad och lämnar din webbplats. Stora bilder minskar också sidhastigheten och påverkar rankningen på Googles sökresultat. Se till att använda, rätt bildstorlek som passar din webbplats layout och undvik att ändra storlek på bilderna med CSS när du läser in.

Vi rekommenderar starkt att komprimera bilden med hjälp av tredjepartsverktyg innan du laddar upp den på din webbplats.

4 Använd responsiva bilder

Borta är dagarna för att visa större bilder som inte passar på mobilenhetens bredd. Använd adoptiv eller responsiv teknik som automatiskt ändrar storlek på bilderna så att de passar på visningsenhetens bredd. Detta kommer att säkerställa läsbarheten och därför kommer användare att tendera att bokmärka och komma tillbaka till din webbplats.

Nybörjarguide till bild SEO

Responsiv webbplats

4 Placering av bilden

Visa dina bilder på en plats där användare enkelt kan se dem relaterade till innehållet. Om du visar orelaterade bilder eller visar det på olämplig plats kommer användaren att bli förvirrad över bildens syfte. Detta gäller även bildannonserna om du visar annonser på din webbplats.

SEO -erbjudande: Optimera din webbplats med Semrush Pro 14 -dagars gratis provperiod.

5 Strukturera bildmapp

Organisera alla bilder på din webbplats under samma mapp istället för att sprida dem under för många olika mappar. Detta hjälper sökmotorer att titta och ta alla bilder på din webbplats från ett ställe i stället för att titta på olika platser. Det rekommenderas också att klassificera bilderna under månatliga undermappar för filtrering. Några av innehållshanteringssystemen som WordPress erbjuder denna funktion som standard vilket gör hushållningen enkel för webbansvariga.

6 Lämplig bildtyp

Det finns många allmänna bildtyper som PNG, JPEG, GIF och BMP. Varje bildtyp tjänar olika syften och lämpar sig för olika tillfällen. Men alla webbläsare stöder dessa vanliga bildtyper, kontrollera kvaliteten och storleken på bilderna på din webbplats och optimera därefter. Det finns också nya bildtyper som JPEG2000 och WebP. Google driver webbansvariga att använda dessa optimerade bildtyper. Men inte alla webbläsare stöder dessa nya bildtyper. Därför, när du använder nya bildtyper, se till att servera standard PNG- eller JPEG -bilder som fall back.

7 Bildplatskarta

Om du använder bilder som en primär trafikkälla på din webbplats är det en bra idé att skapa en bildkarta och skicka till sökmotorer som liknar vanlig XML -webbplatskarta. Bildwebbplatskarta bör innehålla detaljer om bilderna på varje sida så att sökmotorer enkelt kan genomsöka och indexera dem i enlighet därmed.

8 Lazy Loading

Lazy loading är en teknik för att skjuta upp bilder utanför skärmen som användare inte ser för närvarande. När du har massor av bilder på sidan uppifrån och ner, är det vettigt att visa bilderna på det synliga området på skärmen för användaren. Andra bilder längs sidan laddas bara när användaren rullar till den positionen. Du kan tillämpa lat laddning oberoende med hjälp av tredjepartsskript eller hitta lämpligt plugin beroende på innehållshanteringssystemet du använder.

9 Visa bilder från underdomän

En bild kan säga tusen ord. Även om det är lätt att förmedla ett budskap med bilder, kommer att använda flera bilder på en sida drastiskt öka sidladdningstiden. Varje bild på en sida kommer att skicka en separat http -begäran till servern och göra laddningen långsammare än textinnehållet.

Den möjliga lösningen för att förbättra sidladdningshastigheten är att visa alla dina bilder från olika domäner eller underdomäner. Detta hjälper bilderna att laddas parallellt och förbättrar sidhastigheten. Eftersom bilder är statiska filer utan några cookies, kommer visning från separat underdomän också att öka sidläsningsresultatet för dina sidor.

10 Använd cachning och CDN

Användare kommer åt din webbplats från hela världen. Du kan enkelt cacha de statiska bildfilerna med hjälp av CDN och visa från närmaste plats till användaren. Detta kommer att förbättra laddningshastigheten och därmed öka sökmotorns ranking. Dessutom kan du också använda webbläsarens cachning för bilder i serverkonfigurationsfilen för att informera webbläsaren om cachingens giltighet.

Gör och inte med bilder:

Tabellen nedan visar hur du gör och inte gör när du använder bilder på din webbplats för att få bättre sökmotorsynlighet:

AvGör inte
Använd beskrivande namn och alt -text relaterad till ditt innehållGeneriska filnamn som "untitles.bmp" eller "image1.jpg"
Ge alt -text för bildlänkarExtremt långt filnamn och alt text
Skicka in en webbplatskarta för bild till sökmotorerNyckelordstoppning i alt -text
Använd bara bildlänkar när det behövsExtremt med bildlänkar för navigering
Komprimera och ändra storlek på bilderAnvända ett stort antal okomprimerade bilder på en sida
Aktivera cachning av webbläsare och servera från cookiless -domänVisar för många bilder från samma domän där textinnehåll är tillgängligt

Inspelningskälla: webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterarFler detaljer