Генератор Open Graph

Об этом инструменте

Наверное, вы уже видели эти маленькие карточки-превью, когда вставляете ссылку в Slack, Twitter или Facebook. Вы знаете — заголовок, отрывок текста и, возможно, изображение? Это работает благодаря тегам Open Graph. А если вы когда-либо пытались настроить их вручную, то знаете, насколько это может быть утомительно. Именно здесь на помощь приходит этот генератор Open Graph. Он не притворяется изысканным. Он не стремится впечатлить вас. Он просто помогает создать нужные мета-теги, чтобы ваши ссылки выглядели прилично при публикации.

Я создал этот инструмент, потому что устал каждый раз рыться в документации, когда хотел поделиться ссылкой на блог или проект. Я забывал точный синтаксис, ошибался с размерами изображений или случайно пропускал обязательные свойства. Этот инструмент решает эти проблемы. Вы заполняете несколько полей, нажимаете «Сгенерировать», и — бац! — у вас уже есть чистый, готовый к использованию код. Скопируйте его, вставьте в заголовок HTML-документа — и всё готово.

Основные возможности

• Генерирует все необходимые мета-теги Open Graph за один раз
• Позволяет предварительно просмотреть, как будет выглядеть ваша ссылка на популярных платформах
• Поддерживает пользовательские изображения, заголовки, описания и URL-адреса
• Выводит чистый HTML-код, который можно сразу вставить на ваш сайт
• Без регистрации, без отслеживания, без лишней ерунды — просто форма и результат
• Работает в автономном режиме после загрузки, поэтому его можно использовать даже без интернета

Часто задаваемые вопросы

Нужно ли знать HTML, чтобы использовать этот инструмент?
Нет. Вам не обязательно быть разработчиком. Просто заполните поля — заголовок, описание, URL изображения и т.д. — и инструмент выдаст готовый код. Если вы умеете копировать и вставлять — всё в порядке.

Почему моё изображение не отображается при публикации ссылки?
Чаще всего это происходит из-за некорректного URL изображения, слишком маленького размера или блокировки сервером. Убедитесь, что ваше изображение имеет размер не менее 1200x630 пикселей и доступно публично. Также некоторые платформы кэшируют старые метаданные, поэтому может понадобиться использовать инструмент вроде Facebook Sharing Debugger, чтобы обновить их.