Nybörjarguide till bild-SEO – Optimera bilder för sökmotorer

Här är något som kanske förvånar dig: bilder kan vara lika viktiga för SEO som ditt skrivna innehåll. Ändå laddar många företagare upp bilder direkt från sin kamera eller bildbyrå utan någon optimering alls.

Vi har sett webbplatser tappa potentiella kunder bara för att deras bilder tog för lång tid att ladda eller inte var korrekt taggade för sökmotorer. Å andra sidan har vi också sett webbplatser dubbla sin organiska trafik bara genom att implementera grundläggande bästa praxis för bild-SEO.

Det är precis vad den här guiden kommer att hjälpa dig att uppnå. Vi kommer att bryta ner allt du behöver veta om bild-SEO i enkla, handlingsbara steg som alla nybörjare kan följa. I slutet kommer du att veta hur du får dina bilder att arbeta hårdare för ditt företag.

Här är en kort översikt över vad du kommer att lära dig i den här artikeln:

1. Optimera dina bilder för SEO och hastighet
2. Vad är alt-text?
3. Vad är skillnaden mellan alt-text och titlar?
4. Vad är skillnaden mellan alt-text och bildtexter?
5. Hur man lägger till alt-text, titel och bildtext till bilder i WordPress
6. När ska man använda bildtexter för bilder i WordPress
7. Använda All in One SEO för att automatiskt hantera din bild-SEO (rekommenderas)
8. Hur man inaktiverar bilagesidor i WordPress
9. Ytterligare tips för att förbättra bild-SEO
10. Videohandledning
11. Experttips för att optimera WordPress-bilder

Optimera dina bilder för SEO och hastighet

Sidans laddningshastighet spelar en viktig roll för SEO och användarupplevelse. Sökmotorer rankar konsekvent snabba webbplatser högre. Detta gäller även för bildsökningar.

Bilder ökar din totala sidladdningstid. De tar längre tid att ladda ner än text, vilket innebär att din sida laddas långsammare om det finns flera stora bildfiler att ladda ner.

Det är därför du behöver se till att bilder på din WordPress-webbplats är optimerade för webben. Detta kan vara lite knepigt att vänja sig vid eftersom många nybörjare inte är experter på grafik och bildredigering.

Det bästa sättet att optimera bilder är genom att redigera dem på din dator med fotoredigeringsprogram som Adobe Photoshop. Detta gör att du kan välja rätt filformat för att skapa en liten filstorlek.

Du kan också använda ett plugin för bildkomprimering för WordPress. Bildoptimeringsplugins gör att du automatiskt kan minska filstorleken när du laddar upp en bild till WordPress.

Du kan lära dig mer i vår praktiska guide om hur du optimerar bilder korrekt innan du laddar upp några bilder till din webbplats.

Vad är alt-text?

Alt-text eller alternativ text är ett HTML-attribut som läggs till img-taggen och som används för att visa bilder på en webbsida. Det ser ut så här i vanlig HTML-kod:

<img src="/fruitbasket.jpeg" alt="A fruit basket" />

Det gör det möjligt för webbplatsägare att beskriva bilden i klartext. Huvudsyftet med alternativ text är att förbättra tillgängligheten genom att göra det möjligt för skärmläsare att läsa upp alt-texten för synskadade användare.

Alt-text är också avgörande för bild-SEO. Det hjälper sökmotorer att förstå bildens sammanhang.

Moderna sökmotorer kan känna igen en bild och dess innehåll med hjälp av artificiell intelligens. De förlitar sig dock fortfarande på att webbplatsägare beskriver bilden med egna ord.

Alternativtext åtföljer även bilder i Googles bildsökning, vilket hjälper användare att förstå bilden och ökar dina chanser att få fler besökare till din WordPress-blogg.

Vanligtvis är alternativtext inte synlig på din webbplats.

Om en bild är trasig eller inte kan hittas, kommer dina användare att kunna se alternativtexten med en trasig bildikon bredvid den.

Vad är skillnaden mellan alt-text och titlar?

Alternativtext används för tillgänglighet och bild-SEO, medan fältet titel används internt av WordPress för mediesökningar.

WordPress infogar alt-taggen i den faktiska koden som används för att visa bilden. Titeltaggen lagras i WordPress-databasen för att hitta och visa bilder.

Tidigare infogade WordPress även title-taggen i HTML-koden. Det var dock inte en idealisk situation ur tillgänglighetssynpunkt, varför de tog bort den.

Vad är skillnaden mellan alt-text och bildtexter?

Alt-texten används för att beskriva bilden för sökmotorer och skärmläsare. Å andra sidan används bildtexten för att beskriva bilden för alla användare.

Alt-texten är inte synlig på din webbplats, medan bildtexter är synliga under dina bilder.

Alt-texten är avgörande för bättre bild-SEO på din webbplats. Bildtexten är valfri och kan användas när du behöver ge ytterligare information om bilden till webbplatsbesökare.

Hur man lägger till alt-text, titel och bildtext till bilder i WordPress

Alt-text, titel och bildtext utgör bildmetadata som du kan lägga till bilder när du laddar upp dem i WordPress.

När du lägger till en bild med hjälp av standardblock för bilder, låter WordPress dig lägga till en bildtext och alt-text för den.

WordPress genererar automatiskt en titel för bilden från filnamnet.

Du kan ändra titeln genom att expandera bildens 'Avancerade' blockinställningar. Här hittar du ett fält för 'Titelattribut' där du kan lägga till din egen anpassade titel för bilden.

Du kan också redigera alt-taggen och titeln för de bilder du redan har laddat upp till WordPress.

För att göra det behöver du besöka sidan Media » Bibliotek och hitta bilden du vill redigera.

Att helt enkelt klicka på en bild öppnar popup-fönstret för bifogade detaljer.

Här kan du ange alt-text, en titel, en bildtext och en valfri beskrivning som visas på sidan för bifogade filer.

När ska man använda bildtexter för bilder i WordPress

Bildtexter gör att du kan ge ytterligare detaljer för en bild till alla dina användare. De är synliga på skärmen för alla användare, inklusive sökmotorer och skärmläsare.

Som du kanske har märkt, använder de flesta webbplatser inte normalt bildtexter med bilder i sina blogginlägg eller sidor. Det beror på att bildtexter ofta inte behövs för att förklara en bild.

Bildtexter är mer lämpliga i följande scenarier:

• Familje- eller evenemangsfoton
• Foton som behöver ytterligare förklaring som beskriver bakgrundshistorien
• Produktbildgallerier

I de flesta fall kommer du att kunna förklara bilden i själva artikelinnehållet.

Använda All in One SEO för att automatiskt hantera din bild-SEO (rekommenderas)

All in One SEO (AIOSEO) är det bästa WordPress SEO-pluginet på marknaden, och dess Image SEO-tillägg kommer automatiskt att ställa in din alt-text, bildtitlar, bildtexter och mer. Det kommer också att lägga till en korrekt bildkarta och andra SEO-funktioner för att förbättra din SEO-ranking.

Det första du behöver göra är att installera och aktivera All in One SEO plugin. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin. För att använda bild-SEO-funktionen behöver du Plus planen eller högre.

Vid aktivering kommer pluginet att starta installationsguiden automatiskt. Du kan lära dig hur du konfigurerar pluginet i vår guide om hur du ställer in All in One SEO korrekt.

Nu behöver du navigera till All in One SEO » Search Appearance och sedan klicka på fliken ‘Image SEO’ . Klicka sedan på knappen ‘Activate Image SEO’ för att aktivera premium-bild-SEO-funktionerna.

Ställa in automatiska bildtitlar med All in One SEO

När du navigerar till fliken ‘Title’ på sidan Image SEO kan du välja ett titelformat med smarta taggar som automatiskt kommer att användas för att generera titelattribut för dina bilder.

Till exempel, att lägga till taggen ‘+ Image Title’ kommer automatiskt att använda bildtiteln som används i WordPress mediebibliotek.

Du kan också lägga till andra taggar, som din webbplatstitel, ta bort skiljetecken från titeln och ändra dess versalisering.

Ställa in automatisk alternativtext med All in One SEO

Därefter kan du klicka på fliken 'Alt-tagg' för att automatiskt formatera alternativtexten för dina bilder.

Som standard kommer AIOSEO helt enkelt att använda alternativtexten från mediebiblioteket. Om du vill kan du också lägga till din webbplats titel och annan information till alternativtexten för varje bild på din webbplats.

All in One SEO:s tillägg för bild-SEO kan också automatiskt generera bildtexter, inaktivera bilagesidor som vi kommer att gå igenom nedan, och mycket mer.

Relaterat: Se vår guide om hur man automatiskt genererar bild-alt-text i WordPress med AI.

Hur man inaktiverar bilagesidor i WordPress

WordPress skapar en sida för varje bild du laddar upp till dina inlägg och sidor. Den kallas bilagesidan. Den här sidan visar bara en större version av själva bilden och inget annat.

Detta kan ha en negativ SEO-påverkan på dina sökrankningar. Sökmotorer betraktar sidor med lite eller ingen text som lågkvalitativt eller tunt innehåll.

Därför rekommenderar vi att du inaktiverar bilagesidorna på din webbplats.

Inaktivera bilagesidor med All in One SEO

Det enklaste sättet att göra detta är att installera och aktivera pluginet All in One SEO. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Vid aktivering stängs bilage-URL:er automatiskt av. Du kan också manuellt stänga av bilagesidor i WordPress genom att besöka sidan All in One SEO » Sökutseende och klicka på fliken 'Bild-SEO'.

Se här till att alternativet 'Omdirigera bilage-URL:er' är inställt på 'Bilaga'.

Bilagesidor kommer nu att omdirigeras till själva bilderna. Detta innebär att när en sökmotor eller besökare går till URL:en för en bilagesida, kommer de att se bilden istället för bilagesidan.

Inaktivera bilagesidor med kod

Du kan också inaktivera bilagesidor genom att lägga till kod i ditt temas functions.php-fil. Det säkraste sättet att göra detta är med WPCode, det mest populära pluginet för kodavsnitt som gör det enkelt att lägga till kodavsnitt i WordPress.

Det bästa är att WPCode kommer med ett inbyggt bibliotek med kodavsnitt där du kan hitta alla de mest populära WordPress-kodavsnitten, inklusive att inaktivera bilagesidor.

Först måste du installera och aktivera det kostnadsfria WPCode-pluginet. För mer information, se vår guide om hur man installerar ett WordPress-plugin.

Efter aktivering, gå till Kodavsnitt » + Lägg till avsnitt. Du behöver söka i avsnittsbiblioteket för att hitta avsnittet Inaktivera bilagesidor.

När du för muspekaren över avsnittet ser du några knappar.

Klicka helt enkelt på knappen ‘Använd avsnitt’, så skapas ett nytt avsnitt åt dig.

Allt du behöver göra nu är att växla omkopplaren ‘Aktiv’ till läget På och sedan klicka på knappen ‘Uppdatera’. Du har nu framgångsrikt inaktiverat bilagesidor.

Om du är bekant med kod kan du också göra detta manuellt genom att lägga till följande kod direkt i ditt temas functions.php-fil.

function wpb_redirect_attachment_to_post () {
if ( is_attachment() ) {
global $post;
if( empty( $post ) ) $post = get_queried_object();
if ($post->post_parent)	{
	$link = get_permalink( $post->post_parent );
	wp_redirect( $link, '301' );
	exit();
	}
else	{
	// What to do if parent post is not available
	wp_redirect( home_url(), '301' );
	exit();
	}
}
}
add_action( 'template_redirect', 'wpb_redirect_attachment_to_post' );

Ytterligare tips för att förbättra bild-SEO

Att lägga till en alt-tagg är inte det enda du kan göra för att förbättra bild-SEO. Följande är några ytterligare tips som du bör tänka på när du lägger till bilder i dina blogginlägg.

1. Skriv beskrivande alt-text

Många nybörjare använder ofta bara ett eller två ord som alt-text för bilden. Detta gör bilden för generell och svårare att ranka.

Till exempel, istället för bara ‘kattungar’, kan du använda ‘Kattungar som leker med en gul gummanka’.

2. Använd beskrivande filnamn för dina bilder

Istället för att spara dina bilder som DSC00434.jpeg måste du namnge dem korrekt. Tänk på de sökord som användare kommer att skriva in i sökningen för att hitta den specifika bilden.

Var mer specifik och beskrivande i dina bildfilnamn. Till exempel är rött-trähus.jpeg bättre än bara hus.jpeg.

3. Ge kontext till dina bilder

Sökmotorer blir smartare för varje dag. De kan känna igen och kategorisera bilder ganska bra. De behöver dock att du ger kontext till bilden.

Dina bilder måste vara relevanta för det övergripande ämnet för inlägget eller sidan. Det är också bra att placera bilden nära den mest relevanta texten i din artikel.

4. Följ SEO:s bästa praxis

Du behöver också följa de övergripande SEO-riktlinjerna för din webbplats. Detta förbättrar dina övergripande sökrankningar, inklusive bildsökningar.

5. Använd originella fotografier och bilder

Det finns många gratis webbplatser för stockfoton som du kan använda för att hitta gratis bilder för dina blogginlägg. Problemet med stockfoton är dock att de används av tusentals webbplatser.

Försök att använda originella fotografier eller skapa kvalitetsbilder som är unika för din blogg.

Videohandledning

Experttips för att optimera WordPress-bilder

Bild-SEO är bara en aspekt av att optimera bilder i WordPress. Du kanske vill se några andra guider relaterade till att förbättra bilder på din WordPress-webbplats.

• Hur man optimerar bilder för webbprestanda utan att förlora bildkvalitet
• Hur man lägger till bilder korrekt i WordPress (steg för steg)
• Hur man lägger till utvalda bilder eller miniatyrer i WordPress
• Verktyg för att skapa bättre bilder för dina blogginlägg
• Bra WordPress-plugins för att hantera bilder (uppdaterad)
• Hur man skapar ett bildgalleri i WordPress (steg för steg)
• Hur man enkelt laddar bilder lat i WordPress
• Hur man fixar vanliga bildproblem i WordPress (enkel guide)
• WebP vs. PNG vs. JPEG: Bästa bildformatet för WordPress
• Var lagrar WordPress bilder på din webbplats?

Vi vet att de flesta bloggare inte är fotografer eller grafiska designers. Lyckligtvis finns det några utmärkta onlineverktyg som du kan använda för att skapa grafik för dina webbplatser.

Vi hoppas att den här artikeln hjälpte dig att lära dig om bild-SEO för din webbplats. Du kanske också vill se vår guide om hur du åtgärdar vanliga bildproblem i WordPress eller våra experttips för bästa WordPress SEO-plugins och verktyg.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.