Open Graph Generator
Generate OG tags
Generate OG tags Запускается локально в вашем браузере
URL, title and description, separated by vertical bars.
About the
Генератор Open Graph создает теги og, которые управляют тем, как выглядит страница, когда на нее делятся ссылкой. Он генерирует og:url, og:title, og:description и og:type из одной строки ввода, что является минимальным набором, считываемым большинством платформ. Вставьте результат в заголовок своей страницы, и карточка предварительного просмотра перестанет быть тем, что предполагала платформа.
Where people use the
- Добавление тегов общего доступа на страницу, на которой их в настоящее время нет.
- Исправление предварительного просмотра ссылки, в котором отображается неверный заголовок или описание.
- Создание единообразного блока на наборе целевых страниц.
- Подготовка тегов к запуску до запуска страницы.
How to use the
- 1
Введите три поля
URL, заголовок и описание, разделенные вертикальными полосами, например https://example.com | Название страницы | Краткое описание.
- 2
Генерировать
Создаются четыре тега og, включая og:type, установленный для веб-сайта.
- 3
Скопируйте блок
Вставьте теги в заголовок страницы.
- 4
Добавьте тег изображения отдельно
og:image не включен, поскольку ему нужен полный URL-адрес реального файла. Добавьте его самостоятельно, указав на общедоступное изображение.
Советы и лучшие практики
- Используйте абсолютные URL-адреса; парсеры не могут определять относительные пути.
- Добавьте og:image себя размером примерно 1200 на 630 пикселей.
- Повторная очистка с помощью отладчика платформы после изменения тегов; превью кэшируются.
Часто задаваемые вопросы
Почему моя общая ссылка по-прежнему выглядит неправильно?
Платформы активно кэшируют предварительные просмотры. Как только теги будут правильными, принудительно выполните повторную очистку с помощью собственного отладчика совместного использования платформы или дождитесь истечения срока действия кеша.
Требуется ли og:image?
Не совсем так, но ссылка без изображения получает обычную текстовую карточку, на которую с гораздо меньшей вероятностью нажмут. Добавьте один.
Какого размера должно быть изображение?
Обычно рекомендуется размер около 1200 на 630 пикселей, поскольку он выдерживает обрезку на большинстве платформ.
Нужны ли мне также теги, специфичные для Твиттера?
Большинство платформ читают теги og. Тег карты для Twitter может переопределять макет, но это необязательно.
Могу ли я использовать относительные URL-адреса?
Нет. og:image и og:url должны быть абсолютными, включая схему, поскольку у внешнего парсера нет базового URL-адреса для разрешения.