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 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 ö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:

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

Master webbplats skapande: registrera dig nu!

Förvandla din digitala närvaro med vår omfattande kursskapningskurs - Börja din resa för att bli webbexpert idag!

Anmäla sig här

Förvandla din digitala närvaro med vår omfattande kursskapningskurs - Börja din resa för att bli webbexpert idag!

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.

Vanliga Frågor

Hur kan webbutvecklare använda Twitter Meta -taggar i HTML för att förbättra utseendet och informationen om delat innehåll på Twitter?
För att optimera innehållet för Twitter kan utvecklare infoga Twitter -kortmetataggar i HTML på en webbsida. Dessa taggar (`Twitter: Card ',` Twitter: Site', `Twitter: Titel ',' Twitter: Beskrivning ',' Twitter: Image ') Ange hur URL: er visas i tweets, vilket möjliggör en rikare presentation med titlar, beskrivningar, beskrivningar, Bilder och till och med videoinnehåll, vilket förbättrar engagemang och klickfrekvenser.

Yoann Bierling
Om författaren - Yoann Bierling
Yoann Bierling är en Web Publishing & Digital Consulting Professional, vilket gör en global inverkan genom expertis och innovation inom teknik. Han är passionerad om att stärka individer och organisationer att trivas i den digitala tidsåldern och drivs för att leverera exceptionella resultat och driva tillväxt genom skapande av utbildningsinnehåll.

Master webbplats skapande: registrera dig nu!

Förvandla din digitala närvaro med vår omfattande kursskapningskurs - Börja din resa för att bli webbexpert idag!

Anmäla sig här

Förvandla din digitala närvaro med vår omfattande kursskapningskurs - Börja din resa för att bli webbexpert idag!




kommentarer (0)

Lämna en kommentar