+8
Started

Добавить мета-теги Open Graph

BDSM Россия 6 years ago • updated by Dmitry Taubkin 6 months ago 9 1 duplicate

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

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

<meta property="og:title" content="Заголовок статьи или новости"/>

<meta property="og:type" content="article"/>

<meta property="og:url" content="http://devaka.ru/articles/opengraph-for-like-buttons"/>

<meta property="og:image" content="http://devaka.ru/images/816.png"/>

<meta property="og:site_name" content="Devaka.ru"/>

<meta property="fb:admins" content="USER_ID"/>

<meta property="og:description" content="Короткое описание для анонса ссылки."/>

Answers

Answer
Started
С версии 6.0.2 в инфолентах реализована основная поддержка тегов. Автоматически берется ссылка из расширения изображений, с возможностью ручной коррекции на закладке Параметры и SEO.
Answer
Under review
Хорошее предложение. Спасибо, изучим.

Duplicates 1

Answer
Under review
Хорошее предложение. Спасибо, изучим.
,более того эти тэги, не только должны формироваться в в хеадере но и посылаться сервером .
Насчет посылаться сервером не уверен, так как простая установка этих тегов в header на странице полностью решает проблему - проверено.
Также дополню немного комментарием к тегу: <meta property="og:image" content="http://www.mysite.ru/article_image.jpg"/> - Путь к картинке должен быть абсолютным, с указанием адреса сайта.
Нигде про это ни слова, но в коде версии 6.0 уже добавлены эти теги (правда не все) и в админке можно задать ссылку на необходимое изображение


Полезное дополнение, Дмитрий.
Задача реализована пока не полностью, поэтому идея не закрыта. В истории версий данная информация упомянута.
Answer
Started
С версии 6.0.2 в инфолентах реализована основная поддержка тегов. Автоматически берется ссылка из расширения изображений, с возможностью ручной коррекции на закладке Параметры и SEO.

Добрый день!

Реализуйте и для текстовых страниц сайта.

Или как варианте напишите исчерпывающую инструкцию по внедрению семантической разметки в ваш движок для различный модулей и в том числе обычных текстовых страниц.

Можно было бы сделать через javascript например:

<script type="text/javascript">
jQuery("meta[property='og:title']").attr('content',document.title);
jQuery("meta[property='og:description']").attr('content',document.querySelector('meta[name="description"]').content);
jQuery("meta[property='og:url']").attr('content',location.href);
</script>

но такой вариант не для поисковых роботов.