Шаблон ТГ для превью

Для формирования превью ссылки Telegram использует разметку og: image, og: title и og: description. Превью отображается, когда вы делитесь URL-адресом своей страницы.

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

Чтобы обновить превью ссылки:

1. Откройте бота в Telegram или введите «Webpage Bot» в строку поиска и выберите бота из списка результатов.
2. Нажмите Старт.
   Примечание: если вы ранее использовали бота для веб-страниц, вы можете не увидеть кнопку «Старт». В этом случае введите «/start» в чате.

1. Введите URL-адреса страниц, для которых вы хотите обновить превью ссылки.

Вы должны дождаться сообщения о том, что превью ссылки успешно обновлено.
Примечание:

Обновление превью ссылки в Telegram может занять некоторое время. Период ожидания одинаков для всех существующих сайтов и не ограничивается сайтами, которые созданы с помощью Wix.

Превью для ТикТак🔥

Источник: support.wix.com

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

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

Создаем превью сайта при помощи Open Graph разметки

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

Давайте начнем с метатегов. Для решения поставленной задачи нам понадобится следующая разметка:

Пока они не заполнены, это просто шаблон для вставки. Сейчас кратко поясню что к чему и заполню вместе с вами на примере своего лендинга для колеса фортуны.

Итак, og:title — заголовок страницы, он же тайтл. Можно скопировать из тега title. Во многих популярных CMS так и происходит.

В моем случае получается так:

Далее заполняем og:site_name — название сайта.

Теперь og:url — ссылка на текущую страницу.

Не забываем про краткое описание og:description. Обычно копируется из метатега description. Так и поступаю.

Теперь переходим к самому важному — добавлению картинки. Заполним og:image, og:image:width, og:image:height. Как вы могли догадаться это ссылка на картинку, ее ширина и высота.

Тут есть небольшой нюанс с размером изображения. Дело в том, что разные сервисы просят разный размер. Например, т,о что для Твиттера может быть вполне нормально, то Facebook может обрезать. Не буду вас утруждать дилеммой по этому поводу, а порекомендую остановиться на странном разрешении 968×504.

Да, где-то это меньше минимального рекомендованного, но зато его не сильно обрезают и, даже если вы разместили текст на изображении, так будет меньше риска, что соцсети или другой сервис его обрежет. Вообще я не нашел компромисса в вопросе разрешения, ведь даже одна социальная сеть, в зависимости от того куда вы добавляете ссылку, может по-разному кропить картинку. Тут надеюсь и на совет знающих людей в комментариях. У меня получилось так:

В итоге все выглядит так:

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

• Сбросить кэш во Вконтакте;
• Сбросить кэш в Фейсбук.

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

05/10/2022 Дмитрий Давыдов

Похожие публикации

• Цвет статус бара на мобильных
• Красивые тач — иконки для различных устройств
• Usability landing page. Часть 1

Источник: smartlanding.biz

IGTV-шаблоны для Инстаграм

Шаблоны для IGTV в Инстаграм (Instagram) — представляем список из 17 шаблонов, которые помогут даже новичку профессионально оформлять свои IGTV-видео. Качественная и привлекательная обложка — один из главных компонентов для успешного распространения информации в Сети.

Каждый продвинутый юзер мечтает о привлекательном и популярном канале в Instagram. Некоторые хитрости позволят вывести его на профессиональный уровень, а также утереть нос своим конкурентам. IGTV – сравнительно новый инструмент для демонстрации видеороликов в Инстаграм. Их формат адаптирован под мобильные устройства. Первое, что видит пользователь на канале – это обложка.

Оценивая ее, он принимает решение: смотреть видео или нет.

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

Идеи контента

Не можете выбрать, что снимать для Instagram?

Вот несколько вариантов:

• Ответы на вопросы подписчиков;
• Повествование о себе/анонсы будущих видеороликов;
• Ознакомление с брендом/его командой;
• Полезные советы для аудитории;
• Подробная демонстрация товара;
• Свежие новости из жизни бренда;
• Общение с клиентом или экспертами;
• Инструкция по использованию продукции.

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

Как прославиться в IGTV

1. Вертикальный формат IGTV-видео требует создания уникального контента. Не рекомендуется заливать сюда записи с YouTube-канала, даже если они популярны.
2. Лимит: максимальная продолжительность ролика составляет 10 минут. Возможно, этот показатель изменится уже в ближайшем будущем.
3. В описании к видеоролику можно размещать кликабельные ссылки.
4. Это идеальный инструмент для создания персонализированного контента (о себе/о бренде и т.д.).
5. Здесь можно ставить лайки, писать комментарии. Поэтому не забывайте отслеживать активность фолловеров и гостей странички. Если вы рекламируете продукцию, пользователь может захотеть что-то узнать. Удовлетворите его любопытство.
6. Оптимальное соотношение сторон для записи – 16:9.

IGTV-шаблоны для Инстаграм

Обложка видеоролика должна быть эстетичной и стильной. Зарегистрируйтесь в Easil, выберите понравившийся шаблон и отредактируйте его.

Прекрасный вариант для оформления fashion-видео.

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

Универсальный и легко адаптируемый под любую тему шаблон.

Это настоящая находка для оформления видеороликов на тему красоты и макияжа.

Добавьте свое изображение, выберите красивый цвет обложки (либо замените его на брендовый, если таковой имеется). Все, шаблон для стильного видео готов!

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

Персонализация шаблона осуществляется в несколько кликов. Отличный вариант для видео о бизнесе и маркетинге.

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

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

Взаимодействуйте со своей аудиторией. Не оставляйте вопросы пользователей без ответов. А чтобы видео-ответ выглядел еще более привлекательно, используйте данный шаблон.

Чтобы выделиться среди конкурентов в туристической сфере, выберите данную обложку для IGTV.

Отличный шаблон для видеозаписей о ремонте и благоустройстве дома.

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

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

Если ваш канал посвящен туризму и путешествиям, оформите серию своих видеороликов в едином авторском стиле. Зритель обязательно оценит ваши старания.

Используйте эту обложку для стилизации видео-интервью для IGTV-канала в Instagram. Пусть его увидят многие!

Этот дизайнерский шаблон прекрасно дополнит видео-анонс о предстоящем ролике. Также с его помощью можно красиво заявить о себе на публику.

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

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