Joost De Valk är grundare och Chefsproduktansvarig för Yoast. Han är en Internet entreprenör, som bredvid grundandet Yoast har investerat i och rådde flera startups. Hans huvudsakliga expertis är mjukvaruutveckling med öppen källkod och digital marknadsföring.,
lägga till bilder i dina artiklar uppmuntrar människor att läsa dem, och väl valda bilder kan också säkerhetskopiera ditt meddelande och få dig en bra ranking i bildsökresultat. Men du bör alltid komma ihåg att ge dina bilder braalt attribut: alt text stärker meddelandet om dina artiklar med sökmotorspindlar och förbättrar tillgängligheten på din webbplats. Denna artikel förklarar allt om alt och titel attribut och varför du bör optimera dem.,
innehållsförteckning
- vad är alt-attribut och titelattribut?
- men vad händer om en bild inte har ett syfte?
- alt text och SEO
- Vad gör keyphrase i image alt attribut check?
- bedömningsresultat
- alt och titelattribut i WordPress
- hur man lägger till alt-attribut i WordPress
- Läs mer om bild SEO
har du en orange kula för Keyphrase i alt-attribut kontrollera i Yoast SEO? Läs hur man gör kulan grön.,
vad är alt-attribut och titelattribut?
detta är en komplett HTML-bildtagg:
<img src="https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/image.jpg” alt="image description” title="image tooltip”>
alt-och titelattributen för en bild kallas vanligen alt-tagg eller alt-text och titelagg. Men tekniskt sett är de inte Taggar, de är attribut. Alt-texten beskriver vad som finns på bilden och bildens funktion på sidan. Så om du använder en bild som en knapp för att köpa produkt X, bör alt-texten säga: ”knappen för att köpa produkt X.,”
alt – taggen används av skärmläsare, som är webbläsare som används av blinda och synskadade. Dessa skärmläsare berättar för dem vad som finns på bilden genom att läsa alt – taggen. Attributettitle visas som ett verktygstips när du håller muspekaren över elementet. Så, när det gäller en bildknapp, kan bildtiteln innehålla en extra uppmaning till åtgärd. Detta är dock inte en bästa praxis.
varje bild ska ha en alt-text., Inte bara för SEO-ändamål, men också för att blinda och synskadade människor annars inte vet vad bilden handlar om. Ett titelattribut krävs inte. Dessutom är det för det mesta inte meningsfullt att lägga till det. De är endast tillgängliga för mus – (eller andra pekdon) användare och det enda fallet där title – attributet krävs för tillgänglighet är på <iframe> och <frame> – taggarna.,
om informationen som överförs av attributettitle är relevant, överväg att göra den tillgänglig någon annanstans, i klartext och om den inte är relevant, överväg att ta bort attributettitle helt.
har du en orange kula för nyckelfrasen i alt-attribut check in Yoast SEO? Här är vad den här checken gör och hur man gör kulan grön.
men vad händer om en bild inte har ett syfte?
om du har bilder i din design som är rent där av designskäl gör du det fel., Dessa bilder bör vara i din CSS och inte i din HTML. Om du verkligen inte kan ändra dessa bilder, ge dem en tom alt attribut, som så:
<img src="https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/image.png" alt="">
det tomma attributet alt ser till att skärmläsarna hoppar över bilden. I WordPress kan du Lämna fältet för” Alt text ” i bildinställningarna tomma.
alt text och SEO
Googles artikel om bilder har en rubrik ”använd beskrivande alt-text”. Detta är ingen slump: Google placerar ett relativt högt värde på alt-text., De använder den för att bestämma vad som finns på bilden men också hur det relaterar till den omgivande texten. Det är därför, i vår Yoast SEO innehållsanalys, vi har en funktion som specifikt kontrollerar att du har minst en bild med en alt-tagg som innehåller din focus keyphrase.
vad gör tangentfrasen i attributen image alt?
sökordet i bild alt attribut bedömning i Yoast SEO kontrollerar om det finns bilder i ditt inlägg och om dessa bilder har en alt-text med fokus keyphrase., Genom att lägga till en alt-text ger du användare av skärmläsare och sökmotorer en textbeskrivning av vad som finns på den bilden. Detta förbättrar tillgängligheten och din chans att rangordna i bildsökning.
vi säger definitivt inte att du ska spam din nyckelfras i varje alt-tagg. Du behöver bra, hög kvalitet, relaterade bilder för dina inlägg, där det är vettigt att ha fokus nyckelordet i alt-texten., Här är Googles råd om att välja en bra alt-text:
När du väljer alt-text, fokusera på att skapa användbart, informationsrikt innehåll som använder sökord på lämpligt sätt och är i samband med innehållet på sidan. Undvik att fylla alt-attribut med sökord (nyckelord fyllning) eftersom det resulterar i en negativ användarupplevelse och kan orsaka din webbplats ses som spam.
om din bild är av en viss produkt, inkludera både det fullständiga produktnamnet och Produkt-ID i alt-taggen så att den lättare kan hittas., I allmänhet: om en nyckelfras kan vara användbar för att hitta något som finns på bilden, inkludera det i alt-taggen om du kan. Glöm inte att ändra bildfilnamnet för att vara något som faktiskt beskriver vad som finns på den.
bedömningsresultat
om ditt innehåll har mer än 4 bilder får du bara en grön kula om andelen bilder med nyckelfrasen i alt-texten ligger inom 30 och 70%. När du använder keyphrase i mer än 70% av dina bilder blir din kula orange för att hindra dig från sökordsfyllning., Om du har Yoast SEO Premium, plugin kommer också att ta Synonymer du har lagt till din keyphrase hänsyn.
Go Premium och få tillgång till den här funktionen!
få tillgång till massor av funktioner och alla våra SEO-kurser med Yoast SEO Premium plugin:
alt och titelattribut i WordPress
När du laddar upp en bild till WordPress kan du ställa in en titel och ett alt-attribut., Som standard använder den bildfilnamnet i titelattributet. Och om du inte anger ett alt-attribut kopierar det till alt-attributet. Även om detta är bättre än att skriva ingenting, det är ganska dålig praxis. Du behöver verkligen ta dig tid att skapa en riktig alt-text för varje bild du lägger till i ett inlägg. Användare och sökmotorer kommer att tacka dig för det.
så här lägger du till alt-attribut i WordPress
WordPress gör det väldigt enkelt att lägga tillalt attribut. Följ stegen nedan för att lägga till dem i dina bilder. Det finns ingen ursäkt för att inte göra det här rätt., Din (bild) SEO kommer verkligen att gynna om du får dessa små detaljer rätt. Visuellt utmanade användare kommer också att tycka om dig desto mer för det.
- logga in på din WordPress webbplats.
När du är inloggad kommer du att vara i instrumentpanelen.
- öppna inlägget eller sidan för att redigera innehållet.
- Klicka på bildblocket för att öppna bildinställningarna på fliken Block i sidofältet.
Du kommer att se bildinställningarna visas på fliken Block i sidofältet.
- Lägg till alt-texten och titelattributet.,
- Klicka på ”Uppdatera”.
klicka på ”Uppdatera” – knappen längst upp till höger.
Läs mer om bild SEO
Vi har en mycket populär (och längre) artikel om Bild SEO. Det inlägget går in i massor av olika sätt att optimera bilder men saknas relativt i detalj när det gälleralt ochtitle taggar — tänk på detta som ett tillägg till den artikeln. Jag rekommenderar att du läser det när du är klar här.
Läs Mer: optimera bilder för sökmotorer ”
Leave a Reply