Twitter meta tag-uri în HTML

Twitter meta tag-uri în HTML

Pentru a avea o adresă URL a site-ului web afișată corect într-un card Twitter, sunt necesare câteva etichete meta suplimentare, cu mânerul editorului, titlul paginii, descrierea conținutului de până la 200 de caractere, mânerul conținutului creatorului și o imagine care trebuie să fie mai mare de 120x120 pixeli.

Twitter meta tag-uri SEO în HTML

Următoarele metaetichete trebuie să fie utilizate, cu șablon de mai jos, care poate fi copiat și lipit.

Aceasta este numai pentru cartelele Twitter și eticheta meta din HTML trebuie inserată în secțiunea de cap a codului:

<!-- 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 grafice deschise

Pentru a avea specificațiile întregii cărți de pe site-ul Twitter, inclusiv meta-tagurile cărții de vizită Twitter și meta-tagurile grafice deschise Facebook, se poate folosi codul complet de mai jos.

Aceasta va acoperi toate cardurile HTML pentru meta date sociale ale societatii si va permite partajarea corecta a adreselor URL pe toate:

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

Cartela de meta tag-uri Twitter

Odată ce metadatele de pe Twitter au fost implementate pe site, împărtășirea acestora va produce aspectul de mai jos, deoarece titlul, imaginea și descrierea vor fi preluate în mod corespunzător de către Twitter.

Card validator Twitter

O aplicație online pentru dezvoltatori este disponibilă pe site-ul Twitter și permite dezvoltatorilor să verifice singuri dacă cartelele bogate au meta tag-uri implementate corect pe site-urile lor.

Trebuie doar să deschideți pagina web, să inserați o adresă URL în care ar trebui să apară cartele bogate în Twitter și să vedeți rezultatele sau erorile potențiale în cazul în care etichetele sunt implementate în mod greșit.

Card validator Twitter dezvoltatori

Dimensiunea imaginii de dimensiune Twitter

O imagine postată într-o postare pe Twitter trebuie să fie de cel puțin 120 pixeli lățime de 120 de pixeli mari sau 120x120 pixeli.

Respectați aceste cerințe minime pentru a vă asigura că imaginile dvs. vor apărea întotdeauna în mod corespunzător în mesajele Twitter și le va face să aibă un aspect bun.

Unde pot să zburam? (@wcanifly) Twitter
Yoann Bierling (@ybierling) Twitter
Ajutați-l pe Smartphone (@help_smartphone) Twitter
Comparator de călătorie (@travelcomparato) Stare de nervozitate
Platforma dezvoltatorilor Twitter - dezvoltatori Twitter
Kiev club de plajă și Kiev noaptea de vară - în cazul în care pot să zboară?
Trebuie să aveți meta-etichete sociale pentru Twitter, Google+, Facebook și altele - Moz

Citiri suplimentare

Pentru a vă optimiza meta-tagurile pentru afișarea cardurilor bogate și pentru alte tipuri de partajări sociale, vizitați aceste site-uri web pline de informații utile:

Web Developer's Cheat Sheet Sheet 2.0
18 etichete Meta Fiecare pagină Web ar trebui să aibă în 2014
Protocolul Open Graph
Fragment - Platforma Google+
Pinterest Rich Pins pentru afaceri
WooCommerce - Free toolkit Wordpress care adaugă marcarea produsului

Twitter meta tag-uri SEO

Etichetele meta SEO pe care trebuie să le ai pentru a utiliza cardurile Twitter sunt următoarele: site-ul, titlul, descrierea, creatorul și imaginea.

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

Yoann
Despre Yoann
Yoann este consultant internațional. El ajută întreprinderile să își implementeze proiectele internaționale, facilitând schimburile între diferite culturi, specialități, fluxuri și tehnologii. El se dezvoltă în proiectarea, îmbunătățirea, adaptarea, inovarea și soluționarea soluțiilor, pentru a satisface clienții. El a creat www.ybierling.com pentru a-și împărtăși experiența. A lucrat mai mult de 10 ani în dezvoltarea afacerilor internaționale, perfecționarea lanțului de aprovizionare la nivel mondial, optimizarea financiară, implementarea proiectului SAP ERP și suportul de afaceri bazat pe Web. El a făcut posibilă transformarea afacerii în diverse industrii, cum ar fi logistica, cosmeticele, bunurile de consum, frumusețea sau moda, în multe țări din întreaga lume.
 

Comentarii (0)

Lasa un comentariu