При отправке ссылки Telegram считывает метатеги на указанном URL, кеширует их и выводит на экран ссылку в виде красивого блока. Добавим в этот блок свой логотип.
Для начала нам понадобится сам логотип в векторном формате SVG. Размещаем файл логотипа на сайте. Теперь нужно, чтобы в HTML код ссылки добавился метатег вида:
<link rel="mask-icon" href="logo.svg">
Данный метатег использует браузер Safari для отображения иконки сайта, есои нужно разукрасить иконку, то можно прописать цвет:
<link rel="mask-icon" href="logo.svg" color="#00ffff">
Telegram использует тот же метатег для иконок URL в мессенджере. Цвет можно не использовать.
Чтобы установить на всех страницах сайта Drupal указыннай выше метатег понадобится расширение Metatag, я уже рассказывал про него раньше. Устанавливаем:
Включаем расширение Metatag и Metatag: Favicons.
Переходим в конфигурацию модуля Metatag.
/admin/config/search/metatag
Редактируем глобальный раздел.
В этом разделе указываются метатеги, которые будут отображаться на сайте по умолчанию. Переопределить их можно в других разделах.
Разворачиваем блок FAVICONS & TOUCH ICONS.
В поле Mask icon (SVG) указываем путь к нашему SVG логотипу. В поле Mask icon color, кстати, можно указать цвет, но для Telegram он не понадобится. Сохранить.
Обновляем кэш сайта и смотрим содержимое любой страницы.
Метатег добавился. Отправляем ссылку в Telegram. Сверху сообщение до установки метатега, снизу — после.
Модуль метатег позволяет устанавливать метатеги для разделов и даже каждых страниц. При желании можно сгенерировать для разных ссылок собственные SVG картинки.
В качестве бонуса: в Яндекс Дзен ссылка тоже становится привлекательнее...
