Beginner’s Guide to Image SEO – Optimera images för search engines

Imagely-sökning är en kraftfull, men ofta förbisedd, källa till webbplatstrafik. Genom att optimera dina bilder för sökmotorer kan du avsevärt öka din webbplats synlighet och locka nya besökare.

När användare söker efter bilder som är relaterade till ditt innehåll är det mer sannolikt att optimerade bilder visas i sökresultaten, vilket driver trafik tillbaka till din webbplats. På WPBeginner lägger vi ner mycket arbete på att optimera våra egna bloggbilder för nyckelord och bästa praxis för SEO.

Denna przewodnik för nybörjare ger en praktisk metod för att optimera din bild-SEO genom att följa bästa praxis, så att du kan frigöra den fulla potentialen i bildsökning och locka fler besökare.

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

Optimera dina images för sökmotorsoptimering och hastighet

Hastigheten för att hämta sidor spelar en viktig roll för sökmotorsoptimering och användarnas upplevelse. Search engines rankar konsekvent snabba websites högre. Detta gäller även för image search.

Images ökar den totala laddningstiden för din page. De tar längre tid att ladda ner än text, vilket innebär att din page laddas långsammare om det finns flera stora image-filer att ladda ner.

Det är därför du måste se till att images på din WordPress website är optimerade för webben. Detta kan vara lite svårt att vänja sig vid eftersom många Beginnare ej är experter på grafik och image editing.

Det bästa sättet att optimera images är att editera dem på din dator med hjälp av ett bildredigeringsprogram som gillar Adobe Photoshop. Detta allow you att välja rätt format för att skapa en liten filstorlek.

Du kan också använda ett plugin för komprimering av images för WordPress. Tillägg för bildoptimering allow you to automatically reduce file size while uploading an image to WordPress.

Du kan lära dig mer i vår praktiska guide om hur du optimerar bilder på rätt sätt innan du uploadar några images till din website.

Video Tutorial

Om du föredrar skriftliga instruktioner är det bara att fortsätta läsa.

Vad är Alt-text?

Alt text eller alternativ text är ett HTML-attribut som addas till img taggen som används för att displayed images på en web page. Det gillar att se ut så här i vanlig HTML-kod:

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

Det allow website owners to describe the image in plain text. Huvudsyftet med den alternativa texten är att förbättra tillgängligheten genom att aktivera screen readers att läsa upp den alternativa texten för användare med nedsatt syn.

Alt-text är också avgörande för Image SEO. Den hjälper search engines att förstå sammanhanget för imagen.

Moderna search engines kan känna igen en image och dess content med hjälp av artificiell intelligens. De förlitar sig dock fortfarande på att webbplatsens ägare beskriver imagen med egna ord.

Alt-text följer också med bilder i Google Image Search, vilket hjälper användare att förstå bilden och förbättrar dina chanser att få fler besökare till din WordPress blogg.

Vanligtvis är alt-texten inte synlig på din website.

Men om en image är trasig eller inte kan hittas kommer dina användare att kunna se den alternativa texten med en trasig image icon bredvid.

Vad är skillnaden mellan Alt-text och rubriker?

Alt-text används för tillgänglighet och Image SEO, medan titelfältet används internt av WordPress för media search.

WordPress infogar alt-taggen i den faktiska koden som används för att displaya imagen. Rubrikens tagg lagras i WordPress database för att hitta och visa images.

Tidigare infogade WordPress också titeltaggen i HTML-koden. Det var dock inte en idealisk situation ur tillgänglighetssynpunkt, vilket är anledningen till att de tog bort det.

Vad är skillnaden mellan Alt-text och Captions?

Alt-texten används för att beskriva imagen för search engines och screen readers. Caption används däremot för att beskriva imagen för alla användare.

Alt-texten är ej synlig på din website, medan captions är synliga under dina images.

Alt-texten är avgörande för bättre Image SEO på din website. Caption är valfritt och kan användas när du behöver ge ytterligare information om bilden till besökare på webbplatsen.

Så här addar du Alt-text, Rubrik och Caption till Images i WordPress

Alt text, Rubrik och Caption utgör de bildmetadata som du kan add to images när du uploadar dem till WordPress.

När du lägger till en image med hjälp av standard Image block, WordPress allow you att lägga till en caption och alt text för den.

WordPress genererar automatiskt en rubrik för imagen från filnamnet.

Du kan ändra rubriken genom att förstora inställningarna för blocket ”Advanced” i bilden. Här hittar du ett ”Rubrik Attribute”-fält där du kan add to din egen customize-titel för imagen.

Du kan också edit alt tag och title för de images som du redan har uploadat till WordPress.

För att göra det måste du besöka sidan Media ” Library och hitta den image du vill editera.

Genom att helt enkelt clicka på en image kommer attachment details upp i popupen.

Här kan du enter alt text, en titel, en caption och en valfri description som visas på bilagssidan.

När ska man använda captions för images i WordPress

Captions allow you to provide additional details for an image to all your users. De är synliga på vyn för alla användare, inklusive search engines och screen readers.

As you may have notice, most websites don’t normally use captions with images in their blog posts or pages. Det beror på att captions ofta inte behövs för att förklara en image.

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

• Familjefoton eller foton från händelser
• Foton som behöver ytterligare förklaring för att beskriva bakgrunden
• Gallerier med produktbilder

I de flesta fall kommer du att kunna förklara imagen i själva innehållet i artikeln.

Använd All in One SEO för att automatiskt hantera din Image SEO (rekommenderas)

All in One SEO (AIOSEO) är det bästa SEO-pluginet för WordPress på marknaden, och dess Image SEO addon kommer automatiskt att ställa in din alt-text, bildtitlar, captions, och mer. Det kommer också att add to en korrekt image sitemap 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 pluginet All in One SEO. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress. För att använda funktionen Image SEO behöver du Plus-planen eller ovan.

Vid aktivering startar pluginet 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 måste du navigera till All in One SEO ” Search Appearance och sedan klicka på tabben ’Image SEO’. Därefter klickar du på knappen ”Activate Image SEO” för att aktivera de utvalda funktionerna för premium image SEO.

Ställa in automatiska Image Titles med All in One SEO

När du navigerar till tabben ”Rubrik” på Image SEO page kan du välja ett format för titeln med hjälp av smarta tags som automatiskt används för att generera titelattribut för dina images.

Om du t.ex. lägger till taggen ”+ Image Rubrik” används automatiskt den titel på bilden som används i mediabiblioteket i WordPress.

You can also add to other tags, such as your website title, strip punctuuation from the title, and change its capitalization.

Ställa in automatisk Alt-text med All in One SEO

Därefter kan du klicka på tabben ”Alt Tag” för att automatiskt formatera alt-texten för dina images.

Som standard kommer AIOSEO helt enkelt att använda alt-texten från mediabiblioteket. Om du gillar det kan du också add to din webbplats rubrik och annan information till alt-texten för varje image på din website.

All in One SEO: s Image SEO addon kan också automatiskt generera bildtexter, inaktivera bilagssidor som vi kommer att täcka under, och mycket mer.

Så här inaktiverar du bilagssidor i WordPress

WordPress skapar en page för varje image som du uploadar till dina posts och pages. Den anropas bilagssidan. Denna page visar bara en större version av den faktiska imagen och inget annat.

Detta kan ha en negativ sökmotorsoptimering på din search ranking. Search engines betraktar pages med lite eller ingen text som lågkvalitativt eller tunt content.

Det är därför vi rekommenderar att du inaktiverar bilagssidorna på din website.

Inaktivera bilagssidor 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 detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

När den aktiveras stängs URL:er för attachments automatiskt av. Du kan också manuellt stänga av attachment pages i WordPress genom att besöka All in One SEO ” Search Appearance page och click on the ”Image SEO” tabs.

Härifrån, se till att alternativet ”Redirect Attachment URLs” är inställt på ”Attachment”.

Bilagssidor kommer nu att redirectas till själva images. Detta innebär att när en search engine eller visitor går till URL:en för en bilagssida kommer de att se imagen istället för bilagssidan.

Inaktivera bilagssidor med hjälp av ett plugin

Om du ej använder pluginet AIOSEO, kan du installera pluginet Attachment Pages Redirect. Detta plugin redirectar helt enkelt personer som besöker bilagssidan till den post där imagen visas.

Inaktivera bilagssidor med hjälp av kod

Du kan också inaktivera bilagssidor 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 code snippets plugin som gör det enkelt att lägga till code snippets i WordPress.

Det bästa är att WPCode levereras med ett built-in snippets-bibliotek där du kan hitta alla de mest populära WordPress code snippets, inklusive inaktivera bilagssidor.

Först måste du installera och aktivera det gratis pluginet WPCode. För mer detaljer, vänligen se vår guide om hur du installerar ett plugin för WordPress.

Efter aktivering, head över till Code Snippets ” + Add Snippet. You need to search the snippets library to locate the Inaktivera bilagssidor snippet.

När du hoverar med musen över snippet ser du några knappar.

Klicka bara på knappen ”Use snippet”, så skapas ett new snippet åt you.

Allt du behöver göra nu är att toggle ”Active” -knappen till positionen On och sedan klicka på knappen ”Update”. Du har nu utan problem inaktiverat bilagssidor.

Om du är bekant med kod kan du också göra detta manuellt genom att lägga till följande kod direkt till 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 Image SEO

Att lägga till en alt-tagg är inte det enda du kan göra för att förbättra sökmotorsoptimeringen för images. Följ några ytterligare tips som du bör ha i åtanke när du lägger till images i dina blogginlägg.

1. Skriv beskrivande Alt-text

Många Beginnare använder ofta bara ett eller två ord som alt-text för imagen. Detta gör att imagen blir för generisk och svårare att ranka.

I stället för bara ”kattungar” kan du till exempel använda ”Kattungar som leker med en gul gummianka”.

2. Use Descriptive File Names for Your Images (använd beskrivande filnamn för dina images)

Istället för att save your images som DSC00434.jpeg måste du namnge dem på rätt sätt. Tänk på de keywords som användare kommer att skriva in i search för att hitta viss image.

Var mer specifik och beskrivande i dina filnamn för images. Till exempel är red-wooden-house.jpeg bättre än bara house .jpeg.

3. Provide Context to Your Images (Ge sammanhang till dina images)

Search engines blir smartare för varje dag som går. De kan känna igen och kategorisera images ganska bra. Men de behöver dig för att ge sammanhang till imagen.

Dina images måste vara relevanta för det övergripande ämnet i posten eller på sidan. Det är också bra att placera images i närheten av den mest relevanta texten i din artikel.

4. Följ bästa praxis för sökmotorsoptimering

Du måste också följa de övergripande riktlinjerna för sökmotorsoptimering för din website. Detta förbättrar din övergripande ranking i sökningar, inklusive sökningar på images.

5. Använd originalfotografier och images

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

Försök att använda originalfotografier eller skapa images av hög kvalitet som är unika för din blogg.

Expertguider för optimering av images i WordPress

Image SEO är bara en aspekt av att optimera images i WordPress. Du kanske gillar att se några andra guider relaterade till att förbättra images på din WordPress website.

• Så här optimerar du images för webbprestanda utan att förlora bildkvaliteten
• Så här lägger du till images på rätt sätt i WordPress (Step-by-Step)
• Så här lägger du till featured images eller inläggsminiatyrer i WordPress
• Tools för att skapa bättre images för dina blogginlägg
• Bra WordPress tillägg för hantering av images (Updated)
• Så här skapar du ett galleri för images i WordPress (Step-by-Step)
• Hur man enkelt lazy loadar images i WordPress
• Hur man fixar vanliga problem med images i WordPress (enkel guide)
• WebP vs. PNG vs. JPEG: Det bästa formatet för images i WordPress
• Var lagrar WordPress images på din site?

Vi vet att de flesta bloggare ej är fotografer eller grafiska formgivare. Lyckligtvis finns det några bra online tools som du kan använda för att skapa grafik för your websites.

Vi hoppas att den här artikeln hjälpte dig att lära dig mer om Image SEO för din website. Du kanske också vill se vår guide om hur man fixar vanliga Image SEO-problem i WordPress eller våra expertval för de bästa WordPress SEO-tilläggen och tools.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.