Je váš web připraven pro sdílení na Google Plus? Co se stane, když uživatel vloží odkaz na vaše stránky? Bude sdílený příspěvek odpovídat obsahu stránky? Já s tím zápasil na Fototipech. Tam měl Google problém se zobrazováním obsahu a nezobrazoval příspěvky vůbec správně. Viz tento screenshot:
Cílem je tedy říct Googlu, co má použít jako titulek, popisek a jaký obrázek má použít. Stačí provést toto:
- Do tagu
<body>přidatitemscope itemtype="http://schema.org/Article" - Do tagu obsahující titulek článku přidat
itemprop="name"(Takže v případě nadpisu:<h1 itemprop="name">Nadpis článku</h1> - Do tagu obsahující popis článku (většinou nějaký úvodník) přidat
itemprop="description"(například<p itemprop="description">Toto je popis zobrazený při sdílení článku.</p> - Do img tagu s hlavním obrázkem vložit
itemprop="image"(např.<img itemprop="image" src="thumbnail.jpg" />)
Po těchto úpravách už bude Google jasně vědět. Jaké části webu použít pro sdílení. Docílíte tím mnohem vyšší účinnosti při sdílení, protože uživatele budou mít jasnější představu o tom, co daný odkaz znamená. Úprava webu pro tyto účely je otázkou několika minut, proto to určitě doporučuji provést.
Co když Google Plus ignoruje obrázky na stránce
Na Fototipech jsem se setkal s tím, že Google odmítal načíst obrázky přiložené ke článkům. Dlouze jsem pátral po příčině, až jsem na to přišel. Google docela nepochopitelně odmítá malé obrázky. Přitom se mi nikde nepodařilo najít potřebné rozměry, které už dokáže zobrazit. Proto když jsem sdílel nějaký článek na Fototipech, tak Google nenačetl žádné obrázky. Pod článkem totiž byly jen malé náhledy. Obrázky Gooogle načetl jen v případě, kdy jsem obrázek vložil navíc i mezi text ve vyšším rozlišení.
Jak tedy donutit Google zobrazit i ty malé obrázky? Já to vyřešil tímto workaroundem: do hlavičky (mezi <head></head>) jsem umístil tento kód:
<link rel="image_src" href="cesta_k_obrazku_v_plnem_rozliseni" />
Díky tomu si Google načte alespoň ten jeden hlavní obrázek ke článku a při sdílení ho zobrazí. Bohužel ale přijdete o možnost při sdílení použít i ty ostatní obrázky na stránce. Možná by to šlo vyřešit přidáním všech obrázků u článku do hlavičky, ale to mi nepřijde jako vhodné řešení. Prostě se uživatelé budou muset smířit s tím, že nemají na výběr. Na druhou stranu…hlavní obrázek článku by měl být nejlepší a měl by daný článek nějak ilustrovat, takže by v tom problém být neměl.
Výsledek
Po těchto úpravách vypadá sdílený článek takto:
