Плагин вывода og:image на основе дополнительного поля в DLE

Разметка Open Graph уже реализована в движке DLE и работает правильно, но только до тех пор, пока...




Разметка Open Graph уже реализована в движке DLE и работает правильно, но только до тех пор, пока вы используете вставку картинок в тело новости. Если в вашей публикации картинки выводятся через дополнительные поля - то метатег og:image предназначенный для вывода ссылки на изображение оказывается пустым. И при репостинге ссылок на вашу страницу сайты не отображается картинка с сайта. Для исправления этой проблемы подойдет плагин Своя картинка в og:image в полной новости



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

Разметку Open Graph используют Facebook, Вконтакте, Google+, Twitter, LinkedIn, Pinterest и другие сервисы. В Яндексе Open Graph используется для передачи данных в сервис Яндекс.Видео.


Пример кода генерируемого DLE для новостей.
<meta property="og:site_name" content="TCSE разработка и техническое сопровождение сайтов на основе DLE (DataLife Engine)">
<meta property="og:type" content="article">
<meta property="og:title" content="AMP для DLE - плагин AMP4DLE pro (платная версия)">
<meta property="og:url" content="https://tcse-cms.com/works/1610-amp-dlja-dle-plagin-amp4dle-pro.html">


В данном случае нас интересует только og:image

og:image — здесь указываем, какую картинку нужно подтянуть к публикации при репосте. В атрибуте content указывается URL изображения. Обратите внимание! При использовании разметки изображение может даже не находиться в статье или на странице. Его можно разместить в любой директории сайта, а в теге og:image указать ссылку на него. При репосте соцсети проигнорируют картинки на странице, а подтянут указанное изображение из нужной директории.

Плагин позволяющий указать название свое дополнительного поля для использования в разметке og:image основан на примере с форума поддержки https://forum.dle-news.ru/topic/72594

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

Перейдите в раздел Настройки скрипта -> Настройки системы -> Общие
в нем найдите пункт Указать название дополнительного поля картинки для og:images



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


Скачать плагин:
Скачать файл: ogimage_v2_1.xml [4,02 Kb] (cкачиваний: 142)


PS:
Про микроразметку статей так же имеет смысл прочитать статью https://habr.com/ru/company/click/blog/492258/

Как быть с размерами картинок

У каждой соцсети есть свои требования к размеру картинок. По-хорошему, под каждую соцсеть нужно готовить отдельное изображение с подходящими размерами. Например, вы публикуете на сайте статью, которую планируете репостить в три соцсети: Твиттер, Фейсбук и ВКонтакте. Для каждой соцсети готовите отдельную картинку. Чтобы каждая соцсеть загрузила именно «свою» картинку, необходимо указать в разметке Open Graph следующие теги:


vk:image
fb:image
twitter:image

При репосте во ВКонтакте соцсеть учтет только тег vk:image, а остальные проигнорирует. Точно так же поступят и остальные соцсети.

instant articles для dle - плагин DLE-rss-instant-articles

instant articles для Facebook в формате RSS Очень специфический плагин, предназначенный для

Модуль DLE importNews - работа с новостями сайта через CSV

ЭКСПОРТ / ИМПОРТ НОВОСТЕЙ DLE Плагин для DLE, позволяющий выгружать новости в CSV и загружать их на

Блог им. mancocapac / Google обесценивает ссылки с DMOZ и Yahoo?

По крайней мере, именно так восприняли SEO-оптимизаторы во всем мире тот факт, что рекомендация по

UNITE Gallery by TCSE - плагин галереи картинок

UNITE Gallery - модуль генерации галереи картинок из допполей (Плагин для DLE 13 и выше) Данный

Как наложить иконку плеера поверх картинки на примере youtube превью

При использовании великолепного плагина YouTube PopUp jQuery Plugin который позволяет любой ссылке

Кросспостинг свежих материалов вашего сайта в блогохостингах и социальных сетях

Если кратко: вышла на вашем сайте свежая публикация и тут же автоматически анонс статьи ушел в ваш

3 Комментарии

    1. Руслан

      22 марта 2021 00:42

      Здравствуйте, работает ли это с типом поля "Изображение"?

      1. TCSE

        22 марта 2021 10:23

        Руслан, попробуйте вписать название свое поля типа "изображение" в форму модуля



        и вам сразу все станет понятно.

        В базе данных сайта не храниться изображение - там находиться часть адреса с названием конкретной картинки.

    1. TCSE

      7 января 2022 16:16

      Вместо этого плагина в DLE 15.1 заявлена новая функция

      14. Для дополнительный полей, имеющих тип "Изображение" или "Галерея изображений", добавлена новая опция: "Использовать изображение в разметке Open Graph". Тем самым вы можете напрямую указать из какого поля брать ссылку на изображение при формировании метатегов. Если явное указание отсутствует, то как и ранее изображение будет получено автоматически из всех полей. Если данную опцию имеют несколько полей, то изображение будет взято из первого, которое присутствует в новости и заполнено.

      Источник: https://dle-news.ru/pressrelease/1853-datalife-engine-v151-press-release.html

Написать комментарий

  • Смайлы и люди
    Животные и природа
    Еда и напитки
    Активность
    Путешествия и места
    Предметы
    Символы
    Флаги