Почему при отправке ссылки в Facebook показывается не та картинка или текст (и как это исправить)
Когда вы делитесь сайтом в Facebook и появляется не то фото или описание, виноваты теги Open Graph и устаревший кэш. Вот как это исправить.
Вы опубликовали ссылку на свой бизнес в Facebook, и вместо красивого логотипа или фото товара появилось случайное изображение, старый текст или даже название другой компании. Это раздражает, особенно когда хочется выглядеть профессионально. Хорошая новость: почти всегда это простая проблема, а не что-то безнадёжно сломанное на сайте.
Facebook (а также WhatsApp, LinkedIn, Instagram) не "читает" вашу страницу так, как её видит посетитель. Он смотрит на скрытые теги в коде, которые называются Open Graph, чтобы решить, какое фото, заголовок и описание показать. Если этих тегов нет, они неверны или у Facebook сохранена старая версия в памяти, вы получаете именно тот хаос, который видите. В этой статье я простыми словами объясню, почему так происходит и как это исправить, шаг за шагом.
Что такое теги Open Graph и почему они важны
Когда вы делитесь ссылкой, соцсети не угадывают сами, что показать. Они ищут в коде страницы специальные инструкции — мета-теги Open Graph (сокращённо OG). Самые важные:
- og:title — жирный заголовок под изображением
- og:description — короткая строка под заголовком
- og:image — большое фото, которое показывается
- og:url — официальный адрес страницы
Если этих тегов нет, Facebook импровизирует: берёт первый текст или первое изображение, которое найдёт на странице. Так и получается, что вы видите баннер о cookie, крошечный логотип или описание, вырванное из контекста. Когда теги настроены правильно, вы точно контролируете то, что видят люди, на любой сети.
Почему показывается старое фото, хотя вы его поменяли
Самая частая причина не в том, что сайт сейчас неправильный, а в том, что Facebook помнит старую версию. Когда кто-то впервые поделился вашей ссылкой, Facebook "сфотографировал" страницу и сохранил результат в память (кэш). Даже если вы с тех пор поменяли фото или текст, он всё равно показывает то, что сохранил тогда.
Другие частые причины:
- og:image отсутствует или указывает на удалённое фото
- фото слишком маленькое, и Facebook его игнорирует (идеально 1200×630 пикселей)
- у вас несколько тегов og:image, и он выбирает не тот
- ссылка с www/без www или http/https по-разному воспринимается как новая страница
Так что проблема часто в комбинации: неясный тег плюс старая память.
Как заставить Facebook перезагрузить ссылку (бесплатный инструмент)
У Facebook есть официальный бесплатный инструмент, который решает большинство случаев: Facebook Sharing Debugger (найдите в Google "Facebook Sharing Debugger" или зайдите на developers.facebook.com/tools/debug).
Шаги простые:
- Вставьте точный адрес страницы, которой делитесь
- Нажмите "Debug"
- Посмотрите, какое фото и текст Facebook "видит" прямо сейчас
- Нажмите "Scrape Again", чтобы стереть старую версию и получить свежие данные
После нажатия "Scrape Again" поделитесь ссылкой снова — должно появиться правильное фото. У WhatsApp и LinkedIn есть похожие инструменты, но перезагрузка через Facebook часто исправляет и их. Если инструмент показывает ошибки (изображение не найдено, отсутствует тег), там и есть настоящая причина, и с ней нужно работать.
Как правильно настроить изображение и текст
Чтобы не бороться с этим каждый раз, настройте теги один раз как следует:
- Выберите отдельное изображение для шеринга, горизонтальное, около 1200×630 пикселей, с логотипом и понятным сообщением
- Напишите короткий честный заголовок (название бизнеса плюс то, что предлагаете)
- Напишите описание в одно-два предложения, без слов-заполнителей
- Убедитесь, что адрес в og:url — именно тот, которым вы делитесь
На WordPress большинство решает это плагином SEO (Yoast, Rank Math), где есть раздел "Social", куда вы загружаете изображение и текст. На сайтах, сделанных под заказ, теги ставятся прямо в код, на каждой странице. Основная идея везде одна: вы решаете, что видят люди, а не оставляете это на угадывание сети.
Когда стоит попросить помощь (и как работаем мы)
Если вы попробовали перезагрузку в Sharing Debugger, а всё равно неправильно, проблема обычно глубже, в том, как построен сайт: неправильно генерируемые динамические теги, изображение, которое слишком медленно грузится, или платформа, которая не даёт управлять социальной частью.
В MPO Web Studio мы строим сайты, где эта часть уже правильно настроена с самого начала — у каждой страницы своё изображение и текст для шеринга, чтобы ссылки выглядели аккуратно в Facebook, WhatsApp и LinkedIn. Мы работаем полностью удалённо, с прозрачными ценами, и можем подготовить бесплатное демо вашего сайта до любой оплаты.
Если вы хотите, чтобы мы быстро починили Open Graph на вашем текущем сайте или увидеть, как выглядел бы новый, напишите нам в WhatsApp, и мы посмотрим вместе.
Частые вопросы
Почему Facebook показывает старое фото, хотя я поменял его на сайте?+
Потому что Facebook сохранил "снимок" вашей страницы при первом шеринге и использует его повторно. Зайдите в Facebook Sharing Debugger, вставьте ссылку и нажмите "Scrape Again", чтобы перезагрузить свежую версию. Затем поделитесь ссылкой снова.
Какого размера должно быть изображение для шеринга?+
Идеально около 1200×630 пикселей, горизонтальное. Если изображение слишком маленькое, Facebook может его игнорировать или показать крошечным в углу. Отдельное изображение с логотипом и понятным сообщением смотрится лучше всего во всех сетях.
Я всё настроил правильно, но всё равно неверно. Что делать?+
Проверьте в Sharing Debugger, что Facebook видит прямо сейчас — он часто показывает ошибку (изображение не найдено, отсутствует тег). Также убедитесь, что делитесь точно тем же адресом (с www или без, http или https), потому что они считаются разными страницами.
Работает ли это так же для WhatsApp и LinkedIn?+
Да, все используют одни и те же теги Open Graph. Если настроить их один раз хорошо, ссылка выглядит правильно везде. У WhatsApp и LinkedIn есть свои инструменты перезагрузки, но перезагрузка через Facebook обычно решает большинство случаев.
Нужно ли уметь программировать, чтобы это исправить?+
На WordPress — нет, у SEO-плагина вроде Yoast или Rank Math есть раздел "Social", куда вы загружаете изображение и текст без кода. На сайтах под заказ теги ставятся в код, но это быстрая операция для того, кто ведёт сайт.
7 ошибок, которые отпугивают клиентов с вашего сайта
Оставьте email и получите гид прямо здесь, сразу. Без спама.
Хотите увидеть, как мог бы выглядеть сайт вашего бизнеса?
Напишите нам в WhatsApp — и мы БЕСПЛАТНО подготовим демо-сайт с названием вашего бизнеса. Сначала смотрите, потом решаете.