Как создать превью в ТГ

Недавно(нет) я заметил, что ссылки на мои статьи неправильно “предпоказываются” в Telegram(и как выяснилось в facebook), несмотря на то, что я включил OpenGraph в hugo. Почему? Сейчас разберемся, а также глянем, что такое OpenGraph в целом.

OpenGraph

OpenGraph это разработка всем известного the facebook. Смысл в том, чтобы облегчить в первую очередь себе, но заодно и всем другим социальным платформам(в данном контексте любое место, где можно делиться контентом, в том числе и ссылками) взаимодействие со сторонними ресурсами. Что все это значит для пользователя? Ссылка оставленная в соц. сети выглядит не так:

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

• og:locale— указывает локализацию (язык сайта), можно использовать значение “ru_RU” по умолчанию.
• og:type— указывает тип страницы (статья, новость, видео, категория и т. д.), можно использовать по умолчанию “article”.
• og:title— указывает заголовок статьи.
• og:description— указывает краткое описание, которое выводится при формировании превью ссылки.
• og:url— ссылка на страницу сайта.
• og:image— ссылка на картинку, которая будет отображаться в посте.
• og:site_name— название сайта.
• og:video- ссылка на видео, если тип будет video, то подтянет данный видео-файл.
• og:audio- ссылка на аудио, тоже самое что и video. Также есть og:music

На самом деле еще очень много разных типов и расширений у них, так что для полного ознакомления лучше почитать на главной странице проекта/стандарта.

КАК СДЕЛАТЬ ПРЕВЬЮ НА ТЕЛЕФОНЕ в 2023 ГОДУ

Как начать использовать

Если речь идет про hugo, то ссылка на мануал далее. Если же речь идет о сайте на своих шаблонах и рендерах, то добавляется это все следующим образом:

1. Большинство соц. сетей сами понимают, что сайт использует OpenGraph и читают сразу мета-данные, однако иногда, например в случае Telegram, нужно указывать это явно с помощью аттрибута:

123
htmlprefix=»og: http://ogp.me/ns#»>* * * html>

1. Далее указываем сами типы, файлы и тд.:

1234567
metaproperty=»og:type»content=»article»>metaproperty=»og:title»content=»Vue и Битрикс24″>metaproperty=»og:description»content=»Однажды мне пришлось…»>metaproperty=»og:url»content=»https://slnt-opp.xyz/posts/code_n_shit/bx24/»>metaproperty=»og:image»content=»https://slnt-opp.xyz/images/bx24_vue.png»>metaproperty=»og:video»content=»https://slnt-opp.xyz/mov/bx24.mov»>

Подключение OpenGraph в hugo

OpenGraph является стандартным встроенным в hugo компонентом, поэтому для любых шаблонов все подключается просто через конфиг: мануал.

Ссылки

• Главная страница проекта- ссылка
• Краткое описание на Вики- ссылка
• Как перепарсить свой сайт в соц. сетях- ссылка
• Как перепарсить сайт в Telegram и почему префикс это важно- ссылка
• Как перепарсить сайт в Telegram- ссылка
• Мануал на русском языке- ссылка
• Подключение OpenGraph в hugo- ссылка

• code
• blog
• frameworks
• hugo

• Свершилось | Hugo
• Ук(о)ротитель ссылок под hugo
• Картиночки, теги, ммм
• Не сп***ел и добавил SSL | Как натянуть https на lighttpd
• Vue и Битрикс24
• Devs Against Machine 2019
• Решение трудностей записи на DSH в Spraachen Akademie
• Поддержать
• Стать Автором

Источник: slnt-opp.xyz

Опросы и реакции в Telegram: инструкция по настройке

Есть шанс повысить вовлеченность в полтора, а то и два раза.

Дата публикации: 17 ноября 2021
Дата обновления: 1 декабря 2022
Время чтения: 7 минут

Дарья Ракова Редакция «Текстерры»

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

Оглавление:
Оглавление:

С помощью встроенных инструментов

На смартфоне или планшете

В поле ввода сообщения нажмите кнопку «Прикрепить» и выберите «Опрос»:

Заполните поля «Вопрос» и «Варианты ответа»:

Обратите внимание на параметры внизу. Вы можете сделать обычное голосование, в котором пользователь выберет один или несколько вариантов ответов и выразит мнение.

А еще можно создать опрос-викторину, в которой будет один правильный ответ.

Так выглядит обычное голосование:

Так выглядит викторина. Правильный ответ подсвечивается зеленым:

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

В десктопной версии

Установите приложение Telegram на устройство или зайдите в мессенджер через браузер. На своем канале, в чате или группе найдите три точки справа от названия канала и выберите «Создать опрос»:

Далее повторите действия, которые мы описали выше в инструкции для мобильных устройств.

Есть еще один (самый простой!) способ делать опросы в Telegram. Работает и на смартфоне, и на десктопе.

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

1. Нажмите на свой канал и выберите «Изм.»:

3. Переместите тумблер в «Реакциях» в активное положение и выберите, какие реакции можно оставлять в канале:

4. Затем можно предлагать подписчикам поставить ту или иную реакцию на пост, чтобы проголосовать за ту или иную опцию.

Что касается платной подписки в Telegram, она не дает никаких преимуществ для создания опросов.

Виктория Ефанова, SMM-стратег TexTerra:

« Всего за несколько месяцев в Телеграм массово «мигрировала» взрослая платежеспособная аудитория. Здесь, как и в любой другой соцсети, идет постоянная борьба за внимание пользователей. А такие опросы — это еще один инструмент из множества, работающих на вовлечение и удержание внимания взрослой аудитории.

В своей практике опросы мы используем опросы как раз для этих целей. Почему?

Во-первых, кликнуть на вариант ответа гораздо проще, чем писать полноценный комментарий.

Во-вторых, это повышает активность канала за счет дополнительного взаимодействия.

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

В ленте новостей канала опрос выглядит маячком — стимулирует прочитать пост, чтобы ответить на тот самый вопрос в опросе.

Многие не решаются внедрить практику опросов на своих каналах, боясь, что их ЦА — взрослые «серьезные» люди — не воспринимают такие вещи и считают, что отвечать на простые вопросы им не пристало. И ошибаются! На деле, все мы люди, и нам только дай во что-то поиграть. На моей памяти было два таких сомневающихся клиента. Но мы сделали для их каналов интересные опросы, которые собрали в одном случае в полтора, а в другом — в два раза больше взаимодействий, чем реакции в виде лайков на другие посты. Так что мы точно знаем, как использовать опросы для продвижения в Telegram — приходите, увеличим взаимодействие и с вашим каналом!».

Продвинем ваш бизнес

В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров

С помощью дополнительных инструментов — ботов

Если вы ведете несколько каналов со сходной тематикой и хотите разместить опрос сразу везде или добавить простую голосовалку к посту, придется использовать ботов — у самого мессенджера такого функционала нет.

Предлагаем ботов, которыми мы пользуемся в своем Telegram-канале. Кстати, в нем мы делимся новостями из мира диджитал, публикуем видеоинструкции, кейсы и факапы, рассказываем про инструменты, которые стоит попробовать в работе.

Этот бот позволяет создать опрос и отправить его в любой чат или доступный канал. Это удобно: можно создать один опрос и отправить его в несколько чатов/каналов.

Чтобы добавить бота, нужно открыть диалог с ним. Далее — ввести команду /start, выбрать тип опроса (публичный или анонимный), задать вопрос и варианты ответов.

Затем опрос можно отправлять в любые чаты и каналы.

Особенность этого бота в том, что здесь можно быстро создать опрос для отправки в любые чаты, где вы состоите.

Нажмите /newpollи следуйте инструкциям на экране:

Создав опрос, нажмите /done. Готово.

Бот для создания тестов — к ним можно будет добавлять картинки и видео. Идеально подходит для образовательных и развлекательных квизов. Вот как им пользоваться

1. Нажмите /start. Автоматически для опроса будет выбран язык системы. Чтобы поменять язык, введите команду /lang.

2. Далее нажмите кнопку «Создать опрос» и создайте обычный опрос, как мы описывали в разделе «На смартфоне».:

У этого бота викторины без вариантов с множественным выбором ответа — все дело в том, что этот бот создан для квизов.

3. Добавим картинку к следующему вопросу. Просто прикрепляем ее к чату с ботом:

4. Остановимся на двух вопросах, но сделать можно сколько угодно. Нажмите /done,чтобы завершить создание теста.

5. Дальше укажите ограничение времени для ответов — бот будет отправлять новый вопрос после того, как пройдет это время.

6. Укажите, стоит ли перемешивать вопросы и ответы или показывать их именно в том порядке, что вы создавали.

Готово. Опрос можно пройти самостоятельно, чтобы протестировать и найти возможные ошибки, отправить в чат или канал, посмотреть его результаты.

Этот способ платный. Создание одного опроса стоит 10 монет. Купить можно от 100 монет, они стоят 106 рублей.

Если у вас есть текстовые шаблоны опросов, этот бот будет полезен.

О том, как и зачем это делать, у нас есть отдельная статья. Здесь дадим краткую инструкцию.

2. Введите /newbot, чтобы добавить нового бота. Назовите бота.

3. Придумайте юзернейм. Он должен заканчиваться на «bot» и быть уникальным:

Перейдите в своего созданного бота и введите /newpoll. Нужно будет принять условия пользовательского соглашения. Чтобы их вызвать, наберите /copyright.

Дальше можно будет создать бота следующими способами:

1. Отправить боту текст, который он превратит в опрос.
2. Создать опрос из двух существующих шаблонов: «Лайк/Дизлайк» или «Мини-чат»
3. Отправить боту шаблон опроса в формате HTML или Markdown. Например, вот такой текст:

[Ссылка на сайт](http://abdulgalimov.com)

Такой код превратится вот в такой опрос:

1. Понятные инструкции, как что делать, на каждом шагу.
2. Можно отправить боту контакты из своей адресной книги, чтобы увидеть в результатах номера тех, кто проголосовал (конечно, если люди из книги голосовали).
3. Есть возможность создать опрос, которым будет управлять группа людей — например, если у вашего канала несколько администраторов.
4. Можно настроить автопубликацию опросов в каналах и чатах — опрос будет размещаться в 1 клик.

Источник: texterra.ru

Как изменить превью ссылок в соцсетях

Когда вы собираетесь поделиться ссылкой на сайт, социальные сети и мессенджеры формируют превью (виджет предварительного просмотра) этой страницы на основе формата микроразметки Open Graph.

16 марта 2022 года Разное

2 минуты, 8 секунд читать

Расскажем, как настроить красивое и эффективное превью, чтобы люди захотели перейти по этой ссылке на ваш сайт.

Обычно превью формируется из:

1. заголовка ссылки

3. изображения (рекомендуемый размер: 968×504 пикселей)

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

Если ранее ссылка на ваш сайт уже отправлялась в соцсети или мессенджеры, вероятно, превью будет закэшировано. Это означает, что новые данные не отобразятся, пока вы не очистите кэш.

Как сбросить кэш в социальной сети:

· ВКонтакте

2. Вставьте ссылку на страницу, которая отображается неправильно,

3. Кликните «Выполнить».

· Facebook, Instagram и WhatsApp

В этих приложениях очистка кэша проводится через инструмент Facebok.

2. Вставьте ссылку на сайт,

3. Нажмите на «Scrape Again».

· Телеграм

1. Откройте мессенджер

3. Отправьте ему URL-ссылки страниц,

4. В ответном сообщении от бота нажмите «Update preview again».

· Twitter

2. Вставьте ссылку на вашу страницу и кликните «Preview card».

Как проверить очистку кэша

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

Источник: bezlimit.ru