При публикации статей на нашем сайте наша команда всегда размещает ссылки на один и тот же контент на нашей фан-странице в Facebook, где у нас около 250 тысяч поклонников. Одно из самых больших разочарований, с которыми мы столкнулись при работе с Facebook, - это когда мы публикуем ссылку на статью, содержащую изображения, а Facebook отказывается показывать изображение поверх ссылки. Странно то, что иногда при удалении URL-адреса и его повторной вставке отображаются изображения, а иногда Facebook полностью отказывается это делать. А когда изображение не отображается, сколько бы раз вы ни обновляли страницу или не вставляли ссылку, оно никогда не появится. Поскольку у многих наших читателей есть фан-страницы или личные страницы Facebook, на которых они размещают ссылки на свои сайты или портфолио, я подумал, что было бы неплохо поделиться тем, как заставить Facebook показывать изображения в ссылках.
Проблема предварительного просмотра изображений в Facebook
Я не знаю точной причины этой конкретной проблемы, но кажется, что когда кто-то предоставляет ссылку на новое сообщение / публикацию, содержащую изображения, серверная часть Facebook иногда просто не может получить изображения. Иногда Facebook захватывает совершенно нерелевантные изображения, например маленькие баннеры на боковой панели веб-сайта. Взгляните на снимок экрана ниже, который иллюстрирует эту проблему:
Для этого конкретного примера я недавно взял случайное сообщение. Как видите, я предоставил ссылку в сообщении, но Facebook не смог получить изображение, связанное с этим конкретным сообщением (см. область, выделенную красным). Если вы столкнулись с такой проблемой, самое первое, что вам следует попробовать сделать, это обновить страницу в браузере, а затем вставить ссылку еще раз. Иногда Facebook требуется секунда, чтобы получить изображение, и когда вы попробуете второй раз, это может сработать. Проблема в том, что иногда Facebook не получает изображения, сколько бы раз вы ни пытались обновить браузер и вставить ссылку. Если это случилось с вами, попробуйте решение ниже.
Решение - отладчик Facebook
Хорошая новость заключается в том, что инженеры Facebook предоставили отличный инструмент, который может легко решить проблему с получением миниатюр/изображений - отладчик Facebook. Просто перейдите по адресу https://developers.facebook.com/tools/debug и, как только страница откроется, вставьте ссылку, которая не работает, в область ввода, затем нажмите «Отладка», как показано ниже:
Появится следующая страница, показывающая метаданные страницы, а также другую соответствующую информацию, которую читает Facebook:
Прокрутите страницу вниз, пока не дойдете до конца страницы, где показано, как будет выглядеть ссылка после вставки:
Как видите, есть две области, которые показывают изображение, прикрепленное к этому конкретному сообщению:og:image и «Когда опубликуют, это то, что будет включено». Хотя Facebook довольно неплохо справляется с получением изображений по ссылкам, он всегда пытается сначала найти специфичный для Facebook тег под названием «og:image». Если вы не знаете, что это за тег, и ведете блог WordPress, я бы порекомендовал найти плагин Facebook Open Graph, который автоматически вставляет для вас метаданные Facebook. Попробуйте плагин, подобный этому, или обратите внимание на некоторые плагины SEO, такие как WordPress SEO, которые имеют возможность добавлять метаданные Open Graph.
Исправлен предварительный просмотр изображения в Facebook
После того, как вы выполните описанные выше шаги, у вас должна появиться рабочая ссылка, которая будет автоматически отображать предварительный просмотр изображения. Вот та самая ссылка, которую я вставил в новый пост, где показано изображение, которого не было в первый раз:
Я рекомендую разместить Facebook Debugger в избранном/панели инструментов вашего браузера. Если время от времени что-то не работает, запустите отладчик, скопируйте ссылку и сделайте это снова!
Надеюсь, это поможет!