arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана настройка Open Graph для каждой страницы: настройки страницы через шестерёнку в панели страниц, раздел Open Graph, заголовок (до 60 символов), описание, изображение 1200×630px. Показано, как проверить результат через OG-дебаггеры соцсетей. OG-теги настраиваются отдельно для каждой страницы — нет наследования с других страниц. Если OG-изображение не задано, соцсеть подтягивает любую первую картинку со страницы, что выглядит непредсказуемо. Проверка через Telegram: отправь ссылку в чат — сразу виден превью. Урок для тех, кто готовит сайт к продвижению в соцсетях. Никаких технических знаний не требуется — всё делается через интерфейс Taptop. Обязательно для коммерческих проектов, где страницы активно шарятся в мессенджерах и соцсетях.

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

Делишься ссылкой на сайт в соцсетях — и вместо красивой карточки с картинкой просто URL. Как сделать нормальное превью? Что такое Open Graph и где это настраивается в Taptop?
Open Graph настраивается отдельно для каждой страницы: редактор → список страниц → шестерёнка → раздел Open Graph. Рекомендуемый размер превью — 1200×630px. Заголовок — до 60 символов. После заполнения — сохранить и опубликовать. Для всех. После просмотра ссылки на сайт выглядят как красивые карточки во всех соцсетях.
Тайминги видео
00:00 — Недавно в релиз вышли настройки Openraph 00:27 — Нажимаем на шестерёнку. Здесь-то уже бывал 00:54 — Смотрим на предпросмотр, радуемся, сохраняем, публикуем

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока