Zřejmě jste si všimli, že v druhé polovině roku 2017 Facebook sebral možnost při sdílení stránky změnit její obrázek a popisek. Stále ale existuje možnost, jak je můžete použitím OG tagů ovlivnit. Přidali jsme vám tuto možnost do administrací.


Co jsou Open Graph tagy?

Už se vám taky někdy stalo, že jste chtěli nasdílet stránku a na Facebooku se vám zobrazilo něco podobného?

Sdílení článku na Facebooku bez Open Graph (OG)

Sdílení článku na Facebooku bez Open Graph (OG)

Pravděpodobně to bylo zapříčiněno chybějícími Open Graph (dále jen OG) tagy. Facebook si totiž v takovém případě natáhne, co uzná za vhodné a sám si doplní titulek, popisek a případně i obrázek dle vlastního uvážení (ať už vám při sdílení nenabídne žádný nebo naopak všechny ostatní, které se na stránce vyskytují). To však často nevyhovuje vašim představám.

Pomocí OG tagů ale máte možnost mu říci, jaký obsah chcete uživatelům zobrazit.

Sdílení článku na Facebooku s vyplněním Open Graph (OG) tagů

Sdílení článku na Facebooku s Open Graph (OG)

Dobrá zpráva je, že kromě Facebooku využívají Open Graph protokol také ostatní sociální sítě jako Twitter (pokud nenajde své vlastní tzv. TwitterCard), Google+, LinkedIn, takže vyplněním OG tagů vyřešíte rovnou všechny sociální sítě naráz.

Děláte to hlavně pro uživatele

Přestože dříve bylo možné při sdílení stránky ručně jednotlivé položky editovat, můžete si být jistí, že s tím se vám člověk, který se chystá některou vaši stránku nasdílet na svém profilu, rozhodně namáhat nebude. Je proto vhodné tuto práci udělat za něj a jemu tak proces sdílení usnadnit a urychlit vyplněním OG tagů.

Kde vyplnění OG tagů v adminu Eshop-rychle hledat?

OG tagy vám umožňujeme měnit u všech stránek e-shopu, kde můžete najít tzv. “pokročilé nastavení” a pro které jste si do dnešního dne mohli pro tyto stránky nastavovat zejména meta data Title a Description pro zobrazení ve vyhledávačích.

Konkrétně budete moci v administraci vyplnit:

  • og:title (Facebook titulek)
  • og:description (Facebook popis)
  • og:image (Facebook obrázek) – ideální rozměr 1200x628px

Další užitečné og tagy za vás do kódu propíšeme automaticky podle typu stránky, domény webu, url adresy stránky, příp. ceny a měny produktu atd.

Rozlišení OG tagů při sdílení na Facebooku

Rozlišení OG tagů při sdílení na Facebooku

Stránky, pro které můžete OG vyplnit:

  • domovskou stránku e-shopu,
  • produkty,
  • kategorie produktů,
  • volné články, blogové články, novinky,
  • kategorie článků.

Nastavení pro domovskou stránku

Nastavení -> Nastavení webu -> Zákl. nastavení

Nastavení pro produkty

E-shop -> Produkty -> Ikona tužky pro editaci konkrétního produktu -> dole záložka Pokročilé nastavení

Nastavení pro kategorie produktů

E-shop -> Kategorie produktů -> Ikona tužky pro editaci konkrétní kategorie -> Pokročilé nastavení

Nastavení pro články

Obsah webu -> Struktura webu -> Volné články -> Ikona tužky u konkrétního článku -> Pokročilé nastavení

Obsah webu -> Blog -> Obsah -> Ikona tužky u konkrétního článku -> Pokročilé nastavení

Obsah webu -> Struktura webu -> Novinky -> Ikona tužky u konkrétní novinky -> Pokročilé nastavení

Nastavení pro kategorie článků

Obsah webu -> Struktura webu -> Menu -> Ikona tužky u konkrétní položky menu -> Pokročilé nastavení

Tip na závěr – Debuggovací nástroj

Alespoň u klíčových stránek je vhodné ověřit, jestli se podařilo Facebooku podsounout ta správná data. Facebook má navíc vlastní cache a pamatuje si starší data, než můžete mít zrovna vyplněné.

Proto nabízí k dispozici testovací nástroj, kde se nejen můžete po vložení URL podívat na náhled dané stránky, ale také si vynutit znovunačtení nově vyplněných dat.

 

Honza je marketingový manager Eshop-rychle.cz a Eshop-rychlo.sk, jehož největším hnacím motorem je snaha zpříjemnit provozovatelům e-shopů tvorbu, provoz i další rozvoj jejich internetových obchodů.
Ve volném čase je nadšeným milovníkem sportů všeho druhu. 🙂

Líbil se vám článek? Budeme rádi, když ho nasdílíte svým přátelům!

Tohle už jste četli?

Komentáře k článku

shares