Превью ссылки показывает не ту картинку или заголовок: как исправить
Узнайте, почему в превью ссылки не та картинка или заголовок, исправьте теги Open Graph на странице, обновите превью в Facebook и LinkedIn и проверьте короткие ссылки.
Обычно превью ссылки показывает не ту картинку или заголовок по одной из двух причин: на странице неправильные теги или приложение сохранило старую копию страницы. Большинство приложений строят превью по тегам Open Graph на странице, например og:title и og:image. Сначала исправьте теги, затем попросите приложения, которые сохранили старую копию, прочитать страницу заново: в Facebook это Отладчик репостов от Meta (Sharing Debugger), в LinkedIn это Post Inspector.
В этом руководстве разберём пример вымышленного любительского театра Eastgate Players: превью страницы его нового спектакля показывает прошлогоднюю афишу и прошлогодний заголовок. Речь пойдёт о страницах, которые вы можете редактировать, и о коротких ссылках, которыми вы управляете. Если страницей занимается кто-то другой, попросите его исправить теги.
Выясните, откуда берётся превью
Превью берётся со страницы, которую ссылка в итоге открывает после всех перенаправлений. У короткой ссылки нет собственного превью: Links перенаправляет её на сохранённый целевой адрес, и настроек превью в нём нет. Название, которое вы даёте ссылке в приложении Links, в превью никогда не появляется.
Проверьте теги Open Graph на странице
Откройте страницу в приватном окне, посмотрите её исходный код и найдите og:. Протокол Open Graph требует четыре базовых тега: og:title, og:type, og:image и og:url, то есть собственный постоянный адрес страницы. Исправленные теги театра:
<meta property="og:title" content="Harbor Lights: our new show" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Five evenings in April at Eastgate Hall." />
<meta property="og:image" content="https://example.org/img/poster-harbor-lights.jpg" />
<meta property="og:url" content="https://example.org/harbor-lights/" />Ищите такие ошибки:
| Ошибка | Как исправить |
|---|---|
Нет тега og:image |
Добавьте его, иначе Facebook будет угадывать и может выбрать другую картинку |
| Теги скопированы со старой страницы | Обновите все теги og: для этой страницы |
В og:image то же имя файла, что и в прошлом году |
Переименуйте новую картинку и обновите тег |
В og:image неполный путь, например /img/poster.jpg |
Укажите полный адрес с https://, как в примерах Open Graph |
| Для страницы или картинки нужен вход в аккаунт | Используйте общедоступные страницу и картинку: инструменты превью открывают страницу без входа |
og:url указывает на главную страницу |
Укажите в нём собственный адрес этой страницы |
| Ваша правка не видна в исходном коде | Очистите кеш сайта |
Страницу театра скопировали с прошлогодней, поэтому в og:title значился старый спектакль, а новая афиша заменила poster.jpg под тем же именем.
Обновите превью, которые приложения сохранили в кеше
Исправление страницы не меняет превью, которые приложения уже сохранили.
Для Facebook вставьте адрес страницы в Отладчик репостов от Meta. Согласно руководству Meta для веб-мастеров, он показывает теги, которые прочитал робот, и заново загружает страницу. Картинки кешируются по адресу и не обновятся, пока адрес не изменится, поэтому заменённая афиша театра так и осталась старой. Meta также советует указывать og:image:width и og:image:height, чтобы картинка правильно загружалась уже при первом репосте.
Для LinkedIn введите адрес в Post Inspector и проверьте превью. В справке LinkedIn сказано, что обновление влияет только на новые публикации. У существующих публикаций остаётся старое превью, поэтому театр публикует новый пост.
В других приложениях, например в WhatsApp или X (Twitter), проверяйте превью в черновике перед отправкой.
Проверьте короткую ссылку так, как её видит инструмент превью
Инструменты проверяют тот адрес, который вы вводите. Если вы делитесь короткой ссылкой, например reunified.link/k7m2x9qa, прогоните через них и её.
Links применяет ваши правила к каждому посещению, включая запросы инструментов превью. Правило по стране может сработать для инструмента, который подключается из этой страны, а инструмент, который не представляется телефоном или планшетом, считается компьютером. Поэтому превью может быть построено по целевому адресу из правила: проверьте, что правильные теги есть на каждом целевом адресе. Как срабатывают правила, объясняет руководство по маршрутизации.
Если инструмент показывает страницу Links о том, что ссылка недоступна или не существует, загляните в руководство по устранению неполадок.
После того как вы измените целевой адрес короткой ссылки, приложение, которое сохранило её превью в кеше, может по-прежнему показывать старую страницу, поэтому снова проверьте короткую ссылку в этих инструментах.
Разберитесь, как превью влияют на подсчёт переходов
Многие приложения загружают ссылку сразу, как только её вставили. Роботов, запросы превью и предзагрузку в браузере, которые Links распознаёт, он перенаправляет, но не учитывает и не списывает за них кредиты. Робот, которым Meta собирает данные для репостов, в их числе, поэтому Отладчик репостов не добавляет учтённых переходов. А запрос инструмента, который Links не распознаёт, засчитывается как переход.
Ваши собственные тестовые посещения в браузере учитываются, а человек, который открыл ссылку дважды, засчитывается дважды. Что Links хранит о каждом переходе, объясняет руководство о приватности статистики.
Проверяйте превью перед каждой публикацией
Используйте этот чек-лист:
- Проверьте теги страницы в приватном окне.
- Каждой изменённой картинке давайте новое имя файла.
- Создайте короткую ссылку или обновите её целевой адрес.
- Прогоните страницу и короткую ссылку через инструменты Meta и LinkedIn.
- Проверьте превью в черновике сообщения.
- Опубликуйте пост и проверьте по одной настоящей публикации в каждой соцсети.
Проверяйте снова после редизайна: новый шаблон может изменить теги. Теперь театр называет файл каждой афиши по названию спектакля.
Links сохраняет тот же короткий адрес, когда вы меняете, куда он ведёт, и не включает в статистику распознанные запросы превью. Превью берётся с вашей страницы, поэтому и исправлять его нужно там.