Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Розкрутка сайтів і Twitter Cards

Розкрутка сайтів і Twitter Cards Ефективна розкрутка сайтів на сьогоднішній день передбачає використання цілого комплексу різних методик. І в числі популярних нині засобів розкрутки сайтів можна назвати Twitter — сервіс мікроблогів, який позиціонується як соціальна мережа. Даний сервіс надає багато корисних можливостей для власників сайтів з точки зору просування, однак, мабуть, найбільш цікавою і незвичною з них можна назвати Twitter Cards.

Twitter Cards — це нове рішення, яке розширює можливості звичайних твітів. За допомогою Twitter Cards до кожного твіту можна додавати корисний вміст, включаючи великі і маленькі фотографії, відеоролики, аудіофайли, ціни тощо. У результаті інформаційна або рекламна інформаційна цінність твіту підвищується, за рахунок чого твіт стає більш привабливим для читачів.

Якщо коротко, то суть застосування Twitter Cards полягає в наступному. Для кожної сторінки розкручуваного сайту можна отримати унікальну картку Twitter Cards, яка буде з цією сторінкою пов'язана. І коли публікується твіт з посиланням на сторінку, що асоційована з такою карткою Twitter Cards, то робот Twitter збирає дані цієї картки з сайту і представляє їх у так званому зведенні (summary) даного твіту.

Створення картки Twitter Cards виконується з допомогою додавання в html-код сторінок сайту спеціальних метатегів — їх кількість і значення вибираються в залежності від типу картки. Всього існує на даний момент 8 типів карток Twitter Cards.

Summary Card. Це картка «за замовчуванням», вона містить заголовок і опис сторінки, на яку веде посилання, зображення, розміщене на сторінці, а також дані про автора твіту. Мінімальний розмір зображень для такої картки дорівнює 120х120 пікселів. Зображення більшого розміру автоматично кадруються. Розмір файлу зображення при цьому не повинен перевищувати 1 Мб.

Summary Card with Large Image. Картка, схожа на Summary Card, але використовуване нею зображення може бути більше, ніж у Summary Card, і воно розташовується над заголовком і описом картки. Мінімальна ширина зображення дорівнює 280 пікселів, а мінімальна висота — 150 пікселів. Розмір файлу зображення в даній картці не повинен перевищувати 1 Мб.

Photo Card. Картка, в якій зображення є головним акцентом, воно розташовується по центру твіту. Зображення в цій картці автоматично кадрується роботом Twitter відповідно з такими обмеженнями: для відображення web — максимум 435х375 пікселів, для мобільних пристроїв — максимум 280х375 пікселів, для мобільних пристроїв з екранами retina — максимум 560х750 пікселів. Заголовок у даній картці необов'язковий.

Gallery Card. Картка, в якій розміщено відразу кілька зображень (галерея). Цей тип картки дозволяє додавати до твіту до 4 різних зображень, а також вказувати авторство цих зображень. Заголовок і опис у даній картці необов'язкові.

App Card. Картка для додавання в твіт розширеної інформації про програму. Така картка дозволяє вказати назву програми, дати її опис, додати іконку. Також у неї можна додати дані про ціну і рейтинг програми. Даний тип картки поки підтримується тільки в iOS і Android клієнтах, але недоступний для web.

App Installs and Deep-Linking. Це навіть не окрема картка, а своєрідне розширення, що дозволяє підвищити функціональність існуючих карток Twitter Cards. З допомогою цього розширення можна, наприклад, додати в твіт можливість завантаження програми. Працює тільки для iPhone, iPad і Android (Google Play).

Card Player. Картка, яка додає медіаплеєр (відео або аудіо) до твіту. У середовищі web і в мобільному середовищі діє дещо по-різному. Вимагає більш тривалого підтвердження через валідатор Twitter Cards порівняно з іншими типами карток.

Product Card. Дана картка призначена для розширеного подання у твіті інформації про товар. Може містити заголовок з назвою товару, дані про ціну і місці продажу, опис товару та його фото. Для картки потрібно зображення мінімум 160х160 пікселів.

Щоб додати на сторінку сайту одну з карток Twitter Cards, необхідно вибрати серед перерахованих типів потрібний, а потім заповнити сторінки значення групи метатегів, пов'язаної з обраною карткою. Для стандартної картки (Sumamry Card) це такі метатеги:

  • twitter:card — тип картки, можна залишити порожнім, оскільки значення «summary» передбачено за замовчуванням;
  • twitter:domain — домен сайту, з яким зв'язується картка;
  • twitter:site — ім'я користувача в Twitter, який є власником (адміністратором) сайту;
  • twitter:creator — ім'я користувача в Twitter, який є автором контенту на сайті;
  • twitter:url — URL-адреса сторінки сайту, з якою пов'язується картка;
  • twitter:title — заголовок картки, може містити до 70 символів;
  • twitter:description — опис картки, може містити до 200 символів;
  • twitter:image:src — посилання на унікальне зображення, що ілюструє сторінку сайту; мінімальний розмір — 120х120 пікселів.

Щоб створена картка Twitter Cards почала враховуватися роботом Twitter, необхідно перевірити створені метатеги в спеціальному валидаторі. Якщо метатеги складено правильно, то перевірка пройде успішно, і картці буде присвоєно статус «approved». До речі, приклад діючої Summary Card можна подивитися у вихідному коді (викликається Ctrl+U) одного з проектів веб-студії WebStudio2U — збірника порад AnyDayLife.

В даний час практика показує, що посилання на сайт Twitter, а також активність передплатників сайту в цьому сервісі мають важливе значення при пошуковому ранжуванні сайтів. Тому така новинка, як Twitter Cards, дійсно може виявитися дуже корисною при комплексному просуванні сайту, так що її варто взяти на озброєння.


Раскрутка сайтов и Twitter Cards
Теги:
розкрутка сайтів, просування сайтів, twitter cards, розкрутка в twitter