Предпросмотр Open Graph
Вставьте HTML вашей страницы и посмотрите, как она будет отображаться в Facebook, LinkedIn и X — а также чего не хватает.
Facebook / LinkedIn
No og:image
example.com
X
No image
Ничего, что вы вводите здесь, не загружается, не сохраняется и не отправляется куда-либо. Всё работает в вашем браузере.
Что требуется каждой платформе
og:title,og:description,og:image,og:urlэто четыре важных тега. Facebook и LinkedIn их читают.- X переходит к Open Graph если теги twitter: отсутствуют, то вам редко нужны оба.
twitter:cardустановлено вsummary_large_imageявляется исключением, которое стоит добавить. - Изображения: 1200×630, менее 5 МБ, абсолютный URL. Относительный путь без предупреждения не отображает изображение.
- Без og:title платформы используют резервный вариант к заголовку страницы, затем к любому найденному тексту. Обычно результат выглядит некрасиво, а не отсутствует.
Платформы активно кэшируют. После исправления тегов повторно сканируйте через Sharing Debugger Facebook или Post Inspector LinkedIn, иначе старый карточный вид будет отображаться несколько дней.
Связанные инструменты
Карточки выглядят правильно — теперь им нужно достичь людей
Хорошая карточка помогает ссылке распространяться. Но кто‑то всё равно должен сначала на вас сослаться.