Определение Open Graph
Open Graph — это набор мета-тегов в HTML, придуманный Facebook ещё в 2010 году, чтобы контролировать, как ссылки выглядят при расшаривании в соцсетях 🐗. Без него соцсеть сама угадывает, что вытащить со страницы — и угадывает, как правило, хуёво: берёт рандомную картинку или вообще показывает пустой превью.
Механика простая: ты прописываешь в `<head>` страницы теги типа `og:title`, `og:description`, `og:image` и `og:url`, и когда кто-то кидает ссылку в Facebook, VK, Telegram или LinkedIn — платформа читает именно их, а не ползает по всей странице в поисках смысла. В арбитраже это критично: заливаешь трафик через паблики или таргет с органическим посевом — красивый сниппет с чётким заголовком и сочной картинкой тупо даёт больше кликов. В нутре и гемблинге, где крео решает всё, кривой превью на расшаренной ссылке — это слитые деньги 😩. Для SEO Open Graph напрямую на ранжирование не влияет, но косвенно — ещё как: красивый сниппет → больше расшариваний → больше обратных ссылок → сайт плюсит в выдаче.
Главная ошибка — поставить OG-теги один раз на главную и забыть. Блять, у тебя же каждый лендинг, каждая статья, каждая страница оффера — отдельная единица контента, и у каждой должен быть свой `og:image` нужного размера (минимум 1200×630 px), свой заголовок и описание 😆. Второй косяк — забить на og:image вообще: тогда соцсеть сама выберет что попало, и выглядеть это будет как 🗿. Проверяй разметку через Facebook Sharing Debugger или аналоги — и не ленись обновлять кэш после правок. Нормально делай — нормально будет 🐗
📝 Определение написано простым языком — чтобы было понятно с первого прочтения. Все термины →
Часто задаваемые вопросы
Что такое Open Graph и зачем он нужен? ▾
Open Graph — протокол мета-разметки, который управляет отображением ссылок в соцсетях: задаёт заголовок, описание и картинку превью. Без него соцсети сами выбирают контент для сниппета, часто некорректно.
Какие основные теги Open Graph нужно прописывать? ▾
Минимальный набор: og:title, og:description, og:image и og:url. Для видеоконтента дополнительно используют og:video и og:type.
Влияет ли Open Graph на SEO и ранжирование в Google? ▾
Прямого влияния на ранжирование нет, но косвенно OG-теги помогают: красивый сниппет увеличивает расшаривания, а значит растёт число обратных ссылок и поведенческие сигналы.
Какой размер изображения нужен для Open Graph? ▾
Рекомендуемый размер og:image — 1200×630 пикселей. Маленькие или неквадратные картинки могут обрезаться или не отображаться корректно на разных платформах.
Как проверить корректность Open Graph разметки на сайте? ▾
Используйте Facebook Sharing Debugger (developers.facebook.com/tools/debug), VK Link Inspector или Telegram — просто отправьте ссылку в чат и посмотрите, как отображается превью.
Связанные термины
2FA (Two-Factor Authentication) — двухфакторная аутентификация: вход в аккаунт ч...
3D-Secure — это такая хрень, которая появилась, чтобы защитить нас, бедных арбит...
Ads.txt — текстовый файл в корне сайта (или домена разработчика для приложений),...
AJAX — технология асинхронного обмена данными с сервером без перезагрузки страни...
API-токен — это твой цифровой пропуск в систему: уникальная строка символов, кот...
Click Hijacking — это, блять, когда хакеры ставят на сайте невидимые элементы, к...