Twitter metatags i HTML

Twitter metatags i HTML [Norsk]

Twitter metatags i HTML

For å få en nettsideadresse som vises riktig på et Twitter-kort, er det nødvendig med noen ekstra metakoder, med utgiverhåndtaket, sidetittelen, innholdsbeskrivelsen opptil 200 tegn, innholdet til skaperen og et bilde som må være større enn 120x120 piksler.

Twitter SEO metakoder i HTML

Følgende metatagger må brukes, med undermal som kan kopieres og limes inn.

Dette gjelder kun Twitter-kort, og metakoden i HTML skal limes inn i hovedenheten 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 åpen graf

For å få hele Twitter-nettsiden kort spesifikasjoner, inkludert Twitter-kort metakodes og Facebook åpne graf metakodes, kan hele koden nedenfor brukes.

Dette vil dekke alle sosiale medias meta data HTML-kort, og tillate en riktig deling av nettadressene dine på dem alle:

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

Når Twitter-metadataene har blitt implementert på nettstedet, vil deling av dem gi utseendet nedenfor, da tittelen, bildet og beskrivelsen blir hentet riktig av Twitter.

Twitter Card Validerer

En online-applikasjon for utviklere er tilgjengelig på Twitter-nettsiden, og lar devlopers kontrollere seg selv om de rike kortene har metatagger blitt riktig implementert på deres nettsider.

Bare åpne nettsiden, lim inn en nettadresse der Twitter-rike kortene skal vises, og se resultatene, eller de potensielle feilene ved merking av feilaktig implementering.

Card validator Twitter utviklere

Twitter postbilde størrelse

Et bilde som er lagt inn i et Twitter-innlegg, må være minst 120 piksler bredt med 120 piksler stort, eller 120x120px.

Følg disse minimumskravene for å være sikker på at bildene dine alltid vises riktig på Twitter-innleggene, og får dem til å se bra ut.

Hvor kan jeg fly? (@wcanifly) Twitter
Yoann Bierling (@ybierling) Twitter
Hjelp Smartphone (@help_smartphone) Twitter
Travel Comparator (@travelcomparato) | Twitter
Twitter utvikler plattform - Twitter utviklere
Kiev strandklubb og Kiev nattlys om sommeren - Hvor kan jeg fly?
Må ha sosiale metatags for Twitter, Google+, Facebook og mer - Moz

Ytterligere avlesninger

For å optimalisere meta-tagger for visning av rike kort og andre sosiale medier som deler puroposes, ta en titt på disse flotte nettstedene som er fulle av nyttig informasjon:

Webutviklerens SEO Cheat Sheet 2.0
18 Meta Tags hver nettside burde ha i 2014
Den åpne grafprotokollen
Utdrag - Google + -plattform
Pinterest Rich Pins for Business
WooCommerce - Gratis Wordpress verktøykasse som legger til produktmarkering

Twitter SEO meta tags

Metataggene for Twitter SEO som du må ha for å bruke Twitter-kortene, er følgende: nettsted, tittel, beskrivelse, skaper og bilde.

Etter å ha implementert disse Twitter SEO metakoder, vil deling av nettstedet ditt på Twitter automatisk trekke disse Twitter SEO metakoder fra nettstedet ditt for å vise et Twitter-kort.

Lignende artikler

kommentarer (0)

Legg igjen en kommentar

Øk annonsenes inntekt 50-250% med Ezoic. En Google Certified Publishing Partner.
Øk annonsenes inntekt 50-250% med Ezoic. En Google Certified Publishing Partner.
 
Øk annonsenes inntekt 50-250% med Ezoic. En Google Certified Publishing Partner.
Øk annonsenes inntekt 50-250% med Ezoic. En Google Certified Publishing Partner.