Проверка тегов Open Graph

Вставьте фрагмент HTML (как правило, содержимое <head>), чтобы найти имеющиеся теги og:* и убедиться, что ни один из основных тегов не пропущен.

Пример:

Как это работает

Теги Open Graph определяют, как страница выглядит при публикации в Facebook, LinkedIn или в превью ссылок в мессенджерах вроде Slack или WhatsApp. Без них эти платформы показывают стандартный или неполный предпросмотр. Инструмент анализирует фрагмент HTML и сообщает о четырёх обычно обязательных тегах: og:title, og:type, og:image и og:url.

Почему моя ссылка в Facebook показывается без изображения?

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

Нужно ли добавлять ещё и теги Twitter Card?

Twitter (X) может использовать теги Open Graph как запасной вариант, но лучше добавить и отдельные теги twitter:card, twitter:title и twitter:image, чтобы точнее управлять предпросмотром в этой сети.

Обработка на 100% локально: ваш фрагмент HTML никогда не передаётся на сервер, весь анализ выполняется в вашем браузере.