Images SEO-optimering med WordPress

10 Min.
WordPress bild SEO-optimering

Senast sedan Google Core Web Vitals och rankningsfaktorn laddningshastighet bör du ta ämnet bilder SEO på allvar. Det finns flera sätt att visa dina bilder i WordPress för att optimera. Här är vår översikt över de viktigaste tipsen och verktygen.

Bilder, foton, infographics och andra illustrationer har blivit en integrerad del av att skriva högkvalitativa artiklar. Men de lossar inte bara texten eller förtydligar vissa processer bättre än ord kan. Istället, med rätt procedur, kan du göra din webbplats ännu snabbare, men också lättare att hitta i sökmotorerna.

WordPress SEO-texter

Hur man förbereder dina blogginlägg och målsidor för sökmotorer i allmänhet visar jag dig i min guide för att optimera texter för sökmotorer. Tillsammans med det här inlägget har du de viktigaste tipsen för din WordPress Seo.

Dessutom erbjuder både Google själv och konkurrenterna till de mindre söktjänsterna en bildsökning. Så varför den stora möjligheten att avbilda SEO med WordPress Släppa taget?

Hur påverkar Images SEO din synlighet?

Först och främst, låt oss titta på SEO för bilder oberoende av WordPress . Om du införlivar högkvalitativa bilder i ett inlägg kan du dra många besökares uppmärksamhet: inuti dig. Men det är inte bara sökmotorerna som spelar en roll här. Om du förbereder dina bilder i enlighet därmed kan detta påverka olika aspekter.

Å ena sidan ökar du din synlighet avsevärt, eftersom dina bilder i sig naturligtvis kan hittas i sökmotorerna - inte bara dina texter. Någon kan hitta till din webbplats. Ett litet exempel, tack?

Bilderna söker på Google

Jag använder Google-sökningen och anger termen "receptpasta". Men eftersom jag inte bara vill ha ett recept i textform ändras jag till bildsökningen. Där kommer jag nu att få se vackra pastarätter:

Bilder Sök i Google
Hitta ett recept med Google Image Search

Jag gillar verkligen den tredje bilden från vänster. Nudlarna ser riktigt välsmakande ut. Av denna anledning klickar jag på bilden och hamnar sedan på motsvarande sida, vilket har gjort en ansträngning med bilden SEO.

Så om du använder sökmotoroptimering för bilder korrekt kan du vädja till många ytterligare personer. Men detta är bara ett exempel på många.

Sociala medier

Eftersom bilder påverkar inte bara sökmotorerna utan även människor. Och var är människor aktiva varje dag? På sociala nätverk som Facebook, Twitter, Instagram, Pinterest, LinkedIn & Co.

Låt oss fortsätta att snurra ovanstående exempel. Låt oss säga att du driver en matblogg. Hur bra skulle det vara om besökare som hittade ditt recept med dig delar det medföljande inlägget på sociala medier? Så du klickar på delningsknappen till exempel för Facebook. Och om det inte finns någon rimlig bild av bidrag eller är ordentligt integrerad, då ser de en mycket sorglig bild, nämligen ingen.

I det här formuläret inbjuder ett inlägg dig inte att klicka eller dela. Tvärtom kommer inlägget att gå förlorat i det sociala nätverkets vidd – och kommer inte att beaktas. Endast när en lämplig bild visas bredvid texten ökar detta attraktiviteten avsevärt:

Dela på Facebook-bild
Exempel på inbäddade bilder i Facebook-delning

Med en matblogg bör du till exempel inte använda bilder som huvudsakligen består av textinnehåll. Där kan du förvänta dig det färdiga receptet. Jag markerar dock fortfarande textbilder då och då. Jag förklarar i nästa avsnitt.

Var får du högkvalitativa bilder ifrån?

Det finns ofta ett litet problem med högkvalitativa bilder. Ett juridiskt problem. Du vet säkert att du inte längre bara kan använda Google Image Search för att kopiera bilder. De skyddas av upphovsrätten. Så du har följande alternativ:

  • Använd betalda plattformar
  • Använd royaltyfria bilder
  • Skapa eller fotografera bilder själv

Inte alla webbplatser har en budget tillgänglig som gör det möjligt att köpa dyra lagerbilder. Till exempel från Fotolia eller Shutterstock. Med royaltyfria bilder (t.ex. på Unsplash eller Pexels) finns det en risk att de inte alltid laddades upp av författarna: Det finns till och med rapporter om sofistikerade bedrägerier här, som sedan kan sluta i dyrt.

Plattformar som Pixabay anger hur man använder dem. Men det har redan funnits tvister som slutade till nackdel för ägarna av webbplatser. Därav mitt tips: Ta en skärmdump av licensspecifikationen när du laddar ner. Av dessa skäl valde jag självskapade bilder där jag arbetar mycket med textinnehåll. Jag kan publicera dessa med rent samvete utan några rättsliga konsekvenser. Med en webbplats som förlitar sig mycket mer på bilder bör du ta en annan väg om det behövs.

Använd bilder SEO effektivt

Hur kan du optimera bilder för SEO? För att göra detta vill jag ge dig några vanliga metoder som hjälper dig att få mer synlighet. I nästa avsnitt ska jag visa dig hur dessa processer används för dina bilder SEO med WordPress genomföra det. Eftersom installationen av WordPress Plugins lösningen på problemet.

Ooptimerade bilder försämrar din rankning

De flesta som äger en webbplats tror att optimera bilder för sökmotorer handlar om att vara bättre representerad i sökningen eller i förhandsgranskningen av sociala nätverk. Men så är inte fallet. Bilderna måste också förbättras när det gäller Google Core Web Vitals som nämns ovan. Här är användbarheten på din webbplats, se den här artikeln om den nya rankningsfaktorn. Dessutom surfar din målgrupp alltmer på Internet med din smartphone.

Så om webbplatser har stora och ooptimerade bilder laddas webbplatsen långsamt och användaren måste ha tålamod. Men vem vill vänta på ooptimerade bilder? Resultatet blir en sämre Google-ranking från maj 2021.

Bildstorleken

Därför bör du försöka hålla bildstorleken så liten som möjligt under skapandet utan att förlora bildkvaliteten. Om du skapar bilderna själv kan du styra detta via bildredigeringsprogrammet. Anpassade format för webbplatsen (dvs. bredd och höjd i pixlar, för inläggsbilder beroende på WordPress Theme ) har också visat sig vara mycket effektiva i detta avseende. Då är det nödvändigt att WordPress skala inte bilderna i onödan.

Om du tog en bild med en professionell kamera kan det vara tusentals pixlar. För det mesta är innehållet på en webbsida begränsat i bredd. Det skulle därför bara vara meningsfullt att ladda upp bilden i denna bredd. Särskilt eftersom det snabbt är upp till några MB i storlek, vilket inte längre är nödvändigt i modern webbdesign - och dödar dina laddningstider.

Format & komprimering

Formatet på dina bilder är ofta relaterat till komprimering och några andra faktorer. Till exempel, medan bilder med genomskinliga element är mer benägna att lagras än PNG, är JPG-formatet mer lämpligt för färgglad grafik.

Där JPG möjliggör högre komprimering och därför avsevärt kan minska filstorleken. För detta lider bildens kvalitet lite. Under tiden har AVIF och WebP för WordPress andra format som är avsedda för framtiden. De ger dig ännu bättre resultat.

Fyll i metadata korrekt

De flesta sökmotorer är fortfarande baserade på så kallade metadata. Dessa är i princip information som webbplatsen lagrar i källkoden så att söktjänsterna kan tilldela data.

Google, som den största leverantören, är tekniskt mycket avancerad och behöver inte metadata lika mycket som de små sökmotorerna. Ändå skulle jag alltid sätta in dem. Det skadar inte din webbplats och ger chansen att hittas med dessa också med ytterligare meningar och ord.

Förresten har metadata inget att göra med namnet på bildfilerna. Du bör namnge detta innan du laddar upp det, dvs. med en beskrivning av innehållet. Låt oss gå tillbaka till exemplet med matbloggen. En pastarätt med malet köttsås bör därför kallas "nudelplatta-med malet sås-för-matlagning.jpg". Metadata infogas helt enkelt i källkoden som HTML för bilder – det gör WordPress för dig, om du ser bilderna med motsvarande information när du laddar upp, mer om detta senare.

Källkoden för en korrekt lagrad bild kan till exempel se ut så här:

<img src=“domain.de/Nudel-Teller-mit-Hackfleischsauce-zum-Kochen.jpg“ alt=“Nudel Teller mit Hackfleischsauce“ title=“Nudel Teller mit Hackfleischsauce“ />

Alt-taggen är en alternativ (text)etikett som kan visas om bilden inte visas. Till exempel på grund av en föråldrad webbläsare eller en trasig länk etc. Men det är också viktigt för personer som använder en skärmläsare. Detta är en annan anledning till att du bör vara uppmärksam på att prata innehåll här (tillgängliga webbplatser). Bildrubriktaggen (får inte förväxlas med webbplatsens titeltagg!) används för att visa mer detaljerad information om bilden under en musöverblick.

Bildoptimering utanför WordPress

Om du skapar eller redigerar dina bilder själv med hjälp av ett bildredigeringsprogram som Gimp eller Photoshop bör du klicka på en lösning i WordPress Avståtts. Det är enklare och mer resursbesparande att optimera direkt i programmet. Här är ett exempel från Photoshop:

Photoshop bildkomprimering
Bildkomprimering i Photoshop

Från den ursprungliga filen i inläggsbilden till den här texten, en JPEG-fil med 340 KB, i bildstorleken 2560×1440, ursprungligen över 4 MB. Och detta med knappt synliga begränsningar. I PNG, beroende på avbilda, är det delvis liknande.

Om du nu minskar bilderna i upplösning, dvs. till WordPress Theme du kan skapa ännu mindre filstorlekar. I min egen blogg är till exempel omslagsbilderna 720×360 pixlar stora. Det här är från Theme och kan se annorlunda ut för dig.

WordPress Plugins för bildkomprimering

Du vill ha dina bilder direkt i WordPress komprimera istället för den externa varianten eller dessutom? Läs sedan din jämförelse 5 populära Plugins bildkomprimering. Det visar också rätt arbetsflöde för detta viktiga arbete.

Bildstorlek i WordPress Hitta

En liten anteckning om bildstorlekarna i WordPress . Du kan enkelt ta reda på dem, men de har inget att göra med medieinformationen i de allmänna inställningarna för WordPress att göra:

Medieinställningar i WordPress
Inställningarna för media i WordPress Instrumentpanelen

Här hittar du WordPress standardstorlekar som används. Genereras under en uppladdning WordPress ytterligare bilder i dessa storlekar. Detta ändrar dock inte storlekarna som de är i din WordPress Theme vara representerad.

Några Themes ger dig möjlighet att göra detta i inställningarna, andra inte. Då kan du enkelt gå till din webbplats i webbläsaren och titta närmare på en bild - till exempel inläggsbilden - med ett högerklick. För då hittar du underobjektet "Visa grafisk information".

Om det står att bilden har skalats till en annan storlek måste du faktiskt justera motsvarande bilder igen. För i WordPress Theme ges en annan storlek än du klipper den.

Metadata i WordPress Definiera

Bilder spelar en viktig roll i sökmotoroptimering, inte bara för att de förbättrar texter. Snarare för att det gör dig synlig. Och för att du kan visa Google & Co. vad du skriver om på din webbplats.

Föreställ dig därför bilder som ett nödvändigt tillägg till innehållet. För att dessa sökmotorer ska känna igen potentialen behöver du ovannämnda metadata. Som redan beskrivits bör du lägga till ett SEO-optimerat filnamn till bilderna innan du laddar upp dem. Namnge därför bilderna mycket exakt. Titeln ska återspegla vad som finns på bilden.

WordPress erbjuder dig att ange metadata för bilder direkt vid uppladdningen. Jag rekommenderar dock att du inte lägger till bilderna direkt när du skriver, utan går igenom mediegalleriet. För att göra detta, klicka i backend av WordPress till vänster lägger du bara till i Media > fil. Där kan du välja och ladda upp en bild av datorn via knappen med samma namn.

Efter den lyckade uppladdningen visas knappen "Redigera", som du klickar på. Med den här, WordPress mediefilen och visar dess viktigaste information. Här kan du nu fylla i de platser som är markerade med rött på bilden:

Metadata för bilder i WordPress
Metadata för bilder i WordPress Infoga

Om du senare använder bilden i Gutenberg får den automatiskt motsvarande metainformation. Undvik att använda bilder flera gånger. Ladda istället upp det igen, med ett nytt filnamn och nya metadata. Den här informationen är vanligtvis optimerad för ett specifikt bidrag.

Lazy Loading för bilder i WordPress

För att få den snabbaste möjliga webbplatsen som tål Googles nya Core Web Vitals bör endast det innehåll som behövs laddas. Bilder som visas i den nedre delen av en lång artikel behöver inte visas eller läsas in i början.

Det är här den så kallade lata lastningen spelar in. Så den fördröjda laddningen av bilder som inte finns i området "ovan viken" - det område som läsaren ser direkt. Även om denna funktion hittills endast har använts med vissa WordPress Plugins möjligt, till exempel med Autoptimize eller WP Optimize (endast från Premium), de som har minst WordPress 5.5.

Det är här lat lastning redan beaktas i kärnan av koden. Sedan WordPress 5.7 även Lazy Load för iFrames. Om du har en äldre version installerad bör du definitivt göra en uppdatering.

Lazy Loading iframes i WordPress
Lazy Loading Notes för iFrames på WordPress .org

Cachelagring med WordPress

Du kan uppnå en betydande ökning av prestandan i WordPress med hjälp av en cache. Här kan du skilja mellan en webbläsarcachelagring, som bara placerar vissa filer på enheten och en cachelagring på serversidan. I det senare fallet är det dynamiskt genererade innehållet WordPress tillhandahålls dessutom i statiska filer på servern.

Därför behöver webbsidan inte adressera databaserna varje gång den kallas. Eftersom sådana åtkomster å ena sidan ökar laddningshastigheten och å andra sidan den belastning som din server måste bära. Speciellt för stora webbplatser med många besökare kan detta vara ett beprövat sätt att spara resurser.

Nackdelen: Du kan inte dynamiskt skapa visst sidinnehåll. Om du till exempel använder olika reklambanners måste du utesluta dem från cachelagring. Eller acceptera att de inte byter i ett inlägg. Även i onlinebutiker med WooCommerce Du måste överväga vissa undantagför att beställningsprocessen ska fungera korrekt.

Förutom mycket omfattande Plugins som WP Rocket, som är debiterbar och erbjuder många inställningar, kan du också använda gratis Plugins till exempel WP Optimize eller W3 Total Cache. RAIDBOXES erbjuder din egen cachelagring på serversidan. NGINX-cachen där blir aktiv innan WordPress tar över kommandot. På detta sätt kan webbplatserna levereras utan att WordPress saktar ner. En annan fördel: Du behöver inte WordPress Cachelagring Plugin mer och behöver inte oroa sig för utarbetade inställningar.

WordPress Optimera prestanda

Du vill veta vilka de viktigaste justeringsskruvarna på din WordPress Prestanda? Läs sedan vår guide till detta . Även vår e-bok om ämnet Webpage Mät hastigheten korrekt.

Slutsats till bilden SEO med WordPress

WordPress att optimera när det gäller bilder kan vara riktigt värdefullt. Detta ökar inte bara din ranking, men låter dig också locka ytterligare trafik. Å andra sidan gör det lite arbete. Särskilt i början, när ämnet fortfarande är nytt för dig. Med tiden är det dock snabbare och du får starka resultat.

Särskilt eftersom Google är mer uppmärksam på laddningstider är det vettigt att inte bara uppmärksamma metadata. Gör bilderna tillgängliga i rätt filformat, komprimerade och med exakta storlekar. Dina besökare: tack för den information du behöver. Om innehållet fortfarande är korrekt står ingenting i vägen för din framgång.

Ytterligare artiklar om SEO om wp unboxed , som hjälper dig på Google & Co.:

Dina frågor om bilder SEO med WordPress

Vilka frågor har du om ämnet? Och vilket tips kan du rekommendera? Använd kommentarsfunktionen. Du vill ha fler bidrag i ämnet WordPress och SEO? Följ oss sedan på Twitter, Facebook, LinkedIn eller via vårt nyhetsbrev.

Ronny Schneider är SEO & WordPress Professionell. På sin blogg skriver han regelbundet om hur bloggar och nättidningar kan utformas framgångsrikt. Dessutom ger det hjälp med att inrätta bloggar med WordPress samt under optimeringsarbetet.

Kommentarer om den här artikeln

Skriva en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *.