amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Совершенствуем кнопки социальных сетей с помощью Open Graph

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

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

В общем, это всё плохо, и кнопки социальных сетей требуют немедленного совершенствования.

Протокол Open Graph

Open Graph – это протокол, который позволяет создать все лайки в соцсети по заданным требованиям. Этакий стилизатор лайков. Благодаря им, клик по кнопкам социальных сетей выведет в ленту красивый пост, такой, который привлечёт положительное внимание (если, конечно, его правильно стилизовать).

Усовершенствование кнопок социальных сетей происходит с помощью добавления специальных Open Graph мета-тегов, которых основных есть три штуки:

  • og:image – показывает адрес до картинки, которая должна отобразиться в ленте пользователя при клике на кнопки социальных сетей. Больше ни одна соцсеть не выдернет случайное изображение. А, кроме того, можно показывать адрес не только тех картинок, которые были в записи, но и любых других.
  • og:title – показывает, какой заголовок будет у поста в соцсети, и не обязательно его делать таким же, как и название статьи. Можно попытаться прикрутить в него какие-то маркетинговые слова и сделать более кликабельным.
  • og:description – это описание. Чаще всего соцсети выхватывают описание из тега description. И мы все знаем, что туда рекомендуется писать не более 160 символов. Большинство социальных сетей берут до 300 символов, поэтому тут можно написать гораздо больше, прибавить ключевиков и маркетинговых оборотов.

Чтобы усовершенствовать кнопки социальных сетей с помощью Open Graph, следует прописать все эти теги и вставить их. Вставить можно вручную, а можно воспользоваться плагином Seo Ultimate или ему подобными.

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

Адель Гадельшин

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago