Google Images best practices (Svenska)

Google Images är ett sätt att visuellt upptäcka information på webben. Användare kan snabbt utforska information med mer sammanhang kring bilder med nya funktioner, såsom bildtexter, framstående märken och AMP Resultat.

genom att lägga till mer sammanhang kring bilder kan resultaten bli mycket mer användbara, vilket kan leda till trafik av högre kvalitet till din webbplats., Du kan hjälpa till i upptäcktsprocessen genom att se till att dina bilder och din webbplats är optimerade för Google Bilder. Följ våra riktlinjer för att öka sannolikheten för att ditt innehåll visas i Googles sökresultat.

skapa en bra användarupplevelse

för att öka ditt innehålls synlighet i Google-Bilder, fokusera på användaren genom att ge en bra användarupplevelse: gör sidor främst för användare, inte för sökmotorer. Här är några tips:

• ge bra sammanhang: se till att ditt visuella innehåll är relevant för sidans ämne. Vi föreslår att du bara visar bilder där de lägger till originalvärde på sidan. Vi avskräcker särskilt sidor där varken bilderna eller texten är originalinnehåll.,
• optimera placering: när det är möjligt, placera bilder nära relevant text. När det är vettigt, överväga att placera den viktigaste bilden nära toppen av sidan.
• bädda inte in viktig text i bilder: undvik att bädda in text i bilder, särskilt viktiga textelement som sidrubriker och menyalternativ, eftersom inte alla användare kan komma åt dem (och verktyg för sidöversättning fungerar inte på bilder). För att säkerställa maximal tillgänglighet för ditt innehåll, behåll text i HTML, ge alt-text för bilder.,
• skapa informativa och högkvalitativa webbplatser: bra innehåll på din webbsida är lika viktigt som visuellt innehåll för Google – Bilder-Det ger sammanhang och gör resultatet mer angripbart. Sidans innehåll kan användas för att generera ett textutdrag för bilden, och Google tar hänsyn till sidans innehållskvalitet när man rangordnar bilder.
• skapa enhetsvänliga webbplatser: användare söker på Google-Bilder mer från mobilen än på skrivbordet. Av denna anledning är det viktigt att du designar din webbplats för alla enhetstyper och storlekar., Använd det mobila vänliga testverktyget för att testa hur bra dina sidor fungerar på mobila enheter och få feedback om vad som behöver åtgärdas.
• skapa en bra URL-struktur för dina bilder: Google använder URL-sökvägen och filnamnet för att hjälpa den att förstå dina bilder. Överväg att organisera ditt bildinnehåll så att webbadresser byggs logiskt.,

kontrollera din sidtitel och beskrivning

google images genererar automatiskt en titel och ett utdrag för att bäst förklara varje resultat och hur det relaterar till användarfrågan. Detta hjälper användarna att bestämma om de ska klicka på ett resultat eller inte.

vi använder ett antal olika källor för denna information, inklusive beskrivande information i titeln och metataggar för varje sida.,

Du kan hjälpa oss att förbättra kvaliteten på titeln och kodavsnittet som visas för dina sidor genom att följa Googles riktlinjer för titel och kodavsnitt.

Lägg till strukturerad data

Om du inkluderar strukturerad data kan Google-Bilder visa dina bilder som rika resultat, inklusive ett framträdande märke, som ger användarna relevant information om din sida och kan driva bättre målinriktad trafik till din webbplats., Google Images har stöd för strukturerade data för följande typer:

• produkt
• Video
• recept

Följ de allmänna riktlinjerna för strukturerade data samt eventuella riktlinjer som är specifika för din strukturerade datatyp. annars kan dina strukturerade data vara icke stödberättigande för visning av rika resultat i Google-Bilder. I var och en av dessa strukturerade datatyper är bildattributet ett obligatoriskt fält för att vara berättigat till märket och ett rikt resultat i Google-Bilder.,

optimera för hastighet

bilder är ofta den största bidragsgivaren till den totala sidstorleken, vilket kan göra sidor långsamma och dyra att ladda. Se till att tillämpa den senaste bildoptimering och lyhörd bildtekniker för att ge en hög kvalitet och snabb användarupplevelse.,

på Google-Bilder hjälper AMP-logotypen användarna att identifiera sidor som laddas snabbt och smidigt. Överväg att göra din bildvärdsida till en förstärkare för att minska sidladdningstiden (där målsidan är den sida som användaren landar efter att ha klickat på ett resultat i Google-Bilder).

analysera din webbplatshastighet med PageSpeed Insights och besök vår webbplats grundläggande sida för att lära sig om bästa praxis och tekniker för att förbättra webbplatsens prestanda.

Lägg till bilder av god kvalitet

högkvalitativa bilder tilltalar användare mer än suddiga, oklara bilder., Skarpa bilder är också mer tilltalande för användarna i resultatminiatyren och ökar sannolikheten för att få trafik från användarna.

inkluderar beskrivande titlar, bildtexter, filnamn och text för bilder

Google extraherar information om ämnet för bilden från innehållet på sidan, inklusive bildtexter och bildtitlar. Om möjligt, se till att bilderna placeras nära relevant text och på sidor som är relevanta för bildämnet.

på samma sätt kan filnamnet ge Google ledtrådar om föremålet för bilden. Till exempel, Min-ny-svart-kattunge.,jpg är bättre än IMG00023.JPG.

använd beskrivande alt-text

Alt-text (text som beskriver en bild) förbättrar tillgängligheten för personer som inte kan se bilder på webbsidor, inklusive användare som använder skärmläsare eller har anslutningar med låg bandbredd.

Google använder alt-text tillsammans med datorvisningsalgoritmer och innehållet på sidan för att förstå föremålet för bilden. Alt-text i bilder är också användbar som ankartext om du väljer att använda en bild som en länk.,

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.

Vi rekommenderar att du testar ditt innehåll genom att granska tillgänglighet och använda en långsam nätverksanslutningsemulator.,

Hjälp oss att upptäcka alla dina bilder

använd semantisk markering för bilder

Google tolkar HTML-koden på dina sidor för att indexera bilder, men indexerar inte CSS-bilder.

använd en bildplatskarta

bilder är en viktig källa till information om innehållet på din webbplats. Du kan ge Google ytterligare information om dina bilder, och ange webbadressen till bilder som vi kanske inte har annars upptäcka genom att lägga till information till en bild webbplatskarta.

webbplatskartor för bilder kan innehålla webbadresser från andra domäner, till skillnad från vanliga webbplatskartor, som tillämpar begränsningar för domänöverskridande., Detta gör att du kan använda Cdn (content delivery networks) värd bilder. Vi uppmuntrar dig att verifiera CDN: s domännamn i Search Console så att vi kan informera dig om eventuella genomsökningsfel som vi kan hitta.

bildformat som stöds

Google Images stöder bilder i följande format: BMP, GIF, JPEG, PNG, WebP och SVG.

Du kan också inline bilder som Data URI., Data Uri: er ger ett sätt att inkludera en fil, till exempel en bild, inline genom att ställa in src på en img – elementet som en Base64-kodad sträng med hjälp av följande format:

<img src="data:image/svg+xml;base64,">

Medan inlining bilder kan minska av HTTP-förfrågningar, du bör noggrant bedöma när man använder dem eftersom det kan avsevärt öka storleken på sidan. För mer information om detta, se avsnittet om för-och nackdelar med inlining bilder på vår web Fundamentals sida.,

responsiva bilder

design av responsiva webbsidor leder till bättre användarupplevelse, eftersom användarna använder dem över en mängd olika enhetstyper. Se våra Webbgrunder på bilder för att lära dig om de bästa metoderna för hantering av bilder på din webbplats.

webbsidor använder<img srcset> attribut eller<picture> element för att ange responsiva bilder. Vissa webbläsare och sökrobotar förstår dock inte dessa attribut. Vi rekommenderar att du alltid anger en reservadress via attributetimg src.,

med attributet srcset kan du ange olika versioner av samma bild, speciellt för olika skärmstorlekar.

exempel:<img srcset>

<picture> elementet är en behållare som används för att gruppera olika<source> versioner av samma bild. Det erbjuder en reservmetod så att webbläsaren kan välja rätt bild beroende på enhetens funktioner, som pixeldensitet och skärmstorlek., picture-elementet är också användbart för att använda nya bildformat med inbyggd graciös nedbrytning för kunder som kanske ännu inte stöder de nya formaten.,

Vi rekommenderar att du alltid anger ett img – element som reserv med ett src – attribut när du använder picture – taggen med följande format:

exempel: <picture>

Optimera för SafeSearch <picture>

SafeSearch är en inställning i ditt konto som anger om du vill visa eller blockera explicita bilder, videor och webbplatser i Googles sökresultat. Du bör hjälpa Google att förstå vilken typ av bilder du har för att kunna tillämpa SafeSearch-inställningar på dina bilder om det är lämpligt.,

gruppera endast bilder för vuxna på en gemensam URL-plats

om din webbplats innehåller vuxna bilder rekommenderar vi starkt att du grupperar bilderna separat från andra bilder på din webbplats. Till exempel: http//www.example.com/adult/image.jpg.

Lägg till metadata på vuxna sidor

våra algoritmer använder olika signaler för att avgöra om en bild eller en hel sida ska filtreras från resultaten när användarens SafeSearch-filter är aktiverat., När det gäller bilder genereras några av dessa signaler med maskininlärning, men SafeSearch-algoritmerna tittar också på enklare saker som var bilden användes tidigare och det sammanhang där bilden användes.

en av de starkaste signalerna är självmarkerade vuxna sidor. Om du publicerar vuxet innehåll rekommenderar vi att du lägger till en av följande metataggar på dina sidor:

<meta name="rating" content="adult" /><meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

många användare föredrar att inte ha vuxet innehåll med i sina sökresultat (särskilt om barn använder samma enhet)., När du tillhandahåller en av dessa metataggar bidrar det till att ge en bättre användarupplevelse eftersom användarna inte ser resultat som de inte vill eller förväntar sig att se.

och slutligen…

läs vår SEO Starter Guide som innehåller massor av användbar information för att rangordna bättre, och om du har fler frågor vänligen skicka dem i Google Search Central hjälpforum.