Chcete, aby lidé klikali na vaše příspěvky na blogu když je ostatní sdílejí na Facebooku, LinkedIn a Google+?

Je váš blog optimalizován pro nejlepší vizuální zobrazení, když lidé sdílejí váš obsah?

Jsou vaše příspěvky doprovázeny pěkným obrázkem s přesným popisem, aby vynikly ve streamech sociálních médií?

Proč je to důležité?

Pokud je k odkazu na váš příspěvek připojen obrázek a popis, je to je pravděpodobnější, že lidé kliknou na tomto odkazu číst obsah za ním a sdílet jej.

Existuje prvek, který vám umožňuje ovládat, jak se váš příspěvek zobrazí v aktualizaci stavu.

Říká se tomu „sociální“ úryvek“. Tyto sociální úryvky můžete spravovat a vylepšovat sociální sdílení když přidáte několik značek do souboru HTML kód na vašem webu nebo blogu.

V tomto článku prozkoumám sociální fragmenty a ukážu vám, jak na to ovládejte obrázky, které doprovázejí vaše příspěvky, když se objeví v aktualizacích stavu na Facebooku, LinkedIn a Google+.

Anatomie sociálního úryvku

Fragmenty ze sociálních sítí se mírně liší v závislosti na tom, kde jsou sdíleny. Je to užitečné

prozkoumejte, jak vypadají na každé sociální platformě.

Sociální úryvek na Facebooku

Fragment sociální sítě Facebook je kombinací názvu, popisu a obrázku stránky.

LinkedIn Social Snippet

Stejně jako Facebook obsahují aktualizace stavu LinkedIn název, popis a obrázek. Sociální úryvek LinkedIn funguje takto.

Sociální úryvek Google+

Fragment sociální sítě Google+ má také název, popis a obrázek.

Google+ dává přednost zobrazení čtvercových obrázků. Pokud na vaší stránce existuje několik možných obrázků, je pravděpodobnější, že Google+ zobrazí obrázek, který má rozměry nejblíže čtverci.

Jak přidat značky pro správu fragmentů sociálních sítí

Pokud odkazy na váš obsah nezobrazují obrázek, název nebo popis, když je publikujete ve svých aktualizacích stavu na Facebooku, LinkedIn nebo Google+, můžete opravte to přidáním značek do kódu HTML vašeho dokumentu.

Použijte jednu z níže uvedených metod označování přidejte příslušné značky, aby odkazy na váš obsah zobrazovaly ten správný obrázek v každé aktualizaci stavu.

Poznámka: Jedná se o poněkud technické opravy, takže pokud vám nevyhovuje úprava kódu HTML vašeho webu, neváhejte zaslat tento článek svému vývojáři webu.

# 1: Použijte nadpis a metaznačky popisu

Budete muset pracovat s některými z značky názvu a meta description ve svém příspěvku na blogu. Sociální úryvky ve všech sociálních sítích použijte tyto dva prvky stránky:

Tito také ovládají úryvky v seznamech vyhledávačů, takže jsou důležité Osvědčené postupy pro SEO. Určitě používejte je s ohledem na vyhledávání i sociální.

# 2: Použijte Schema.org mikroformátování

Schema.org je spolupráce mezi hlavními vyhledávači. Vytvořili standardní sadu značek pro všechny druhy věcí. Na ovládejte své sociální úryvky, budete potřebovat pouze tyto značky:

Zajímavý titulek

Popis provokující k zamyšlení

# 3: Použijte značky „Open Graph Protocol“

Facebook, Google+ a LinkedIn používají ke značení obsahu standardy Open Graph. Přidejte tyto značky a nastavte obrázek v aktualizacích stavu:

Značky Open Graph lze také použít k nastavit název a popis.

# 4: Použijte Image_SRC Meta tagy

Pro Facebook můžete použít image_src metaznačka mezi

a značky pro správu obrázků v sociálních úryvcích.

Pokud přidáte více než jeden z těchto odkazů pro více než jeden obrázek, osoba, která sdílí, bude mít na výběr z obrázků, které budou použity ve fragmentu.

Jak mohu spravovat všechny tyto značky? Kam jdou?

Některé z těchto značek jsou součástí

HTML a další jsou součástí . Zde je stručný průvodce, který ukazuje, jak umístit značky na správná místa takže vaše příspěvky vypadají skvěle, když jsou sdíleny na sociálních sítích. Pokud potřebujete pomoc, kontaktujte svého webového vývojáře.

Používáte WordPress? Vyzkoušejte tyto doplňky

Každý systém pro správu obsahu (např WordPress) vám poskytne kontrolu nad nadpisem a značkami meta description. Pro uživatele WordPress, zde jsou doplňky, které vám přidají další značky:

• Vše v jednom doplňku Schema.org Rich Snippets: Tento plugin vám poskytuje kontrolu nad značkami pro sociální úryvky a může také vylepšit vaše výpisy ve vyhledávání, když se umístíte na Google.
• WP Open Graph Plugin: Podobně jako plugin Schema.org, tento šikovný malý nástroj přidá všechny metaznačky Open Graph.
• Vlastní Image_Src plugin: Pokud váš sdílený obsah na Facebooku stále nevypadá dobře, zkuste tento. Vytvořením značky image_src tento plugin donutí Facebook použít obrázek podle vašeho výběru.

Není třeba se dotýkat kódu, jen nainstalujte si plugin a spravujte značky z WordPressu.

Pořád nefunguje?

Poté, co se ujistíte, že máte na svém webu nastaven veškerý kód těchto značek, pokud se stále nezobrazuje obrázky ve vašich sociálních úryvcích, stará verze vaší stránky bez vašich nových značek může být uložena ve vašem prohlížeč. Možná budete muset vymažte mezipaměť prohlížeče.

Můžete také vymažte mezipaměť Facebooku za použití Debugger URL na Facebooku.

Nyní zkuste sdílet znovu a měli byste vidět své značky v akci.

Proč tolik možností?

Existuje mnoho způsobů, jak označit obsah, a sociální sítě se značkami, které dostanou, dělají maximum. Vzhledem k tomu, že zvažují mnoho prvků stránky, musí webový designér zvážit mnoho typů značek. Neexistuje žádná oficiální oficiální sada značek.

Připomíná mi to vtip starého programátora ...

Otázka: Co je nejlepší na technologických standardech?
Odpověď: Je jich tolik na výběr!

Tvůj tah

Pomocí správných značek můžete dramaticky ovlivní, jak se váš obsah objeví ve streamech sociálních médií, když je sdílen—Který zase může ovlivnit počet kliknutí a sdílení vašeho obsahu.

Nezapomeňte, že každý skvělý příspěvek potřebuje působivý obrázek a je důležitý skvělý obsah. Postupujte podle těchto možností a ujistěte se, že je váš obsah připraven na promítání.

Co myslíš? Použili jste některou z těchto metod značkování ke správě toho, jak se váš obsah zobrazuje ve streamech sociálních médií? Jaké změny v zapojení jste si všimli? Sdílejte své myšlenky a postřehy v komentářích níže.