Twitter meta oznake u HTML-u



Twitter meta oznake u HTML-u

Da bi URL web stranice ispravno prikazivao na Twitter kartici, potrebne su neke dodatne meta oznake, s ručkom izdavača, naslovom stranice, opisom sadržaja do 200 znakova, ručkom sadržaja autora sadržaja i slikom koja mora biti veće od 120x120 piksela.

Twitter SEO meta oznake u HTML-u

Moraju se koristiti sljedeće meta oznake, s donjim predloškom koji se može kopirati i zalijepiti.

Ovo je samo za Twitter kartice, a meta oznaka u HTML-u treba biti zalijepljena u glavnom dijelu koda:

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

Da bi imali cijeli podatkovne kartice Twittera, uključujući i meta oznake za Twitter karticu i meta oznake Facebook otvorenog grafikona, upotrijebite cijeli kod u nastavku.

Ovo će obuhvatiti sve HTML kartice metapodataka društvenih medija i dopustiti pravilnu dijeljenje URL-ova na sve njih:

<!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 kartica meta oznake

Nakon što se metapodaci Twittera implementiraju na web stranici, njihovo dijeljenje će donijeti pogled u nastavku, budući da će naslov, slika i opis biti ispravno preuzeti od strane Twittera.

Validator kartice za Twitter

Online aplikacija za programere dostupna je na web stranici Twittera i omogućuje devlopersima da sami provjeravaju jesu li bogate kartice meta oznake ispravno implementirane na svojim web stranicama.

Jednostavno otvorite web stranicu, zalijepite URL u kojem se trebaju pojaviti kartice s bogatim Twitterom i pogledajte rezultate ili potencijalne pogreške u slučaju pogrešno implementiranih oznaka.

Programeri za provjeru valjanosti kartica Twitter

Veličina slike na Twitteru

Slika objavljena na postu na usluzi Twitter mora biti barem 120 piksela širokog 120 piksela velika ili 120x120px.

Poštujte ove minimalne uvjete kako biste bili sigurni da će se slike uvijek prikazivati ​​ispravno na postovima na usluzi Twitter i učinit će im dobar izgled.

Gdje mogu letjeti? (@wcanifly) Twitter
Yoann Bierling (@ ybierling) Twitter
Pomoć pametnom telefonu (@help_smartphone) Twitter
Komparator putovanja (@travelcomparato) Cvrkut
Platforma za razvojne programere Twitter - razvojni programeri s usluge Twitter
Kijev beach club i Kijev noćna svjetlost u ljeto - Gdje mogu letjeti?

Daljnja očitanja

Da biste optimizirali svoje meta oznake za prikazivanje bogatih kartica i dijeljenje drugih društvenih medija, pogledajte ove velike web stranice koje sadrže korisne informacije:

SEO Cheat Sheet 2.0 za Web Developer
18 Meta tagova Svaka web stranica trebala bi biti u 2014
Protokol otvorenog grafikona
Pinterest bogati igle za posao
WooCommerce - Free Wordpress alat koji dodaje označavanje proizvoda

Twitter SEO meta oznake

Metaoznake za Twitter SEO koje morate upotrebljavati na Twitter karticama su sljedeće: web lokacija, naslov, opis, tvorac i slika.

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





Slični članci

DesignCap Infographic Maker - Prikažite komplicirane podatke na jednostavan način

DesignCap Infographic Maker - Prikažite komplicirane podatke na jednostavan način

Kroz eksperimentiranje i ponavljanja otkrili smo da uključivanje slika u postove na društvenim medijima ili na blogovima povećava angažman eksponencijalno.


komentari (0)

Ostavite komentar