Twitter metatagek a HTML-ben

Twitter metatagek a HTML-ben [Magyar]

Twitter metatagek a HTML-ben

Annak érdekében, hogy a weboldal URL-je jól látható legyen a Twitter-kártyán, szükség van néhány további metacímkére, a kiadó kezelőjével, az oldal címével, a tartalom leírása legfeljebb 200 karakterrel, az alkotó tartalomkezelővel és egy képzel. nagyobb mint 120x120 képpont.

Twitter SEO metatagek a HTML-ben

A következő metatageket kell használni, a sablon alatt, amely másolható és beilleszthető.

Ez csak a Twitter kártyákra vonatkozik, és a metatagot a HTML-ben be kell illeszteni a kód fejrészébe:

<!-- 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 nyitott grafikon

Annak érdekében, hogy az egész Twitter honlap kártya specifikációk, beleértve a Twitter kártya metatagek és a Facebook nyílt gráf metatagek, az alábbi teljes kódot lehet használni.

Ez magában foglalja az összes szociális multimédiás metaadat HTML-kártyát, és lehetővé teszi az URL-ek megfelelő megosztását mindegyikük számára:

<!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">

Twitter kártya metatagek

Miután a Twitter metaadatait a weboldalon hajtották végre, a megosztásuk az alábbi megjelenést fogja eredményezni, mivel a cím, a kép és a leírás helyesen fog megjelenni a Twitteren.

Twitter kártyatulajdonos

A fejlesztők online alkalmazásai elérhetők a Twitter weboldalon, és lehetővé teszik a devlopers számára, hogy önmagukban ellenőrizzék, hogy a gazdag kártyák meta címkéinek megfelelően vannak-e végrehajtva a weboldalukon.

Egyszerűen nyissa meg a weboldalt, illessze be azt a URL-címet, amelyben a Twitter gazdag kártyák megjelenhetnek, és nézze meg az eredményeket, vagy a lehetséges hibákat, ha a címkéket rosszul hajtja végre.

Kártya validáló Twitter fejlesztők

Twitter post képek mérete

A Twitterben közzétett képnek legalább 120 képpont szélesnek kell lennie 120 képpontmérettel, vagy 120 x 120 képpont méretűre.

A minimális követelményeket tiszteletben tartva győződjön meg róla, hogy a képek mindig jól jelennek meg a Twitter bejegyzéseken, és jó megjelenést kölcsönöznek nekik.

Hol tudok FLY? (@wcanifly) Twitter
Yoann Bierling (@ ybierling) Twitter
Segítség Smartphone (@help_smartphone) Twitteren
Utazási összehasonlító (@travelcomparato) | Twitter
Twitter fejlesztői platform - Twitter fejlesztők
Kijev strand klub és kijevi éjszakai nyári - Hol tudok FLY?
Szüksége van a közösségi metatagákra Twitteren, Google+ -on, Facebookon és így tovább - Moz

További olvasmányok

Annak érdekében, hogy optimalizálja a meta címkéket a gazdag kártyák megjelenítéséhez és a többi közösségi média megosztásához, nézze meg ezeket a nagyszerű weboldalakat hasznos információkkal:

A Webfejlesztő SEO Cheat Sheet 2.0
18 Meta Tags Minden weblapnak 2014-ben kell lennie
Az Open Graph Protocol
Snippet - Google+ platform
Pinterest Rich Pins for Business
WooCommerce - Ingyenes Wordpress eszközkészlet, amely hozzáadja a termékjelölést

Twitter SEO meta tagek

A Twitter SEO metacímkék, amelyeket a Twitter kártyák használatához meg kell adni, a következők: webhely, cím, leírás, készítő és kép.

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

Hasonló cikkek


Hozzászólások (0)

Szólj hozzá