Twitter metataggar i HTML



Twitter metataggar i HTML

För att få en webbadress som visas korrekt på ett Twitter-kort krävs några extra metakoder, med utgivarens hantering, sidtitel, innehållsbeskrivning upp till 200 tecken, innehållsbehandlarens innehåll och en bild som måste vara större än 120x120 pixlar.

Twitter SEO metataggar i HTML

Följande metataggar måste användas, med nedanstående mall som kan kopieras och klistras in.

Detta gäller endast Twitter-kort, och metataggen i HTML ska klistras in i huvuddelen av koden:

<!-- 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 öppet diagram

För att få hela Twitter-webbplatsens kortspecifikationer, inklusive meta-taggarna för Twitter-kort och de öppna metataggarna för Facebook, kan hela koden nedan användas.

Detta kommer att omfatta alla HTML-kort för sociala medier med metadata och tillåta en korrekt delning av dina webbadresser på dem alla:

<!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-kort metataggar

När Twitter-metadata har implementerats på webbplatsen kommer delning av dem att ge utseendet nedan, eftersom titeln, bilden och beskrivningen kommer att hämtas på rätt sätt av Twitter.

Twitter-kortgodkännare

En online-applikation för utvecklare finns tillgänglig på Twitter-webbplatsen och tillåter devlopers att kontrollera sig om de rika korten har metataggar korrekt genomförda på sina webbplatser.

Öppna bara webbsidan, klistra in en webbadress där Twitter-rika kort ska visas och se resultaten eller eventuella fel vid taggar som är felaktigt genomförda.

Card validator Twitter utvecklare

Twitter post bildstorlek

En bild som publiceras i en Twitter-post måste vara minst 120 pixlar bred med 120 pixlar stor eller 120x120px.

Respektera dessa minimikrav för att vara säker på att dina bilder alltid visas korrekt på Twitter-inläggen och gör dem snygga.

Var kan jag flyga? (@wcanifly) Twitter
Yoann Bierling (@ybierling) Twitter
Hjälp Smartphone (@help_smartphone) Twitter
Travel Comparator (@travelcomparato) | Twitter
Twitter utvecklare plattform - Twitter utvecklare
Kiev strandklubb och Kiev nattlampa på sommaren - Var kan jag flyga?

Ytterligare avläsningar

För att optimera dina metakoder för visning av rika kort och andra sociala medier som delar puroposer, kolla på dessa bra webbplatser med användbar information:

Webbutvecklarens SEO Cheat Sheet 2.0
18 Metataggar Varje webbsida borde ha 2014
Open Graph Protocol
Pinterest Rich Pins för Business
WooCommerce - Gratis Wordpress verktygslåda som lägger till produktmarkup

Twitter SEO metataggar

Metataggarna för Twitter SEO som du måste ha för att använda Twitter-korten är följande: webbplats, titel, beskrivning, skapare och bild.

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





Liknande artiklar

Så här stänger du av autoplay på Facebook

Så här stänger du av autoplay på Facebook

Den mycket irriterande nya funktionen hos Facebook spelar automatiskt upp video kan enkelt stängas av. För att stoppa autoplay på Facebook, gå till Inställningar> Videor> Spela upp videor> Ändra standard för avstängning.


kommentarer (0)

Lämna en kommentar