Tagi meta na Twitterze w HTML

Tagi meta na Twitterze w HTML [Polski]

Tagi meta na Twitterze w HTML

Aby prawidłowo wyświetlać adres URL witryny na karcie Twitter, potrzebne są dodatkowe metatagi z uchwytem wydawcy, tytułem strony, opisem treści do 200 znaków, uchwytem treści twórcy i zdjęciem, które musi być większy niż 120x120 pikseli.

Meta tagi SEO na Twitterze w HTML

Należy użyć następujących metatagów, z poniższym szablonem, który można kopiować i wklejać.

Dotyczy to wyłącznie kart na Twitterze, a metatag w HTML powinien zostać wklejony w sekcji head kodu:

<!-- 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 otwarty wykres

Aby uzyskać pełną specyfikację karty witryny Twitter, w tym metatagi z kartą na Twitterze i metatagi otwartego wykresu na Facebooku, można użyć pełnego poniższego kodu.

Obejmuje to wszystkie karty HTML mediów społecznościowych i pozwala na prawidłowe udostępnianie adresów URL we wszystkich z nich:

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

Tagi meta na Twitterze

Gdy metadane Twittera zostaną zaimplementowane w witrynie, udostępnienie ich spowoduje wyświetlenie poniższego opisu, ponieważ tytuł, obraz i opis zostaną poprawnie pobrane przez Twittera.

Walidator kart na Twitterze

Aplikacja online dla programistów jest dostępna na stronie internetowej Twittera i umożliwia deweloperom samodzielne sprawdzenie, czy bogate karty mają metatagi prawidłowo wdrożone na ich stronach internetowych.

Po prostu otwórz stronę internetową, wklej adres URL, w którym powinny pojawić się karty Rich z Twittera, i zobacz wyniki lub potencjalne błędy w przypadku błędnie zaimplementowanych tagów.

Weryfikator kart Twórcy Twittera

Rozmiar obrazu posta na Twitterze

Obraz opublikowany w poście na Twitterze musi mieć co najmniej 120 pikseli szerokości i 120 pikseli, czyli 120 x 120 pikseli.

Przestrzegaj tych minimalnych wymagań, aby mieć pewność, że Twoje zdjęcia będą zawsze poprawnie wyświetlane na postach na Twitterze i sprawią, że będą wyglądać dobrze.

Gdzie mogę latać? (@wcanifly) Twitter
Yoann Bierling (@ybierling) Twitter
Pomóż Smartphoneowi (@help_smartphone) Twitter
Travel Comparator (@travelcomparato) | Świergot
Platforma programistów Twittera - twórcy Twittera
Kijowski klub plażowy i nocne światło Kijowa latem - gdzie mogę latać?
Musi mieć społeczne metatagi dla Twittera, Google+, Facebooka i innych - Moz

Dalsze odczyty

Aby zoptymalizować metatagi do wyświetlania bogatych kart i innych puropos udostępnienia w mediach społecznościowych, spójrz na te wspaniałe strony internetowe pełne przydatnych informacji:

Arkusz oszustw SEO dla programistów witryn internetowych 2.0
18 tagów meta, które każda strona powinna mieć w 2014 roku
Protokół Open Graph
Snippet - platforma Google+
Pinterest Rich Pins dla biznesu
WooCommerce - bezpłatny zestaw narzędzi Wordpress, który dodaje znaczniki produktu

Meta tagi SEO na Twitterze

Metatagi SEO na Twitterze, których musisz używać, aby używać kart na Twitterze, to: strona, tytuł, opis, twórca i obraz.

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

Galeria zdjęć

Podobne artykuły

Komentarze (0)

zostaw komentarz

Zwiększyć przychody z reklam o 50-250% dzięki Ezoic. Certyfikowany partner wydawców Google.
Zwiększyć przychody z reklam o 50-250% dzięki Ezoic. Certyfikowany partner wydawców Google.
 
Zwiększyć przychody z reklam o 50-250% dzięki Ezoic. Certyfikowany partner wydawców Google.
Zwiększyć przychody z reklam o 50-250% dzięki Ezoic. Certyfikowany partner wydawców Google.