Asi je skoro všichni znáte, ale všiml jsem si, že je tam pár nuancí, ve kterých leckdo plave. Takže čtěte, i když si myslíte, že tomu rozumíte.
Tohle se použije na mnoha různých místech - počínaje názvem okna v prohlížeči a konče výsledky vyhledávání Googlu nebo Seznamu. Teoreticky by to mohlo stačit všem sociálním sítím.
Bez téhle metaznačky se při sdílení vašeho článku, produktu nebo firemní stránky zobrazí jen výchozí náhled bez obrázku nebo odkaz úplně bez náhledu.
V tomhle textu chci, jak je ostatně u mě zvykem, postupovat salámovou metodou. Nezahltit vás těžkými sousty hned zkraje. Mám to dobře.
og:title a og:description je titulek a popisek pro sociální sítě a chaty. og:url je kanonické URL, které si přičte všechna sdílení a lajkování této stránky. og:type je důležité označení typu stránky. Různé typy mohou mít různé zobrazení náhledů. Možné typy jsou např.
Čtěte také: Kladenská skládka: Vše, co potřebujete vědět
To ale neznamená, že byste mohli Open Graph pro vaše weby úplně vynechat. Mimochodem, Medium a blogovací nástroje, to je další pole možného výskytu vašeho obsahu, který stojí za pozornost jak při použití OG, tak oEmbed.
Vraťme se teď k nejrozšířenějšímu Open Graph a k tématu kategorií obsahu.
Docela často se hodí mít možnost nechat uživateli vybrat, jaký náhledový obrázek si pro sdílení vašeho obrázku vybere. Jasně, používá to jen malý zlomek uživatelů (nadšenců jako jsem já), ale např.
S příchodem chytrých hodinek Watch mě před lety zaujalo, že kalifornská firma převzala existující standard pro náhledy. Uživatelům se pak zobrazí náhled webu v chatovacích programech.
Strukturovaná data definovaná na Schema.org také slouží k sémantickému (významnovému) popisu obsahu stránky.
Čtěte také: Kvalita dřeva a skladování
K náhledovým obrázkům se určitě hodí napsat, že nedoporučuji používat nějaké obecné obrázky, např. s logem firmy. Např. na Vzhůru dolů sice pro články (zatím) obecné náhledy používám, ale při ručním sdílení je měním.
Takže teď víte, že máte vždy připravit obrázek a pak se případně nechat řídit validátory.
Resoc Image Template Development Kit umožňuje generovat náhledy pomocí HTML (Mustache) a CSS. Jde o balíček pro NPM. Ve světě WordPressu existuje řada pluginů pro Open Graph, které obrázky generují. Však vy už si to pro vlastní platformy nějak dohledáte.
Čtěte také: Slzí Plačice: Co skrývá tato skladba?