Twitter metaznačkuy v HTML




Twitter metaznačkuy v HTML

Chcete-li, aby se adresa URL webových stránek správně zobrazovala na kartě Twitter, jsou nutné další metaznačky s popisem vydavatele, názvem stránky, popisem obsahu až 200 znaků, popisem obsahu tvůrce a obrazem, který musí být větší než 120 x 120 pixelů.

Twitter metaznačkuy SEO v HTML

Musí být použity následující metaznačky s níže uvedenou šablonou, kterou lze zkopírovat a vložit.

Toto je pouze pro karty typu Twitter a značka metadat v kódu HTML by měla být vložena do hlavní části kódu:

<!-- Twitter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Twitter_publisher" /> <meta name="twitter:title" content="Page title" /> <meta name="twitter:description" content="Page description" /> <meta name="twitter:creator" content="@Twitter_creator" /> <!-- Twitter 280x150px image --> <meta name="twitter:image:src" content="http://www.url.com/img.jpg" />

Twitter otevřený graf

Chcete-li mít všechny specifikace na webových stránkách služby Twitter, včetně metaznaček na kartě Twitter a metaznačkuy s otevřeným grafem na Facebooku, můžete použít celý kód níže.

To se bude týkat všech map HTML metadat sociálních médií a bude umožňovat správné sdílení vašich adres URL na všech těchto stránkách:

<!DOCTYPE html> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en" prefix="fb: http://www.facebook.com/2008/fbml"> <head> <title>60 char title</title> <meta name="description" content="200 char description" /> <!-- Twitter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Twitter_publisher" /> <meta name="twitter:title" content="Page title" /> <meta name="twitter:description" content="Page description" /> <meta name="twitter:creator" content="@Twitter_creator" /> <!-- Twitter 280x150px image --> <meta name="twitter:image:src" content="http://www.url.com/img.jpg" /> <!-- Open graph Facebook card --> <meta property="og:url" content="https://www.url.com/"/> <meta property="og:type" content="website/article/..."/> <meta property="og:locale" content="en-US" /> <meta property="og:site_name" content="Site name" /> <meta property="og:image" content="http://www.url.com/img.jpg" /> <meta property="og:title" content="60 char title"/> <meta property="og:description" content="Page description" /> <meta property="article:published_time" content="2018-11-06 11:32:39" /> <meta property="article:modified_time" content="2018-11-06 11:32:39" /> <meta property="article:section" content="Section" /> <!-- Schema.org markup for Google+ --> <meta itemprop="name" content="Site name"> <meta itemprop="description" content="Page description"> <meta itemprop="image" content="http://www.url.com/img.jpg">

Metaznačky karty Twitter

Jakmile budou na webových stránkách implementovány metadata služby Twitter, jejich sdílení vytvoří vzhled níže, protože název, obrázek a popis budou správně načteny prostřednictvím služby Twitter.

Ověření karty Twitter

Online aplikace pro vývojáře je k dispozici na webových stránkách společnosti Twitter a umožňuje vývojářům sami otestovat, zda jsou karty s metadama správně implementovány na svých webových stránkách.

Jednoduše otevřete webovou stránku, vložte adresu URL, na které by se měly zobrazovat karty s bohatou službou Twitter, a podívejte se na výsledky nebo možné chyby v případě nesprávně implementovaných značek.

Kreditní vývojář karty Twitter

Velikost příspěvku na příspěvek na Twitteru


Obrázek zveřejněný v příspěvku na webu Twitter musí mít šířku alespoň 120 pixelů o 120 pixelů nebo 120 × 120 pixelů.

Respektujte tyto minimální požadavky, abyste se ujistili, že se vaše obrázky budou vždy zobrazovat správně na příspěvcích Twitter a budou mít dobrý vzhled.

Kde mohu FLY? (@wcanifly) Twitter
Yoann Bierling (@ybierling) Twitter
Nápověda Smartphone (@help_smartphone) Twitter
Cestovní komparátor (@travelcomparato) Cvrlikání
Twitter vývojářská platforma - Twitter vývojáři
Kyjev Beach Club a Kyjev noční osvětlení v létě - Kde mohu FLY?

Další čtení

Chcete-li optimalizovat metaznačky pro zobrazování bohatých karet a další sdílení sociálních médií, podívejte se na tyto skvělé webové stránky plné užitečných informací:

Webový vývojář SEO Cheat Sheet 2.0
18 značek Meta Každá webová stránka by měla mít v roce 2014
Otevřený protokol grafu
Pinterest Rich Pins pro podnikání
WooCommerce - volná sada Wordpress toolkit, která přidává značku produktu

Twitter meta tagy SEO

Meta tagy Twitter SEO, které musíte použít k používání karet Twitter, jsou následující: web, název, popis, tvůrce a obrázek.

After having implemented these Twitter meta tagy SEO, sharing your website on Twitter will automatically pull these Twitter meta tagy SEO from your website to display a Twitter card.



Mezinárodní obchodní poradenství
O autorovi - Mezinárodní obchodní poradenství
Yoann je mezinárodní obchodní konzultant, facilitátor a koordinátor. Pracoval více než 10 let v globálním obchodu, dodavatelském řetězci, finančním, SAP ERP projektech, optimalizaci webu a SEO pro různá průmyslová odvětví, jako je logistika, kosmetika, spotřební zboží, péče o krásu nebo móda, ve více než 30 zemích po celém světě. .
 


Komentáře (0)

Zanechat komentář