Безперечний тренд останніх років - це візуалізація структурованих даних, яскравими прикладами якої є Яндекс.Острова і Rich Snippets. Не відстає від пошукових систем і найпопулярніший в світі сервіс мікроблогів.
Так виглядає стандартна картка товару:
Twitter підтримує сім видів карток:
Як впровадити Twitter Cards?
Для початку заходимо в інструмент створення картки і вибираємо варіант оформлення:
Вибравши картку, ми отримуємо список тегів, які потрібно заповнити та розмістити на сайті.
Приклад коду картки товару
Перші 11 тегів - стандартні, інші призначені для мобільних пристроїв. В першу чергу нам цікава саме перша партія.
Обов'язкові теги для розміщення:
data - додатковий тег для картки товару, за допомогою якого можна підтягувати різну інформацію зі сторінки товару
label містить короткий опис інформації, зазначеної в тезі data
Приклад готового коду: