Как включить карточки веб-сайта Twitter для большего социального трафика

Опубликовано: 2015-10-26

Почти каждый твит со ссылкой выглядит одинаково.

«Заголовок + ссылка + через @handle + #хэштег».

И эта ссылка? Он совершенно неоптимизирован. Скучный. Вы нажимаете на твит, и ничего не происходит. Все, что пользователь знает о ссылке, — это то, что человек, которым она поделилась, выбирает для включения. Это не дает вам большого контроля над тем, как люди находят ваш сайт.

Не знаю, как вы, а я немного помешан на контроле. И мне не нравится, как это звучит.

Я хочу, чтобы пользователи Twitter знали, чего ожидать, когда они переходят по ссылке на мой сайт; быть взволнованным, чтобы испытать это. И как они могут это сделать, когда ничего не знают?

К счастью, Twitter должен радовать веб-сайты и бренды. Поэтому они придумали ответ на этот вопрос: карты Twitter.

Карточки Twitter — это простой способ добавить медиа в твиты. Примеры включают фотографии, видео и GIF-файлы, которые поддерживаются и расширяются на вашей временной шкале.

Вот пример карты изображения:

Как стать опытным поисковиком: использование систем пользовательского поиска Chrome https://t.co/1vS5WkCj8X
— Бриттани Бергер? (@thatbberg) 21 октября 2015 г.

А для владельцев веб-сайтов есть карточка веб-сайта Twitter. Он извлекает контент из общей ссылки и включает ваш дескриптор Twitter. Вот как это выглядит:

Дэнни Мейер избавляется от чаевых во всех 13 ресторанах своей сети Union Square Hospitality Group http://t.co/hCgRnOIZI0
— Нью-Йорк Таймс (@nytimes) 18 октября 2015 г.

Типы карт

Существует два типа карточек Twitter, которые помогут привлечь больше трафика на ваш сайт: сводная карточка и сводная карточка с большим изображением.

Сводная карта — это то, что показано в приведенном выше примере New York Times. Он включает в себя заголовок страницы, описание и миниатюру, а также ваш дескриптор Twitter с кнопкой быстрого доступа.
Сводная карта с большим изображением более наглядна. Вместо того, чтобы показывать несколько фрагментов информации о странице, он извлекает большую миниатюру страницы и больше ничего.

Что бы вы ни выбрали, ваш контент будет занимать больше места на временной шкале.

Два основных преимущества карточек сайта

Это поможет вам заработать подписчиков. Если вы используете обычную сводную карту, любой, кто делится вашим контентом, продвигает ваш дескриптор. Включают ли они это в текст своего твита или нет.
Вы получите более высокий рейтинг кликов. Не секрет, что всем нам нравятся мультимедийные материалы и привлекательный контент. Обычные ссылки старые и скучные. Предоставление пользователям «чего-то еще» в твите может помочь убедить их в его ценности, пока они не захотят увидеть ваш сайт.

Как включить карточки сайта Twitter в WordPress

Есть два способа включить карточки веб-сайтов Twitter: с помощью плагина или самостоятельного добавления кода.

Использование SEO-плагина WordPress

Довольно много плагинов могут получить карточки Твиттера на вашем сайте, но я уверен, что один из них у вас уже есть: WordPress SEO.

Вот как это настроить:

На панели управления WordPress перейдите в раздел «Социальные сети» в настройках WordPress SEO.
В «Учетных записях» введите свой дескриптор Twitter (не включайте «@») в соответствующее поле.

твиттер-карты-дескриптор

Перейдите на вкладку Twitter.

твиттер-карты-резюме

Установите флажок, чтобы включить метаданные карты Twitter.
Выберите тип используемой карточки: обычная карточка веб-сайта или большая карточка изображения.
Сохранить изменения.

Разве это не легко? Чувак, этот плагин крут по многим причинам.

Использование джетпака

В Publicize by Jetpack по умолчанию будут включены карточки веб-сайтов Twitter (без большого изображения). Вам просто нужно подать заявку через валидатор Twitter. Для пользователей Jetpack это действительно не может быть проще.

Однако, если вы еще не используете WordPress SEO или Jetpack, вы определенно не хотите устанавливать их только для этой функции (значительное излишество). Так что есть и плагины только для карточек Твиттера.

Использование карт JM Twitter

JM Twitter Cards — это автономный плагин, который дает вам расширенный контроль над вашими карточками страниц. У вас есть больше вариантов выбора, чем просто две карточки веб-сайта, и вы можете настроить информацию для каждого сообщения или страницы прямо из редактора.

После того, как вы загрузили плагин, вы захотите включить настройки для всего сайта, чтобы установить значения по умолчанию, когда вы не настроили информацию.

Чтобы начать:

Заполните свой дескриптор Twitter (вы можете указать отдельные дескрипторы для публикации и автора поста) и тип карточки в общих настройках.

твиттер-карты-JM

На вкладке «Изображения» выберите резервное изображение, которое плагин будет использовать, если он не сможет найти другое на странице.

твиттер-карты-изображение

Это все, что вам действительно нужно, но вы можете погрузиться в более продвинутые настройки, если хотите.

Добавление HTML самостоятельно

Кроме того, вы можете добавить метатеги на свой сайт самостоятельно. Вот пример того, что вы добавите в <head>:

&amp;amp;lt;meta name=&amp;amp;quot;twitter:card&amp;amp;quot; content=&amp;amp;quot;summary_large_image&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:site&amp;amp;quot; content=&amp;amp;quot;@nytimes&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:creator&amp;amp;quot; content=&amp;amp;quot;@SarahMaslinNir&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:title&amp;amp;quot; content=&amp;amp;quot;Parade of Fans for Houston’s Funeral&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:description&amp;amp;quot; content=&amp;amp;quot;NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:image&amp;amp;quot; content=&amp;amp;quot;http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg&amp;amp;quot;&amp;amp;gt;

Это было бы для карточки веб-сайта с большим изображением. Дополнительную информацию о настройке метатегов можно найти здесь для карточек с большими изображениями и здесь для карточек веб-сайтов.

Для большинства методов подача заявки с помощью валидатора больше не требуется. Но если вы хотите использовать его для предварительного просмотра и перепроверки значений, вы можете сделать это здесь.

Заставьте Twitter работать на вас

Для реализации подобных изменений требуется пять минут. Навсегда. А взамен? Ваш сайт более оптимизирован для социальных сетей. И когда другие люди могут привлечь трафик на ваш сайт так же хорошо, как и вы, ваше внимание может переместиться в другое место.

Не останавливайтесь на достигнутом; вставьте карточки Twitter в свой блог. Это сделает вас популярным! Узнайте, как здесь.