Огромная аудитория Facebook, Twitter и ВКонтакте делает их отличными платформами для продвижения бизнеса. С помощью Open Graph, Twitter Cards и кнопок шеринга Вконтакте можно с большой пользой интегрировать веб-страницы в основной актив соцсетей - социальный граф.
Создание контента и поддержка сайта требуют много времени и усилий, но если конверсия остается низкой, а число клиентов не прибавляется – значит, работа проделана впустую. Исправить это помогут социальные сети. Огромная аудитория Facebook, Twitter и ВКонтакте делает их лучшими платформами для продвижения компании.
С помощью Open Graph, Twitter Cards и кнопок шеринга ВКонтакте можно с большой пользой интегрировать веб-страницы в потоки социальных графов – основной актив соцсетей.
В 2010 году Facebook запустила протокол Open Graph, чтобы стандартизировать использование метаданных и интегрировать социальную сеть со сторонними сайтами. С помощью Open Graph легко определить, какие элементы следует показать новой аудитории. Инструмент даёт полный контроль над тем, как выглядит ваш контент в социальных сетях.
Любые HTML-теги с og: перед именем свойства являются тегами Open Graph. Найти их можно в разделе <head> HTML веб-страницы.
Метаданные, metadata - (от греч. Meta и лат. Data) или «данные о данных» – это структурированные, кодированные данные, которые описывают характеристики объектов-носителей информации, способствуют идентификации, обнаружению, оценке и управлению этими объектами.
Метатеги, с помощью которых предоставляются метаданные, бывают обязательными или необязательными.
К обязательным относятся:
Например, тег og:image укажет на изображение, которым Facebook проиллюстрирует пост со ссылкой на веб-страницу.
Среди необязательных метатегов:
Имя сайта вставляется следующим образом: <meta property = ”og:site_name” content = ”имя сайта” />
Позднее метатеги протокола Open Graph стали применяться в других социальных сетях – LinkedIn, ВКонтакте. Также по их стандарту умеют показывать анонсы веб-страниц и мессенджеры - Slack, Skype, WhatsApp и Telegram.
Как и OpenGraph, Twitter Cards – тоже протокол, с помощью которого социальная сеть показывает контент сторонней веб-страницы. Он подходит для продвижения электронной коммерции, онлайн-магазинов, компаний и предприятий.
Благодаря share Twitter Cards, к твиту с ограниченным числом символов можно добавить изображения, ссылки, аудио и видеофайлы. Твиты с таким дополнением более привлекательны, чем только с текстом, и потому могут стать ценным инструментом для повышения узнаваемости бренда и увеличения продаж.
Существуют четыре типа Twitter Cards:
Применяется Twitter по умолчанию. Включает заголовок, описание, миниатюру изображения, атрибуцию учетной записи Twitter и прямую ссылку на контент.
Имеет те же характеристики, что и обычная Summary card, но ещё даёт возможность добавлять качественное изображение.
Благодаря этой карте можно смотреть, слушать или просматривать медиафайлы, не выходя из Twitter.
Идеально отлажена для приложений, особенно в мобильной версии. Ссылка этой карты перенаправляет фолловеров для загрузки аппов в магазин App Store.
Самостоятельная настройка Twitter Cards на сайте с нуля немного сложнее, чем Open Graph, и по силам скорее разработчику или SEO-специалисту, чем обычному интернет-пользователю. Но если вы настойчивы, разбираетесь в технологиях и быстро осваиваете новое, то стоит попробовать. Тем более, что Twitter составил подробную инструкцию.
Более простой способ настройки – с помощью плагинов и расширений. Если ваш сайт создан на WordPress, то для добавления метатегов Twitter Cards, воспользуйтесь плагинами Jetpack, Yoast SEO или JM Twitter Cards.
Если компания сосредоточена на российском рынке, то, пожалуй, неплохая площадка для продвижения бренда, услуг или товаров – соцсеть «ВКонтакте». Для интеграции «ВК – сторонний сайт» есть кнопки для шеринга (Open Graph Вконтакте).
VK Share-кнопки (от английского «share» – делиться) – это кнопки соцсетей. С их помощью удобно сделать репост статьи с сайта, новости, объявления о мероприятиях, скидках или распродажах. Если репост выглядит непривлекательным – например, на обложку поста попадет случайная картинка, пропадет заголовок или краткий анонс статьи – то и эффект для трафика от него будет меньше. Исключить вероятность подобных ошибок при использовании кнопок share VK поможет как раз разметка Open Graph.
При помощи метатегов настраивается корректное отображение публикации во ВКонтакте при репосте с сайта. При разметке обязательно должны быть указаны:
ВКонтакте даёт подробное описание, как добавить кнопку share VK на сайт.
Дебаггинг (отладка) – этап разработки программы, в ходе которого обнаруживают, локализуют и исправляют баги (ошибки).
Инструменты для анализа разметки и отладки оптимизации веб-страниц под социальные сети предоставляют отчет об ошибках с описанием, на что каждая из них влияет и как исправить.
Идеальное решение для масштабных проектов. Безупречная защита, высокая производительность и гибкая настройка.