Doporučené postupy pro Obrázky Google

Obrázky Google umožňují vizuálně objevovat informace na webu. Nové funkce, jako jsou popisky obrázků, výrazné odznaky a výsledky AMP, uživatelům umožňují rychle nacházet informace s větším kontextem ohledně obrázků. 

Díky přidání více kontextových informací k obrázkům mohou být výsledky mnohem užitečnější, což může vést ke kvalitnější návštěvnosti vašich stránek. Proces objevení vašeho obsahu můžete podpořit tím, že zajistíte, aby vaše obrázky a web byly optimalizovány pro Obrázky Google. Chcete-li zvýšit pravděpodobnost, že se váš obsah zobrazí ve výsledcích vyhledávání v Obrázcích Google, postupujte podle našich pokynů.

Odhlášení z hotlinkingu ve vyhledávání obrázků

Pokud chcete, můžete zabránit zobrazování obrázků v plné velikosti na stránkách s výsledky vyhledávání obrázků na Googlu tím, že se odhlásíte z hotlinkingu ve výsledcích vyhledávání obrázků Google.

Postup odhlášení z hotlinkingu:

  1. Když obdržíte žádost o obrázek, prozkoumejte v požadavku záhlaví Referer protokolu HTTP.
  2. Pokud požadavek pochází z domény Google, odpovězte kódem HTTP 200 nebo 204 bez obsahu.

Google stránku bude i nadále procházet a obrázek na ní uvidí, ale ve výsledcích vyhledávání bude zobrazovat miniaturu obrázku vygenerovanou při procházení. Odhlášení lze provést kdykoliv bez dalšího zpracovávání obrázků na webu. Toto chování není považováno za maskování obrázků a nepovede k ručně provedenému zásahu.

Zobrazování obrázků ve výsledcích vyhledávání můžete také zcela zabránit.

Vytvářejte stránky, které se uživatelům líbí

Chcete-li zvýšit viditelnost svého obsahu v Obrázcích Google, zaměřte se na vynikající uživatelský dojem: vytvářejte stránky především pro uživatele, nikoli pro vyhledávače. Zde je několik tipů:

  • Poskytněte dobrý kontext: Zajistěte, aby byl vizuální obsah relevantní k tématu stránky. Doporučujeme zobrazovat obrázky pouze na místech, kde na stránce poskytují přidanou hodnotu. Odrazujeme zejména od vytváření stránek, na nichž ani obrázky, ani text nejsou původní.
  • Optimalizujte umístění: Pokud je to možné, umístěte obrázky blízko relevantního textu. Pokud to dává smysl, zvažte umístění nejdůležitějšího obrázku poblíž horního okraje stránky.
  • Nevkládejte důležitý text do obrázků: Nepoužívejte obrázky k zobrazování textu, zejména důležitých textových prvků, jako jsou nadpisy stránek a položky nabídek, protože někteří uživatelé k nim nemusejí mít přístup (a v obrázcích nebudou fungovat nástroje na překlad obsahu stránky). Abyste zajistili maximální přístupnost obsahu, ponechte text v HTML a k obrázkům přidejte alternativní text (alt). 
  • Vytvářejte informativní a kvalitní weby: Dobrý obsah webové stránky je pro Obrázky Google stejně důležitý jako vizuální obsah – poskytuje kontext a zvyšuje užitečnost výsledku. Obsah stránky lze použít k vygenerování textového úryvku pro obrázek a Google při hodnocení obrázků bere v úvahu kvalitu obsahu stránky.
  • Vytvářejte weby vhodné pro různá zařízení: Uživatelé v Obrázcích Google vyhledávají častěji na mobilech než na počítačích. Je proto důležité, abyste web navrhli pro všechny typy a velikosti zařízení. Pomocí nástroje na testování použitelnosti v mobilech otestujte, jak dobře vaše stránky fungují na mobilních zařízeních. Získáte také tipy, co je třeba opravit.
  • Vytvořte pro obrázky dobrou strukturu adres URL: Při analýze vašich obrázků používá Google kromě názvu souboru i cestu adresy URL. Zkuste obsah uspořádat tak, aby adresy URL měly logickou strukturu.

Zkontrolujte název a popis stránky

Obrázky Google automaticky generují název a úryvek, kterým se snaží výsledek a jeho vztah k dotazu uživatele co nejlépe popsat. Uživatelé se tak mohou snáze rozhodnout, zda na výsledek mají kliknout.

Tyto informace získáváme z mnoha různých zdrojů, včetně popisných informací ve značkách title a metaznačkách jednotlivých stránek. 

Kvalitu názvu a úryvků zobrazovaných u vašich stránek pomůžete zvýšit tím, že budete postupovat podle pokynů společnosti Google k vytváření dobrých názvů a úryvků.

Přidejte strukturovaná data

Pokud zahrnete strukturovaná data, mohou se vaše obrázky v Obrázcích Google zobrazit jako rozšířené výsledky (včetně výrazného odznaku), které uživatelům poskytují relevantní informace o stránce a mohou na váš web přivést lépe zacílenou návštěvnost. Obrázky Google podporují strukturovaná data pro následující typy položek:

Řiďte se obecnými pokyny pro strukturovaná data a pokyny pro váš konkrétní typ. Jinak by strukturovaná data pro rozšířené výsledky v Obrázcích Google nemusela být vhodná. Aby tyto typy strukturovaných dat bylo možné zobrazovat s odznakem a jako rozšířené výsledky v Obrázcích Google, je u každého z nich povinný atribut image.

Optimalizujte obrázky pro maximální rychlost

Obrázky často největší měrou přispívají k celkové velikosti stránky a způsobují, že se stránky načítají pomalu a využívají velké množství dat. K zajištění vysoké kvality a rychlého načítání používejte nejnovější optimalizaci obrázkůtechniky pro responzivní obrázky.

U stránek, které se načítají rychle a hladce, se v Obrázcích Google zobrazuje logo . Zvažte převedení stránky, na které jsou hostovány obrázky, do formátu AMP, abyste snížili dobu načítání. (Cílovou stránkou je stránka, která se uživateli zobrazí po kliknutí na výsledek vyhledávání v Obrázcích Google.)

Analyzujte rychlost svého webu pomocí nástroje PageSpeed Insights a navštivte naši stránku Základy webu, na které naleznete doporučené postupy a techniky ke zlepšení výkonu webu.

Používejte kvalitní fotky

Kvalitní fotky se uživatelům líbí víc než rozmazané a nejasné snímky. Ostré snímky jsou pro uživatele také přitažlivější v miniatuře ve výsledku a zvyšují pravděpodobnost, že uživatelé váš web navštíví.

Zahrňte pro obrázky popisné názvy, popisky, názvy souborů a text

Google informace o předmětu obrázku získává z obsahu stránky, včetně popisků a názvů obrázků. Pokud je to možné, zajistěte, aby obrázky byly umístěny poblíž relevantního textu a na stránkách, které jsou relevantní k předmětu obrázku. 

Informace o předmětu obrázku může Google získat také z názvu souboru. Název souboru moje-nové-černé-kotě.jpg je například lepší než IMG00023.JPG.

Používejte popisný alternativní text

Alternativní text (text, který popisuje obrázek) zvyšuje přístupnost pro lidi, kteří obrázky na webech nevidí, jako jsou například uživatelé čteček obrazovky nebo lidé s pomalým připojením.

Google využívá alternativní text v kombinaci s algoritmy počítačového vidění a obsahem stránky k tomu, aby porozuměl obsahu stránky a tématu obrázku. Alternativní text v obrázcích je užitečný také jako text odkazu, pokud se obrázek rozhodnete použít jako odkaz. 

Při vytváření alternativního textu se snažte, aby byl užitečný a informativní, aby v něm byla správně použita klíčová slova a aby zapadal do kontextu obsahu na stránce. Nevyplňujte atributy „alt“ klíčovými slovy (nadužívání klíčových slov). Na uživatele to působí špatným dojmem a může to vést k tomu, že váš web bude považován za spam.

  • Špatné (chybí text alt): <img src="stene.jpg" alt=""/>
  • Špatné (nadužívání klíčových slov): <img src="stene.jpg" alt="štěně pes malý pes pejsek psík štěňata pejsci retrívr labrador vlkodav, setr, pointer jack russell teriér krmivo pro psy levné psí krmivo krmivo pro štěňata"/>
  • Lepší: <img src="stene.jpg" alt="štěně"/>
  • Nejlepší: <img src="stene.jpg" alt="Aportující štěně dalmatina"/> 

Doporučujeme vám otestovat obsah provedením auditu přístupnosti a použitím emulátoru pomalého připojení.

Používejte soubor Sitemap pro obrázky

Obrázky jsou důležitým zdrojem informací o obsahu vašeho webu. Přidáním informací o obrázcích do souboru Sitemap můžete Googlu poskytnout další informace o obrázcích a adresy URL obrázků, které bychom jinak nemuseli nalézt.

Soubory Sitemap pro obrázky mohou obsahovat adresy URL z jiných domén (na rozdíl od běžných souborů Sitemap, v nichž obsah z jiných domén není povolen). To webmasterům umožňuje používat k hostování obrázků sítě CDN. Doporučujeme vám ověřit název domény sítě CDN v Search Console, abychom vás mohli informovat o případných chybách procházení.

Podporované formáty obrázků

Obrázky Google podporují obrázky v následujících formátech: BMP, GIF, JPEG, PNG, WebP, SVG a vložené obrázky

Vložené obrázky jsou nezpracované bajty dat obrázků ve značkách <img>. Používejte pro ně tento formát:

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

kde „data obrázku“ představují řetězec v kódování Base64.

Pomocí vložených obrázků lze snížit počet požadavků HTTP. Webmasteři by však jejich použití měli pečlivě zvážit, protože mohou výrazně zvýšit velikost stránky. Další informace najdete v textu o výhodách a nevýhodách vložených obrázků na stránkách Základy webu.

Responzivní obrázky

Responzivní webové stránky obecně poskytují lepší uživatelský dojem, protože je uživatelé mohou otevírat na různých zařízeních. Doporučené postupy zpracování obrázků na responzivním webu najdete v textu o obrázcích na stránkách Základy webu

Na responzivních stránkách se pro obrázky používají značky <img srcset> nebo <picture>. Některé prohlížeče a prohledávače však tyto značky nepodporují. Doporučujeme proto zadat také záložní adresu URL pomocí atributu <img src>.

Použití značky <img srcset>

Atribut srcset umožňuje zadat v prvku <img> různé verze stejného obrázku pro různé velikosti obrazovky.

Příklad

<img srcset="priklad-320w.jpg 320w,
             priklad-480w.jpg 480w,
             priklad-800w.jpg 800w"
     sizes="(max-width: 320px) 280px,
            (max-width: 480px) 440px,
            800px"
     src="priklad-800w.jpg" alt="responzivní web!">

Použití prvku <picture>

Prvek <picture> je kontejner, který se používá k seskupení různých verzí (<source>) stejného obrázku. Nabízí záložní přístup, aby prohlížeč mohl zvolit správný obrázek podle funkcí zařízení, jako je hustota pixelů a velikost obrazovky. Prvek picture je užitečný také k použití nových formátů obrázků s elegantní degradací pro klienty, které nové formáty dosud nepodporují.

Při použití prvku <picture> doporučujeme vždy jako záložní možnost poskytnout prvek <img src=...>:

<picture>
  <source type="image/svg+xml" srcset="pyramida.svg">
  <source type="image/webp" srcset="pyramida.webp"> 
  <img src="pyramida.png" alt="velký obrázek PNG...">
</picture>

Optimalizace pro Bezpečné vyhledávání

Bezpečné vyhledávání je nastavení účtu, které udává, zda se ve výsledcích Vyhledávání Google mají zobrazovat explicitní obrázky, videa a weby, nebo zda mají být blokovány. Měli byste Googlu pomoci porozumět povaze vašich obrázků, aby na ně nastavení Bezpečného vyhledávání v případě potřeby mohl použít.

Obrázky pouze pro dospělé umístěte do jedné složky

Pokud váš web obsahuje obrázky pouze pro dospělé, důrazně doporučujeme umístit je odděleně od ostatních obrázků na webu. Příklad: http//www.example.com/pro_dospele/obrazek.jpg. 

Na stránky pouze pro dospělé přidejte metadata

K rozhodování o tom, zda má být obrázek nebo celá stránka při zapnutém filtru Bezpečného vyhledávání odfiltrována z výsledků, používají naše algoritmy celou řadu signálů. V případě obrázků se některé z těchto signálů generují pomocí strojového učení, ale algoritmy Bezpečného vyhledávání posuzují také jednodušší věci, například kde byl obrázek použit dříve nebo v jakém kontextu byl použit.

Jedním z nejsilnějších signálů jsou stránky, které webmasteři sami označili jako určené pouze pro dospělé. Pokud publikujete obsah pouze pro dospělé, doporučujeme vám přidat na stránky jednu z těchto metaznaček:

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

Mnoho uživatelů ve výsledcích vyhledávání nechce mít obsah pouze pro dospělé (zvláště pokud stejné zařízení používají děti). Poskytnutím jedné z těchto metaznaček nám pomůžete zlepšit uživatelský dojem, protože uživatelé neuvidí výsledky, které vidět nechtějí nebo které neočekávají. 

Podobně jako u všech algoritmů mohou i filtry Bezpečného vyhledávání někdy obsah filtrovat nesprávně. Pokud se domníváte, že Bezpečné vyhledávání vaše obrázky nebo stránky filtruje nesprávně, dejte nám vědět pomocí formuláře Bezpečného vyhledávání.

A nakonec...

Přečtěte si našeho Průvodce SEO pro nováčky, v němž najdete spoustu užitečných informací k vylepšení hodnocení. Pokud máte další dotazy, zveřejněte je ve fóru nápovědy pro webmastery

Pomohl vám tento článek?
Jak bychom článek mohli vylepšit?