Moderní tvorba webových aplikací

O webu

Náhled odkazu na Twitteru

Jak u odkazu na Twitteru zobrazit jeho náhled?

2 minuty

Obrázek finálního zobrazení náhledu na Twitteru

Lze použít tzv. Twitter Cards, tedy:

  1. přidat pár <meta> značek s informacemi pro Twitter,
  2. vyzkoušet si, zda to správně funguje,
  3. vyplnit pár údajů a požádat o schválení,
  4. počkat několik dní, možná týden (tento web čekal 8 dní).

Pokud se už na webu používají og:* značky pro sdílení na Facebooku, použijí se, není tedy nutno je duplikovat.

Meta značky funkční napříč těmito sociálními sítěmi mohou být:

<meta name="twitter:card" content="summary"> 
<meta name="twitter:site" content="@Jahoda">
<meta name="twitter:creator" content="@Jahoda">
<meta property="og:url" content="{link //this}"> 
<meta property="og:title" content="{include #title}"> 
<meta property="og:description" content="{$description}" n:ifset="$description">
<meta property="og:image" content="{$image}" n:ifset="$image">

(Ukázka je z šablony Latte z Nette Frameworku.)

Co umí Twitter oproti Facebooku navíc?

Podporuje více formátů náhledů. 

Možnosti Twitter „karet“

  1. Popis,
  2. produkt,
  3. fotografie,
  4. popis se velkým obrázkem,
  5. videopřehrávač,
  6. galerie obrázků.

Související články

Náhled odkazu při sdílení na sociálních sítích

Jak upravit stránku, aby se hezky zobrazovala při sdílení na Facebooku a Twitteru.

8 minut

Počet sdílení na Facebooku a Twitteru

Jak pomocí API získat ve JSONu počet sdílení stránky na Facebooku a Twitteru.

4 minuty

Jak sám sebe přidat do Twitter seznamu

Jak přidat svůj Twitter účet do vlastního seznamu (listu).

2 minuty

Zobrazení avataru z Twitteru

Jak na svém webu zobrazit avatar uživatele z Twitteru, známe-li jeho jméno/přezdívku.

3 minuty

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025