Угроза WebP для WhatsApp — нерассказанная правда

Сегодня к нам обратилась клиентка, которая продает недвижимость на Тенерифе, с неприятной проблемой: когда она делится объявлениями о продаже недвижимости со своими клиентами в WhatsApp, превью ссылок не работают. Иногда нет изображения. Иногда даже название и описание исчезают. Всего несколько дней назад все работало отлично — красивая карточка с фотографией и подробностями появлялась автоматически.

WhatsApp и предварительный просмотр ссылок: почему это важно

WhatsApp — это не просто приложение для обмена сообщениями. Это ключевой инструмент общения для миллионов компаний по всему миру. Во многих отраслях, особенно в сфере недвижимости, электронной коммерции и услуг, отправка ссылок через WhatsApp является неотъемлемой частью воронки продаж. И когда эти ссылки выглядят сломанными или пустыми, это мгновенно подрывает доверие. Люди не нажимают на ссылки, которые кажутся неполными или подозрительными.

Мы начали расследование. Сайт был правильно настроен: теги Open Graph, такие как og:название, og:описание, и og:изображение все присутствовали и были корректны. Структура страницы была в порядке. Ничего не изменилось в CMS или теме.

Но недавно была внесена одна поправка: Несколько дней назад на сайте была включена функция автоматического преобразования изображений в формат WebP с помощью плагина EWWW Image Optimizer.. И вот тогда-то превью WhatsApp и начали давать сбои.

WebP и скорость сайта: палка о двух концах

На первый взгляд WebP выглядит как умное решение. Он предлагает меньшие размеры файлов и более высокую скорость загрузки. Google это нравится. PageSpeed Insights дает вашему сайту более высокие оценки. Возникает соблазн внедрить его повсеместно.

Но вот в чем проблема: WebP не полностью поддерживается всеми платформами, особенно WhatsApp.

WebP был создан Google для замены старых форматов, таких как JPEG и PNG. Большинство современных браузеров поддерживают его. Но когда дело доходит до WhatsApp, все разваливается — особенно когда WebP используется в og:изображение тег, который активирует предварительный просмотр карты при отправке ссылки.

Почему WhatsApp не отображает изображения WebP

Система предварительного просмотра WhatsApp не поддерживает WebP ни на Android, ни на iOS. Если ваша страница использует WebP в качестве основного изображения в теге OG, WhatsApp часто не отображает его. Вместо этого он может отображать только текст. Или вообще ничего.

Вот что обычно происходит:

• Ваш плагин оптимизации (например, EWWW, Imagify или LiteSpeed) автоматически генерирует изображения WebP.

• Ваш сервер использует согласование контента для предоставления WebP большинству пользовательских агентов.

• WhatsApp считывает ссылку, получает изображение WebP и не может его отобразить.

• Предварительный просмотр прерывается — нет изображения, нет взаимодействия.

И становится еще хуже. WhatsApp кэширует предварительный просмотр при первой попытке. Если изображение не загружается один раз, это пустое состояние может сохраняться в течение нескольких дней — даже после того, как вы исправите проблему на своем сайте. В отличие от Facebook, в WhatsApp нет инструмента для ручного обновления предпросмотров ссылок.

Распространенные ошибки при диагностике проблемы

Владельцы и разработчики веб-сайтов часто тратят часы на отладку не тех вещей. Они тестируют теги OG. Они меняют описания, обновляют размеры изображений, добавляют типы MIME. Они даже могут подумать, что сайт взломан или занесен в черный список.

Но ничего из этого не поможет, если WhatsApp получит изображение WebP, которое не сможет обработать.

Проблема не в тегах, а в формате.

Как это исправить (и избежать)

Чтобы предотвратить эту проблему и обеспечить корректное отображение предпросмотров WhatsApp:

• Использовать JPEG или PNG для og:изображение, а не WebP.

• Убедитесь, что URL-адрес изображения заканчивается на .jpg или .png — никаких перенаправлений или динамического согласования контента.

• Настройте свой сервер или CDN для не обслуживать WebP для поисковых роботов социальных сетей.

• Избегайте плагинов, которые автоматически переписывают изображения OG в WebP.

• Не полагайтесь на JavaScript или отложенную загрузку — WhatsApp анализирует только сырой HTML.

• Проверяйте свои ссылки в WhatsApp перед крупными кампаниями или запуском контента.

Также, следите за Поведение CDN. Такие сервисы, как Cloudflare или BunnyCDN, могут автоматически конвертировать изображения в WebP. Даже если ваш тег OG указывает на .jpg, CDN может обслуживать WebP вместо этого. Всегда проверяйте заголовки HTTP-ответа — если вы видите тип содержимого: изображение/webpWhatsApp может привести к сбоям в работе предварительного просмотра.

WebP — отличный формат, но не для платформ обмена сообщениями

WebP действительно полезен для оптимизации внутренней производительности. Он быстрый, эффективный и идеально подходит для рендеринга в браузере. Но когда ваш контент зависит от внешнего обмена — особенно через такие платформы, как WhatsApp — это становится рискованным выбором.

Пока WhatsApp не обновит свой движок рендеринга, самым безопасным и надежным решением будет использование JPEG или PNG для всех изображений Open Graph.

Заключительные мысли разработчика WordPress

Я занимаюсь созданием сайтов WordPress уже почти десять лет. Вместе со своей командой мы не просто создаем сайты — мы помогаем бизнесу расти через:

• SEO-оптимизация

• Реклама в Google и Facebook

• Настройка канала YouTube

• Присутствие Google Maps

• Оптимизация скорости

Одной из наиболее важных областей, на которой мы фокусируемся, является повышение скорости веб-сайта, особенно по данным Google PageSpeed Insights. Почему? Потому что быстро загружающийся сайт приводит к большему доверию, большему количеству конверсий, меньшим расходам на рекламу и лучшим рейтингам в Google.

Но оптимизация всегда связана с балансом. Слишком сильное продвижение в одном направлении — например, повсеместное внедрение WebP — может навредить вашей видимости и коммуникации на таких платформах, как WhatsApp.

Речь идет не только о скорости загрузки. Речь идет о как выглядит ваш контент когда кто-то делится этим. И это может быть разницей между кликом и упущенной возможностью.

Об авторе

Эту статью написал Геннадий Працевич, разработчик WordPress с почти 10-летним опытом оптимизации веб-сайтов, SEO и цифровой стратегии.

Если у вас есть вопросы или вам нужна помощь с вашим сайтом WordPress, не стесняйтесь свяжитесь со мной здесь или напишите мне напрямую по адресу info@speedwppro.com.