Иногда при расшаривании страницы в социальных сетях может отображаться устаревшая информация или вообще какая-нибудь ошибка. Рассказываю, как с этим бороться на примере Фейсбука, Вконтакте и Твиттера.
Этот же эффект может наблюдаться при запуске рекламы, когда в ротацию попадает устаревшая информация, без последних изменений, например.
23 Answers 23
I belive you need to add itemprop to the og:image meta tag, have the image size set to 256x256 and also it would not harm to add the site_name , type and updated_time properties either :)
You can see these meta tags in action on for example Google Maps. After you have changed your meta tags, you might need to wait a while for possible caches to update.
You can debug/verify Open Graph meta tags from the Facebook Debugger If you can see all your tags there, then the sites/apps where your tags are not showing properly might have different requirements for Open Graph tags.
EDIT2: You also need to specify og:type as it is one of the four base required parameters. should get you in the right direction.
That could be because the image is unavailable in your first of the two meta tags with itemprop="image" . Error message: Cannot GET /logos/logo_512.jpg
Also, if you are going to use secure-http links to image you need to use property="og:image:secure_url" instead of property="og:image"
Sorry for the ambiguity. When we send this link through WhatsApp, a thumbnail of the Video appear near the message as shown in this question
I had the same issue and the problem was the size of the picture. Whatsapp doesn't support picture with a size greater than 300KB.
So the most important property to display image on Whatsapp is:
And the size of the image to display must be less than 300KB
Can confirm. After resizing the image to be square and about 100 kB in size the thumbnail appeared in WhatsApp (before it was 1920x1080 and 350 kB). I had to restart the WhatsApp in my Android phone. I did not need to add oldschool itemprop="image" nor og:image:secure_url attributes.
After spending months trying to figure this out, I finally solved the issue. Here is my solution:
Copy the above, paste in head area of website. CLOSE your Whatsapp app, re-open, THEN test. No need to clear cache, and NO NEED TO CLEAR DATA.
Blessings to all!
For me the filesize was responsible at all. As long as the files size is below 300 Kb everything is fine. I don't need measure properties. The og:image tag is enough.
I also face that problem Finally, i solved it
My image property
Make sure in image name there is no space, if you have two words then use underscore sign
And you should see working
There is two kind of code. First meta og:image inside
Hope this help. Thanks.
FB debugger: 100% ok. Rich Preview: 100% ok (Watsapp included). When I try to share by WhatsApp the image doesn't show. The url in my case is robotiqu.es . no response a year later?
@HUNG In my case, I had applied the html compression which was removing all closing tags i.e. ,
, etc. As soon as I added all closing tags, it fixed.
I don't know about the minimum number of meta tags required to work on whatsapp, found this in somewhere and this worked for me flawlessly. Note: Image resolution is 256 x 256.
Clear your whatsapp data and cache (or use another whatsapp) !
Android Phone : Go to SETTINGS > APPS > Application List > WhatsApp > Storage and Clear Data.
Be careful ! Backup your messages before this action.
Then the result : before and after clearing data and cache WhatsApp
For all still having this problem and as for me none of the posted solutions worked out.
I've had the similar issue. The image was showing correctly in all other share dialogs. Only WhatsApp couldnt display the image, even though the facebook debugger has the og:image tag correctly.
The solution that worked for me: I am using firebase. For uploaded content in their storage, you get a unique Download URL with a media token. Something like:
I used this URL in the og:image meta tag. It worked for Facebook etc., but it seems like WhatsApp couldnt download the image from this URL. Instead you need to include the image in your project directory and use this link for the og:image tag. Now it works properly in WhatsApp too.
Я создал простую HTML-страницу с основными метатегами Facebook:
Facebook linter правильно проверяет, и в Facebook он отлично выглядит, но когда я пытаюсь поделиться WhatsApp, изображение не отображается.
Я пытаюсь использовать WhatsApp на Android
Я верю, что вам нужно добавить itemprop в метатег og:image , размер изображения установлен на 256x256 , а также не повредит добавлению свойств site_name , type и updated_time либо:)
Вы можете увидеть эти метатеги в действии, например, Карты Google.
После того, как вы изменили свои метатеги, вам может потребоваться некоторое время, чтобы обновить возможные кеши.
Вы можете отлаживать/проверять метатеги Open Graph из Отладчик Facebook
Если вы можете увидеть все свои теги, то сайты/приложения, в которых ваши теги не отображаются должным образом, могут иметь разные требования для тегов Open Graph.
Вам также нужно указать og:type , поскольку это один из четырех базовых требуемых параметров. должен помочь вам в правильном направлении.
У меня была та же проблема, и проблема заключалась в размере картинки. Whatsapp не поддерживает изображение размером более 300 КБ.
Поэтому наиболее важным свойством для отображения изображения в Whatsapp является:
И размер изображения для отображения должен быть менее 300 КБ
И вы должны увидеть работу до и после скриншота
Существует два вида кода. Первая мета ог: изображение внутри
Надеюсь, это поможет. Благодарю.
Я также столкнулся с этой проблемой, наконец, я решил ее
Моя собственность изображения
Убедитесь, что в имени изображения нет пробела, если у вас есть два слова, используйте знак подчеркивания
Очистите данные и кеш WhatsApp (или используйте другой WhatsApp)!
Android Phone: Go to SETTINGS > APPS > Application List > WhatsApp > Storage and Clear Data.
Тогда результат: до и после очистки данных и кеша WhatsApp
Заголовок: добавьте ключевое слово с богатым заголовком на свою веб-страницу с максимум 65 символами.
Описание Meta: Опишите вашу веб-страницу не более 155 символов.
og: title: не более 35 символов.
og: url: Полная ссылка на адрес вашей веб-страницы.
og: description: Максимум 65 символов.
og: image: Рекомендуется использовать изображение (JPG или PNG) размером менее 300 КБ и минимальный размер 300 х 200 пикселей.
favicon: Маленькая иконка размером 32 x 32 пикселя.
На приведенной выше странице вы найдете требуемые спецификации, лимиты символов и образцы. Сделайте upvote, как только вы найдете это удовлетворительным.
Я надеюсь, что эта помощь:
Обратите внимание на imgURL, который должен быть размещен в одном домене, или он не будет отображаться на whatsapp. Я попытался загрузить URL-адрес с amazon, предварительный просмотр изображения не работает.
или используя формат json-ld из google
Для всех, все еще имея эту проблему, и для меня ни один из опубликованных решений не разработан.
У меня была аналогичная проблема. Изображение отображалось правильно во всех других диалоговых окнах share. Только WhatsApp не смог отобразить изображение, даже если отладчик facebook правильно имеет тег og: image.
Решение, которое сработало для меня: Я использую firebase. Для загруженного содержимого в хранилище вы получаете уникальный URL-адрес загрузки с токеном носителя. Что-то вроде:
Я использовал этот URL в метатеге og: image. Он работал на Facebook и т.д., Но похоже, что WhatsApp не смог загрузить изображение с этого URL-адреса. Вместо этого вам нужно включить изображение в каталог проекта и использовать эту ссылку для тега og: image. Теперь он корректно работает и в WhatsApp.
До (не работает в WhatsApp, но facebook и т.д.)
После (теперь работает во всех проверенных общих диалогах, включая WhatsApp)
Почему не обновляются посты со ссылками в социальных сетях
Соцсети берут информацию для расшаривания из метатегов протокола соцадаптации Open Graph, про который я подробно рассказывал в конце прошлого года. Если на вашем сайте их нет, будет лучше их сделать, а уже потом решать проблему. Если кратко — Open Graph позволяет управлять контентом, который попадает в социальные сети с вашего сайта.
Если Open Graph подключен, в метатегах указана правильная информация (как минимум, заголовок, описание, изображение, урл), но при расшаривании в соцсетях выводится другая или старая информация, значит это кеш и его нужно просто сбросить . Соцсети кешируют метаданные, чтобы при каждом расшаривании не запрашивать их снова.
Как очистить кеш в Твиттере
Специальной функции для этого в Твиттере нет, но кеш прекрасно сбрасывается с помощью кард-валидатора. Введите адрес проблемной страницы и нажмите кнопку «Preview card».
Делаю сайты на Вордпресс с 2008 года, в том числе уникальные инструменты для решения сложных бизнес‑задач.
Я создал простую веб-страницу HTML с основными метатегами Facebook:
Линтер Facebook проверяет правильность, и в Facebook он показывает отлично, но когда я пытаюсь поделиться с WhatsApp, изображение не отображается.
Пробую в WhatsApp на Android
Странно . изображения og: должно хватить. Я попытался поделиться ссылкой на YouTube, и я правильно вижу миниатюру в моем чате. Я попытался узнать, использует ли Youtube больше метатегов, но ничего особенного не обнаружил . столкнулись ли мы с проблемой кеширования?
извините, но вы уверены, что это вообще возможно? Вы видели это где-нибудь раньше? у вас есть какая-то ссылка, по которой есть большой палец на WhatsApp?
Я верю, что вам нужно добавить itemprop в og:image метатег, установить размер изображения, 256x256 а также не помешает добавить свойства site_name , type и updated_time :)
Вы можете увидеть эти метатеги в действии, например, на Google Maps . После того, как вы изменили свои метатеги, вам может потребоваться некоторое время, чтобы обновить возможные кеши.
Вы можете отлаживать / проверять метатеги Open Graph из отладчика Facebook. Если вы видите там все свои теги, значит, сайты / приложения, где ваши теги не отображаются должным образом, могут иметь другие требования к тегам Open Graph.
Кроме того, если вы собираетесь использовать ссылки secure-http на изображение, которое вам нужно использовать property="og:image:secure_url" вместо property="og:image"
У меня была такая же проблема, и проблема заключалась в размере изображения. Whatsapp не поддерживает изображения размером более 300 КБ.
Итак, самое важное свойство для отображения изображения в Whatsapp:
И размер изображения для отображения не должен превышать 300 КБ.
Я тоже сталкиваюсь с этой проблемой. Наконец, я ее решил.
Мое свойство изображения
Убедитесь, что в названии изображения нет пробела, если у вас два слова, используйте знак подчеркивания
Потратив несколько месяцев на то, чтобы понять это, я наконец решил проблему. Вот мое решение:
Скопируйте вышеуказанное и вставьте в заголовок веб-сайта. ЗАКРОЙТЕ приложение WhatsApp, снова откройте, ТОГДА проверьте. Не нужно очищать кеш и НЕ НУЖНО УДАЛИТЬ ДАННЫЕ.
За меня отвечал вовсе не размер файла. Пока размер файлов меньше 300 Кб, все в порядке. Мне не нужны свойства меры. Тег og: image достаточно.
И вы должны увидеть работу
Есть два типа кода. Первый мета-объект: изображение внутри
Надеюсь на эту помощь. Спасибо.
Отладчик FB: 100% нормально. Rich Preview: 100% нормально (включая Watsapp). Когда я пытаюсь поделиться через WhatsApp, изображение не отображается. URL в моем случае - robotiqu.es . нет ответа через год?
Очистите данные и кеш WhatsApp (или используйте другой WhatsApp)!
Android Phone : Go to SETTINGS > APPS > Application List > WhatsApp > Storage and Clear Data.
Потом результат: до и после очистки данных и кеширования WhatsApp
Я не знаю о минимальном количестве метатегов, необходимых для работы в WhatsApp, нашел это где-то, и это сработало для меня безупречно. Примечание: разрешение изображения составляет 256 x 256.
Дополнительная полезная информация:
Вы можете предоставить несколько изображений og:, WhatsApp будет использовать последнее. Это поможет решить проблему, например, facebook хочет соотношение 1.91: 1 и whatsapp 1: 1.
или используя формат json-ld из Google
Не могли бы вы добавить пояснения к своему ответу? Простое отображение кода может сбивать с толку некоторых людей.
Для всех, у кого все еще есть эта проблема, и, как для меня, ни одно из опубликованных решений не сработало.
У меня была аналогичная проблема. Изображение отображалось правильно во всех других диалоговых окнах общего доступа. Только WhatsApp не смог отобразить изображение, хотя отладчик facebook правильно имеет тег og: image.
Решение, которое сработало для меня: я использую firebase. Для загруженного контента в их хранилище вы получаете уникальный URL-адрес загрузки с медиа-токеном. Что-то типа:
Я использовал этот URL в метатеге og: image. Это сработало для Facebook и т. Д., Но похоже, что WhatsApp не может загрузить изображение с этого URL-адреса. Вместо этого вам нужно включить изображение в каталог вашего проекта и использовать эту ссылку для тега og: image. Теперь он исправно работает и в WhatsApp.
Раньше (не работал в WhatsApp, но в facebook и т. Д.)
После (теперь работает во всех протестированных общих диалогах, включая WhatsApp)
Надеюсь, это поможет некоторым из вас :)
Не могли бы вы уточнить подробности? Какая на самом деле разница? Вы как бы переписали URL-адрес изображения или что вы сделали?
Заголовок: добавьте на свою веб-страницу заголовок, содержащий не более 65 символов.
Метаописание: опишите свою веб-страницу не более 155 символов.
og: title: Максимум 35 символов.
og: url: Полная ссылка на адрес вашей веб-страницы.
og: description: Максимум 65 символов.
og: image: Рекомендуется изображение (JPG или PNG) размером менее 300 КБ и минимальным размером 300 x 200 пикселей.
favicon: маленький значок размером 32 x 32 пикселя.
На приведенной выше странице у вас есть необходимые спецификации, ограничение на количество символов и образцы тегов. Голосуйте за, когда сочтете это удовлетворительным.
Ваш источник только что прошел тестирование или какие-либо из этих требований где-то задокументированы?
Надеюсь, это поможет:
Обратите внимание на imgURL, который должен размещаться в том же домене, иначе он не будет отображаться в WhatsApp. Я попытался загрузить URL-адрес из Amazon, предварительный просмотр изображения не работает.
В моем случае добавление метатега ниже решило проблему. Я использовал арабский контент, и мне пришлось добавить это, чтобы изображение появилось в WhatsApp:
Примечание. Если вы используете контент на английском языке, нет необходимости добавлять этот метатег, поскольку английский является значением по умолчанию.
Данные Open Graph:
Кажется, требуются только эти 3 тега ( og:title , twitter:description , rel="icon" ):
Для меня проще всего поэкспериментировать с CodeSandbox, выполнив следующие действия:
Просто убедитесь, что ВСЕГДА есть кавычки и закрывающие кавычки, потому что WhatsApp чувствителен к этому. В приведенном выше примере нет заключительной цитаты для вашего og:description .
@JitendraPancholi, ваш сайт (dubairent.com) не тот. Вокруг значений атрибутов требуются символы двойных кавычек. Вот один из Вашего сайта: . Оно должно быть: . Если вы используете Webpack с плагином HTML, подумайте о том, minify.removeAttributeQuotes чтобы установить false
Я исправил это сейчас, но WhatsApp по-прежнему не показывает изображение в предварительном просмотре, хотя заголовок и описание отображаются так же, как и раньше.
@JitendraPancholi, вы можете использовать приведенные выше инструкции для «Самым простым способом поэкспериментировать для меня был с CodeSandbox, выполнив следующие действия». Просто скопируйте свой
раздел в ванильное приложение. Чтобы получить необработанный HTML-код вашего веб-сайта, используйте параметр «просмотреть исходный код страницы» (в Chrome это так CTRL + U ).
На других платформах, которые я пробовал, проблем не возникало, только с мобильными приложениями WhatsApp. Как только я указал на другой общедоступный URL-адрес, такой как файл Google Диска (конечно же, общий доступ), все заработало.
Я также попытался зафиксировать образ в нашем репо, который размещен и развернут на AWS с пользовательским доменом, и это тоже не сработало. Так что, похоже, виновником по-прежнему является AWS. Надеюсь, это кому-то поможет!
Если после всех этих советов эскиз все еще не отображается, попробуйте следующее:
Моя проблема заключалась в том, что двойные кавычки из атрибутов og удалялись при сборке для производства (сборка npm run). Модуль Minify делал это.
Итак, решение заключалось в том, чтобы отменить это удаление, установив для атрибута removeAttributeQuotes значение false:
В своей среде разработки я установил его в файле «webpack.prod.conf.js». Установите его в свой эквивалентный файл.
Просто восстановите, и теперь он работает.
Я выполнил все инструкции в ответах здесь, и я все еще не мог заставить его работать. Похоже, WhatsApp также требует расширения для отображения изображения.
Итак, для тега, указывающего на jpeg:
Измените API, чтобы разрешить расширение, и используйте:
а потом вроде работает .
У меня была такая же проблема, я, наконец, получил ее после некоторых попыток. Вот 8 тегов html, которые я использовал на своей веб-странице для предварительного просмотра:
Эти 8 тегов (6 в головке, 2 в теле) работали отлично.
Подсказки:
1. Используйте точный URL-адрес местоположения изображения вместо формата каталога, т.е. не используйте images / OG_thumb.jpg
2. Расширение файла с учетом регистра: если имя расширения изображения у вашего хостинг-провайдера - «.JPG», тогда не используйте «.jpg» или «.jpg». Я заметил, что в зависимости от комбинации хостинг-провайдера и ошибки браузера может быть или нет возникают, поэтому для безопасности проще просто сопоставить случай расширения файла.
а. Принудительно остановите мобильное приложение (я пробовал на Android) и повторите попытку
Ноябрь 2020 г .: Как я понял, эти метатеги необходимы и влияют на то, что вы видите по общей ссылке в Whatsapp и WhatsApp-thumbnail :
2-Когда вы add/change открываете какие-либо теги графиков, такие как og:description , и снова нажимаете свой тег на своей странице / теле, то, что вы видите в WhatsApp, не меняется, если вы не измените href="I am a new URL" свой тег или не очистите кеш WhatsApp !!
4-Каждый раз, когда вы добавляете / изменяете og содержимое, чтобы иметь миниатюру в WhatsApp, изменения не влияют на первую попытку !! и успешно со второй попытки. Очень странно !
У меня проблемы с моими метатегами с Open Graph. Кажется, что Facebook кеширует старые значения моих метатегов. Старые значения для Атрибутов og:title и og:url до сих пор используются, хотя я их уже изменил.
Я запустил Lint на странице моего сайта , и это появилось:
Обратите внимание , что существуют два значения для og:title и og:url , а последняя преобладала. Тем не менее, последние две записи являются старые записи, которые я использовал для этого сайта. Сейчас я использую эти метатеги (вы можете проверить, просматриваете ли вы источник HTML):
Почему Facebook кеширует og:title и og:url ? Кто-нибудь испытывает ту же проблему?
Проблема в том, что счетчик лайков в Фейсбуке по-прежнему для OLD og: url ( pinq.dk ), который составляет около 200+, а не для pinq.dk/tilbud/landsdaekkende/lissy
и я не думаю, что это история. Больше og: url устанавливается (предположительно) дважды, последний превалирует. Так или иначе, старые значения, которые уже удалены из кода, все еще влияют на мета значения.
Хорошо, прочитайте это . Особенно раздел « Редактирование метатегов ». Я не уверен, если это связано, но это может помочь. Проверю это позже, извини, приятель!
Это наверное так. «Вы можете обновить атрибуты своей страницы, обновив теги своей страницы. Обратите внимание, что og: title и og: type доступны для редактирования только изначально - после того, как ваша страница получит 50 лайков, заголовок станет фиксированным, а после того, как ваша страница получит 10 000 лайков тип становится фиксированным. Эти свойства исправлены, чтобы не удивлять пользователей, которым страница уже понравилась. Изменение тегов заголовка или типа после того, как эти ограничения достигнуты, ничего не дает, ваша страница сохраняет исходный заголовок и тип. ". Спасибо ifaour!
Примеры:
У меня была та же проблема прошлой ночью, и я получил это решение с какого-то сайта.
Facebook сохраняет миниатюру кеша. Он не обновится, даже если вы удалите thumnail / изображение с вашего сервера. Но Facebook позволяет обновлять с помощью fbrefresh
Надеюсь, это поможет.
Неверно, добавление этого параметра не имеет никакого значения для работы инструмента отладки - нет никакой ссылки на этот параметр в инструменте отладки или в коде скребка
Нет необходимости использовать параметр fbrefresh, но вам необходимо войти в систему как администратор для приложения FB, которому принадлежит этот домен, иначе кэш не будет обновлен.
Я могу убедиться, что добавление параметра fbrefresh работает для меня. Если я указывал URL, он использовал старые данные, хотя отладчик показывал правильные данные. Но как только я использовал отладчик с параметром fbrefresh, тогда даже обычные ресурсы использовали правильные данные.
Самый голосующий вопрос довольно устарел:
Это только 2 варианта, которые следует использовать с ноября 2014 года :
Если URL-адрес og: image остается прежним, но изображение фактически изменилось, он не будет обновляться и не пересматриваться скребками Facebook, даже выполняя вышеуказанное. (даже передача? last_update = [TIMESTAMP] в конце URL изображения не работала для меня).
Единственный эффективный обходной путь для меня - назначить новое имя изображению.
Когда вы вызываете отладчик, чтобы отменить изменения в тегах og: на своей странице, все предыдущие публикации Facebook с этим URL все равно будут отображать старое изображение / видео. Невозможно обновить все предыдущие посты, и это сделано специально из соображений безопасности. В противном случае кто-то сможет притвориться, что пользователь поделился чем-то, чего он на самом деле не сделал.
убедитесь, что теги находятся в заголовке, а не в теле страницы - отладчик предупредит вас об этом, но они будут проигнорированы (да, я знаю, вы упомянули об этом, я просто хотел подчеркнуть это)
Любые идеи о том, как поцарапать кеш при изменении URL-адреса og: video . Я сделал небольшую правку для своего видео и изменил URL, и Facebook продолжает показывать старую версию! Я, очевидно, сделал царапину в отладке (он показывает там правильно), но не в посте! . Это сводит меня с ума!
Если у вас много страниц и вы не хотите обновлять их вручную - вы можете сделать это автоматически.
Допустим, у вас есть страница профиля пользователя с фотографией:
Просто добавьте это на свою страницу:
Это обновит кеш Facebook. Если вы используете решение jQuery, взгляните на «response» в console.log - там вы найдете поле «updated_time» и другую полезную информацию.
это было единственное непротиворечивое решение, которое разрушило бы кэш изображений для меня. использование fbrefresh ничего не сделало для моей проблемы.
Привет, я пытаюсь этот метод, но я получаю некоторые ошибки, $ this-> output ('
Я получаю следующую ошибку Uncaught ReferenceError: $ не определено (анонимная функция), любая помощь будет
Похоже, миниатюра OG не обновляется, даже если передана переменная fbrefresh. Чтобы обновить это, не дожидаясь автоматической очистки, вам нужно изменить имя файла метатега, связанного с миниатюрой, и обновить.
@SamMussmann Кажется, что это только (если это вообще так) обновляет кэш содержимого тега OG, а НЕ фактическое изображение, найденное по URL указанного содержимого. EG: Вы сохраняете теги OG одинаковыми, но изменяете файл изображения (сохраняя его имя), и само изображение остается в кэше. Я не нашел способа очистить это, кроме того, как сказал Себ, вы должны изменить имя файла изображения.
Решаемые. Я решил это с помощью добавления? T = TIMESTAMP к моему URL-адресу изображения в php-скрипте, где мы генерируем теги. Пока это работает.
У меня были те же проблемы с использованием og:image , несколько попыток переименовать файл или очистить кэш FB не работали ни через отладчик facebook, ни при тестировании через реальную учетную запись.
В новых рекомендациях Facebook говорится, что размер изображения должен быть 1200 x 630 или иметь такое соотношение сторон, это кажется неправильным, единственное, что сработало для меня, - это использование изображения с квадратными размерами .
Edit * Несколько часов я вернулся, чтобы использовать 1200 x 630, и это волшебно сработало, это было волшебно.
Я также переименовал файлы в f * ^ * kfacebook.jpg, не уверен, что это помогло, но это было хорошо.
В основном ответ терпение;)
Я проверил Linter этим утром, и og: title и og: url отображаются правильно, без избыточных значений. Я предполагаю, что FaceBook автоматически очищает свой кеш через определенный интервал. Мне просто нужно подождать.
С Facebook для разработчиков , кэш объекта истекает каждые 7 дней, и Facebook будет автоматически преобразовывать объект при следующем его использовании.
Мы просто столкнулись с этим, как оказалось, мы не указали правильный URL-адрес, поскольку реальный URL-адрес имел строку запроса (да, другая страница, если речь идет о боте).
ЛИНТЕР будет поместить в кэш страницы, вы не должны ждать.
Ооооо, наконец то помогло (я пользуюсь IP.Board). Что я должен был сделать:
Изменить URL-адрес og: изображения на моем сайте (общая конфигурация).
Попробуйте этот метод с? Fbrefresh = 1154464gd56
Спасибо автору за эту тему!
РЕДАКТИРОВАТЬ: Что еще нужно помнить о требованиях к изображению. На данный момент (январь 2013 г.) это: - не менее 200 пикселей в обоих направлениях - максимальное соотношение 3: 1
Одна вещь, чтобы добавить, URL чувствителен к регистру . Обратите внимание, что:
иначе в глазах линтера
Обязательно используйте точный URL-адрес сайта, который был введен в настройках приложения для приложения. В противном случае linter вернет свойства, но не обновит кеш.
Простите, ребята, но правильный ответ:
Вот вещи, о которых, как сообщалось, работали другие, но у меня был НУЛЬ успех с любым из них.
Выбирая "Получить новую информацию по царапинам"
Изменение фактического имени файла изображения и / или удаление оригинала
Добавление строки запроса к URL-адресу изображения путем добавления PHP TIMESTAMP или «что-нибудь»
Добавление строки запроса ". yoursite.com/?fbrefresh=anything" в URL-адрес выборки отладчика
Выбор графической ссылки API внизу страницы og dev
Выбор точного отображения того, что видит скребок - не запрашивает в реальном времени некэшированные данные скребка, он все равно показывает URL кэшированного изображения, даже если файл больше не существует
Проверка вашего кода - это всегда подходящее место для подтверждения того, что это не проблема кеша браузера или какой-либо службы кэширования. Если метаинформация в вашем коде обновлена, и вы перепробовали все вышеперечисленное (если не было выполнено другое предложение), правильный ответ - вы ничего не можете сделать, кроме как ждать .
Я обнаружил, что если ваше изображение 72dpi, это даст вам ошибку размера изображения. Используйте вместо этого 96dpi. Надеюсь это поможет.
Вставьте URL-адрес страницы и нажмите «Отладка». Если на вашем сайте используются псевдонимы URL, убедитесь, что вы используете тот же URL-адрес, который Facebook использует для страницы, которой вы делитесь (пример: в Drupal используйте путь узла / * вместо псевдонима, если страница используется по этому URL-адресу).
Документы разработчика Facebook говорят, что свойство title имеет исключение:
После того, как 50 действий (лайки, публикации и комментарии) были связаны с объектом, вы не сможете обновить его заголовок
Это кеш, часто обновляется, именно это и нужно делать кешу время от времени. Так что ожидание в конечном итоге сработает, но иногда вам нужно сделать это быстрее. Изменение имени файла работает.
Так почему -1? Буквально никто не ответил на самое простое решение ИЗМЕНИТЬ ФИЛЬМ, и оно на самом деле работает не так, как проголосовали другие (+/- 5) ответы, которые не соответствуют или, по крайней мере, сделали, но устарели. Если вы не можете изменить имя файла по какой-либо причине, этот ответ вам не поможет.
У меня тоже была эта проблема. Скребок показывает правильную информацию, но URL-адрес общего ресурса все еще был заполнен старыми данными.
Я нашел способ использовать метод подачи вместо общего доступа, а затем заполнить данные вручную (что не предоставляется методом общего доступа)
Что-то вроде этого:
Действительно легко решить. Проверено и работает. Вам просто нужно сгенерировать новый URL при обновлении ваших метатегов. Это так же просто, как добавить "& cacheBuster = 1" к вашему URL. Если вы измените метатеги, просто увеличьте "& cacheBuster = 2"
Оригинальный URL
URL при обновлении метатегов og:
URL при повторном обновлении метатегов:
Facebook будет относиться к каждому как к новому URL и получать свежие метаданные.
Годы спустя, и это все еще распространенная проблема, но это не всегда кеш Facebook: это очень часто человеческая ошибка (позвольте мне уточнить)
ОГ: ТИП влияет на чистку изображения:
Помните, что og: type = website приведет к тому, что любые / подстраницы / этого URL станут "каноническими". Это означает, что у вас будут проблемы с обновлением изображений с помощью скребка, независимо от того, что вы делаете.
Считайте, что это «предположение и распространенная ошибка»
Это не «все сайты», 1 - это сайт, остальные - статьи.
Если вы сделаете это, Facebook сочтет все это каноническими и поместит в них ПЕРВОЕ изображение og :. (попробуйте, вы увидите) - если вы установите og: url в качестве корневого или родительского домена, вы сказали Facebook, что все они канонические. (есть веская причина для этого, но это не по теме)
Рассмотрим это решение (именно этого большинство людей «действительно хотят»)
Если вы сделаете это сейчас, Facebook даст вам гораздо меньше проблем с очисткой ваших НОВЫХ изображений.
В заключение, ДА могут работать сбои кеша, случайные переменные, изменение URL и предложения, но они будут выглядеть как «прерывистое вуду», если они og:type не указаны правильно.
PS: помните, что CDN или серверный кеш будет служить скребку Facebook, даже если вы «думаете», что можете увидеть самую последнюю версию. (Я не буду тратить на это какое-либо время, кроме как на то, чтобы указать, что оно потратит колоссальное количество вашего времени, если не будет проверено дважды)
Недавно у меня была другая, но похожая проблема с Facebook, и я обнаружил, что упомянутая страница скребка / отладки просто не читает ни одну страницу целиком. Мои мета-свойства для Open Graph были ниже в разделе head, и скребок постоянно сообщал мне, что спецификация изображения была неправильной, и независимо от него использовал бы кэшированную версию. Я переместил теги Open Graph дальше в коде, в самом верху страницы, и тогда все работало идеально, каждый раз.
I have created a simple HTML webpage with the basic Facebook metatags:
The Facebook linter validate correctly and in Facebook it shows perfect, but when I try to share by WhatsApp the image doesn't show.
I'm trying it on WhatsApp on Android
Strange. the og:image should be enough. I tried to share a youtube link and i can see correctly the thumbnail in my chat. I tried to see if Youtube was using more meta tags without discovering anything special. are we facing a cache problem?
excuse me , but are you sure this is even possible ? have you seen it else where before ? do you have some link that have a thumb on whatsapp ?
Как очистить кеш в Фейсбуке
Для этого нужно воспользоваться отладчиком перепостов Фейсбука, ввести в поле адрес проблемной страницы и запросить повтор скраппинга.
Как очистить кеш во Вконтакте
У Вконтакте есть метод pages.clearCache, который очищает кеш отдельных внешних страниц, прикрепленных к записям. При удачной очистке кеша – метод возвращает 1.