FB OpenGraph og: зображення не тягне зображення (можливо, https?)


301

По-перше - я не вірю, що це питання, що повторюється. Я шукав ті ж чи подібні проблеми на SO так широко, і через характер усунення несправностей перед тим, як запитати, я вважаю, що ця проблема є унікальною.

Facebook не може зрозуміти мої og:imageфайли, і я спробував кожне звичайне рішення. Я починаю думати, що це може мати щось спільнеhttps://...

  • Я перевірив http://developers.facebook.com/tools/debug і маю нульові попередження чи помилки.
  • Він знаходить зображення, з якими ми пов’язані у " og:image", але вони відображаються порожніми. Коли ми натискаємо зображення (фото), вони дійсно існують, і це потрібно прямо їм.
  • Це НЕ показує одне зображення - зображення, розміщене на сервері, який не є https.
  • Ми спробували квадратні зображення, jpegs, png, великих розмірів та менших розмірів. Ми розмістили зображення прямо у public_html. Нулі з’являються.
  • Це не помилка кешування, адже коли ми додаємо іншу og:imageмета, лінк FB виявляє та читає це. Це НЕ показує попередній перегляд. Попередній перегляд порожній. Тільки виняток , ми отримуємо для зображень, що не на цьому сайті.
  • Ми подумали, що, можливо, було якесь анти-вилуговування cpanelабо те, .htaccessщо перешкоджало появі зображень, тому ми перевірили. Там не було. Ми навіть зробили швидку < img src="[remote file]" >на зовсім іншому сервері, і зображення добре відображається.
  • Ми думали, може, це та og:typeчи інша дивацтво з іншим метатегом. Ми їх видалили, по одному, і перевірили. Без змін. Просто попередження.
  • Той самий код на іншому веб-сайті з’являється без жодних проблем.
  • Ми думали, що, можливо, це не тягне зображення, тому що ми використовуємо одні й ті самі сторінки продуктів для декількох продуктів (змінюючи їх на основі значення отримання, тобто "Details.php? Id = xxx"), але це все одно тягне за собою зображення (з іншої URL-адреси).
  • Залишаючи будь-який og:imageабо image_src вимкненим, FB не знаходить жодних зображень.

Я в кінці мотузки. Якби я сказав, скільки часу я та інші витратили на це, ти був би в шоці. Проблема в тому, що це інтернет-магазин. Ми абсолютно позитивно не можемо НЕ мати зображень. Ми мусимо. У нас є десять чи більше інших сайтів ... Це єдиний з og:imageпроблемами. Він також єдиний https, тому ми подумали, що це може бути проблема. Але ми не можемо знайти будь-якого прецеденту в Інтернеті для цього.

Це метатеги:

<meta property="og:title" content="[The product name]" /> 
<meta property="og:description" content="[the product description]" /> 
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-art-black.png" />
<meta property="og:image" content="http://www.[ADIFFERENTwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/ARShopHeader.png" />
<meta property="og:image" content="http://www.[ourwebsite].com/overdriven-blues-music-tshirt-art-black.JPG" />
<meta property="og:type" content="product"/>
<meta property="og:url" content="https://www.[ourwebsite].com/apparel-details.php?i=10047" />
<meta property="og:site_name" content="[our site name]" />      
<meta property="fb:admins" content="[FB-USER-ID-NUMBER]"/>
<meta name="title" content="[The product name]" />
<meta name="description" content="[The product description]" />
<link rel="image_src" href="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta name="keywords" content="[four typical keywords]">
<meta name="robots" content="noarchive">

Якщо ви цього хочете, ось вам посилання на одну із сторінок нашого продукту, над якою ми працювали. [Посилання скорочено, щоб спробувати приборкати це надходженням до результатів пошуку для нашого сайту]: http://rockn.ro/114

Редагувати ----

Використовуючи скребковий інструмент "дивись, що бачить facebook", ми змогли побачити наступне:

"image": [          
      {
         "url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-details-safari.png"
      },
      {
         "url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-art-safari.png"
      },
      {
         "url": "http://www.[theotherNONSECUREwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png"
      }
   ],

Ми перевірили всі знайдені посилання для однієї сторінки. Усі були абсолютно дійсними образами.

EDIT 2 ----

Ми спробували тест і додали субдомен на веб-сайт NONSECURE (з якого зображення насправді видно через facebook). Субдоменом був http: // img. [Nonsecuresite] .com. Потім ми поміщаємо всі зображення в основну папку субдомену та посилаємося на них. Це зображення не потягло б на ФБ. Однак це все одно витягуватиме будь-які зображення, на які було посилатися на незахищений основний домен.

РОБОЧА РОБОТА ----

Завдяки Keegan, ми тепер знаємо, що це помилка у Facebook. Для вирішення проблеми ми розмістили субдомен на іншому веб-сайті NON-HTTPS і скинули на нього всі зображення. Ми посилаємось на координаційне http://img.otherdomain.com/[like-image.jpg]зображення og:imageна кожній сторінці продукту. Тоді нам довелося пройти через FB Linter і запустити КОЖНЕ посилання, щоб оновити дані OG. Це спрацювало, але рішення - це вирішення проблем, і якщо httpsпроблема виправлена, і ми повернемося до використання природного домену https, FB буде кешувати зображення з іншого веб-сайту, ускладнюючи питання. Сподіваємось, ця інформація допомагає врятувати когось іншого від втрати 32 годин кодування в їхньому житті.


27
Добре задокументоване питання. Оголосив це для вас!
DMCS

Для усунення несправностей спробуйте змінити og:type: og_products:productтип веб-сайту і побачити, чи можна знімати зображення.
DMCS

2
Соковиті, у нас є зображення og: на яке посилається зовнішній сайт, який є http, а не https, і він відображається.
Кіпр106

1
Привіт, дякую, чудовий пост. Лише невелике зауваження про те, що ти турбуєшся про необхідність оновлення кешу, якщо ти повернешся до https-urls після того, як вони почнуть працювати: я б не турбувався про це, оскільки кеш-файли випущено через деякий час, тому просто збережіть подвійні дані для день або два, і кеш буде автоматично випущено за допомогою нових URL-адрес.
Ніклас Ліндквіст

1
@NiclasLindqvist Привіт, для запису у нас були старі зображення, які залишаються в кеші протягом місяця і місяців тому, тому я б взяв стандарти кешу FB із зерном солі.
Кіпр106

Відповіді:


93

Я зіткнувся з тією ж проблемою і повідомив про це як про помилку на сайті розробників Facebook. Здається, досить зрозуміло, що og:imageURI, що використовують HTTP, працюють добре, а URI, що використовують HTTPS, не роблять. Тепер вони визнали, що "це вивчають".

Оновлення: Станом на 2020 рік, помилка більше не помітна в системі квитків Facebook. Вони ніколи не відповідали, і я не вірю, що така поведінка змінилася. Однак, вказуючи URI HTTPS og:image:secure, здається, працює нормально.


3
КЕГАН! Дякую! Це перший раз, коли ми бачили, що проблема HTTPS задокументована як помилка ..... і ми виглядали важко. Опублікувавши наше вирішення в коментарях до питання.
Кіпр106

2
Станом на серпень 2013 року ця URL-адреса не відображає помилку. Чи були якісь оновлення до нього?
Andreas Andreou

3
developers.facebook.com/bugs/256470807842897 Ця остання помилка також актуальна. Незважаючи на відповідь на запитання, я подумав, що я додаю посилання тут, якщо хтось із подібною проблемою приїде тут, він знайде його.
Зойдберг

4
Каже, проблема була виправлена ​​18 березня 20145 року, не для мене на думку.
Майк Флінн

1
@MattBrowne Nope, для мене це не виправлено :-(
starbeamrainbowlabs

131

Деякі властивості можуть мати додаткові метадані, приєднані до них. Вони вказані так само, як і інші метадані з propertyі content, але propertyбуде додатково:

og:imageВластивість має деякі додаткові структуровані властивості:

  • og:image:url - Ідентичне og: зображення.
  • og:image:secure_url - альтернативний URL, який потрібно використовувати, якщо для веб-сторінки потрібен HTTPS.
  • og:image:type - Тип MIME для цього зображення.
  • og:image:width - Кількість пікселів у ширину.
  • og:image:height - Кількість пікселів висока.

Повний приклад зображення:

<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" /> 
<meta property="og:image:type" content="image/jpeg" /> 
<meta property="og:image:width" content="400" /> 
<meta property="og:image:height" content="300" />

Тому вам потрібно змінити og:imageвластивість для своїх HTTPS-адрес наog:image:secure_url

Наприклад:

HTTPS META TAG ДЛЯ Зображення:

<meta property="og:image:secure_url" content="https://www.[YOUR SITE].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />

HTTP META TAG ДЛЯ Зображення:

<meta property="og:image" content="http://www.[YOUR SITE].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />

Джерело: http://ogp.me/#structured <- Ви можете відвідати цей сайт для отримання додаткової інформації.

Сподіваюся, це вам допоможе.

РЕДАКТУЙТЕ: Не забудьте пінг-сервери facebook після оновлення ваших кодів - URL Linter


1
ДЯКУЙ, Дякую велике Я не знав, що є додаткові метадані для зображень! Ми намагалися зробити image: secure_url самостійно, і FB видав помилку. Ми спробували image & secure_url * різними способами) і лінійка не показала жодних змін.
Кіпр106

Для мене він постійно показує зображення попереднього перегляду, а не метатег. Я точно маю правильну URL-адресу! :( Ідеї?
jaminroe

1
@jaminroe Ти затримався? Якщо не облизувати його тоді. Це здебільшого має вирішити це питання. Якщо він все ще не вибирає, то подивіться, який інструмент здатний вискоблювати, ви також можете побачити, що саме скребте, є посилання в кінці результату, See exactly what our scraper sees for your URLнатисніть на нього і подивіться, чи відображається воно повне джерело або зачистка вашого посилання. що завгодно. Якщо встановлено неправильне charsetзначення, скрепер з якихось причин не зможе вискоблювати (я відповів на подібне питання колись тому з цією проблемою). Тому переконайтесь, що всі ці речі є правильними.
Сід ІР

3
Якщо це допомагає комусь - наша og: URL-адреса зображення не має розширення файлу, оскільки зображення створюються службою (/ foo / bar). Ця відповідь виправила наші проблеми з лінером Facebook, імовірно, через og: type = "image / png". Дякую!!
Данк

3
@JohnWasham Тегом og:imageможе бути HTTPS (це те, що робить StackExchange, YouTube, WordPress.com, Amazon тощо). Це якось змушує задуматися, що og:image:secure_urlнасправді?
DocRoot

16

Я не знаю, якщо це тільки зі мною, але для мене og:imageце не працює, і він підбирає логотип мого сайту, навіть якщо налагоджувач у Facebook показує правильне зображення.

Але зміни og:imageв og:image:urlпрацював для мене. Сподіваюсь, це допомагає будь-кому ще зіткнутися з подібною проблемою.


Ура - працювали для мене - але налагоджувач у Facebook теж хоче зображення, тому я надсилаю обох. og: image and og: image: url - обидва з однаковим значенням / url
pperrin

1
Чи впізнається синтаксис og: image: url або він неправильний, тому його не аналізують? Іншими словами, це те саме, що взагалі не має метатега?
Джонатан Тонге

@JonathanTonge Кодування до ogp.me , " og:image:urlтотожне og:image".
DocRoot

9

Потрапив сюди від Google, але це не дуже допомогло мені. Виявилося, що для логотипу потрібне мінімальне співвідношення сторін 3: 1. Моя була майже 4: 1. Я використовував Gimp, щоб обрізати його точно до 3: 1 і вуаля - мій логотип тепер показаний на FB.


2
Це максимальне співвідношення сторін 3: 1 ( developers.facebook.com/docs/opengraphprotocol ), мінімальний розмір 50px x 50px
rpearce

1
За даними налагоджувача у Facebook, вимога розміру зараз становить 200px x 200px
braX

8

tl; dr - будьте терплячі

Я опинився тут, бо бачив порожні зображення, подані з веб-сайту https. Однак проблема була зовсім іншою:

Коли вміст ділиться вперше, сканер Facebook буде скребли та кешувати метадані з URL-адреси, що надається. Сканер повинен побачити зображення хоча б один раз, перш ніж його можна буде винести. Це означає, що перша особа, яка поділилася частиною вмісту, не побачить відтворене зображення

[ https://developers.facebook.com/docs/sharing/best-practices/#precaching]

Під час тестування у Facebook пішло близько 10 хвилин, щоб нарешті показати відтворене зображення. Тож, коли я чухав голову і кидав випадкові теги у фейсбук (і підозрюючи про проблему https, згадану тут), все, що мені потрібно було зробити, це почекати.

Оскільки це дійсно може перешкодити людям вперше ділитися вашими посиланнями, FB пропонує два способи обійти цю поведінку: а) запустити налагоджувач OG на всіх ваших посиланнях: зображення буде кешоване і готове для обміну через ~ 10 хвилин або b ) із зазначенням og: зображення: ширина та og: зображення: висота. (Детальніше читайте у вищенаведеному посиланні)

Досі цікаво, хоча що займає їх так довго ...


Причиною цього є співвідношення зображень. Якщо коефіцієнт розмірності зображення не точно 1,91: 1 та / або дані og:image:widthта og:image:heightдані я не включені, то Facebook доведеться обробляти зображення після його скраплення, щоб відповідати їх розмірам. Зображення також обріжеться, що може бути небажаним. Детальніше дивіться на сайті: developers.facebook.com/docs/sharing/best-practices/#images
Slicktrick

1
Визначення og: image: width і og: image: висота для зображень, які не входять до їхнього дуже короткого списку кваліфікованих роздільних можливостей, не прискорюйте те, що було в моєму тестуванні.
Кріс Москіні

5

У мене була така ж помилка, і нічого попереднього не допомогло, тому я спробував дотримуватися оригінальної документації протоколу Open Graph Protocol, і я додав атрибут префікса до свого тегу html, і все стало приголомшливо.

<html prefix="og: http://ogp.me/ns#">

2

У мене були подібні проблеми. Я видалив властивість = "og: image: secure_url", і тепер він буде скраб із просто og: image. Іноді менше менше


1
Ваша відповідь повинна мати набагато більше голосів! Ви абсолютно праві, якщо ви розміщуєте вміст лише через https, просто використовуйте og: image: url і виконайте це.
marcvangend

1
Я не можу зрозуміти, чому це рішення. питання, очевидно, не було в першу чергу secure_url, чому ви вважаєте, що це працює, це занадто випадково
грудень

1

Я виявив ще один сценарій, який може викликати цю проблему. Я пройшов усі етапи, описані у запитанні та відповіді, проблема залишалася.

Я перевірив свої зображення і виявив, що в деяких моїх публікаціях є занадто великі мініатюрні зображення в og:imageмежах декількох тисяч пікселів і декількох мегабайт.

Це сталося через недавню міграцію з WP до Джекілла, я оптимізував свої зображення з глотком, але використовував оригінальні зображення в og: image помилково.

На сьогоднішній день Facebook дає нам такі рекомендації :

Використовуйте зображення розміром не менше 1200 x 630 пікселів для найкращого відображення на пристроях високої роздільної здатності. Як мінімум, слід використовувати зображення розміром 600 x 315 пікселів для відображення публікацій на посиланнях із більшими зображеннями. Зображення можуть бути розміром до 8 МБ.

Тож існує верхня межа 8МБ.


1

Як я випадково виявив, прозоре порожнє зображення поставляється із заголовком відповіді, що вказує на можливу причину проблеми.

  1. Перейдіть до налагоджувача за адресою https://developers.facebook.com/tools/debug/og/object/
  2. Введіть свою URL-адресу
  3. У нижній частині фейсбук показує ваше "зображення" (прозорий 1х1 GIF)
    1. Зображення пов'язане з вашим оригінальним зображенням - не має сенсу натискати на нього
    2. Натисніть праворуч і перегляньте зображення (ви отримаєте щось на зразок https://external-ams3-1.xx.fbcdn.net/safe_image.php?d=...&url=...)
  4. Увімкніть вкладку Net на інструментах firebug / developer, при необхідності оновіть сторінку
  5. Ви отримаєте x-error-detailзаголовок відповіді з поясненням

Наприклад, у моєму випадку це було Invalid image extension for URL: https://[mydomain]/[myfilename].jpg

Справжня проблема в моєму випадку стосувалася prerender.io .

Як виявляється, якщо зображення запитується за допомогою попереднього рендерінгу, воно перетворюється в HTML. Щось на зразок цього:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head>
<body style="margin: 0px;"><img style="-webkit-user-select: none; cursor: -webkit-zoom-in; " src="https://[yourdomain].com/[yourfilename].jpg" width="1078" height="718"></body>
</html>

Це або помилка в самому попередньому рендерінгу, або він повинен бути налаштований у вашому проксі, щоб не використовувати попередній рендер для *.jpgзапитів (навіть якщо їх вимагає бот Facebook).

Це дуже важко помітити, оскільки попередній рендер використовується лише у певних заголовках користувачів-агентів.


1

Я зіткнувся з тим же питанням, і тоді я помітив, що у мене інший домен для og:url

Одного разу я переконався, що домен збігається, og:urlі og:imageвін працює.

Сподіваюсь, це допомагає.


2
Це не завжди можливо, тому що og: image може бути URL-адресою CDN у формі хмари. Крім того, у моєму випадку, хоча FB (у 2017 році!) Не збирає зображення CDN зі самої сторінки, він підбирає ще одне зображення CDN, яке також є Cloudfront, а це означає, що теж не мій og: url. Отже, ваш пункт невірний.
PKHunter

Це правда. Я не використовував URL-адресу CDN. Я просто думав, що поділюсь тим, що для мене працювало.
Даррен Холл


1

Подібні симптоми (Facebook та ін. Неправильно отримують og: зображення та інші активи через https) можуть виникати, коли сертифікат https сайту не відповідає повністю.

Https cert вашого веб-сайту може здатися дійсним (зелений ключ у веб-переглядачі та всіх), але він не зішкребить правильно, якщо в ньому відсутній проміжний або ланцюговий сертифікат. Це може призвести до багато витрачених годин перевірки та повторної перевірки всіх різних кеш-пам'яток та метатегів.

Можливо, це не було вашою проблемою, але може бути іншим із подібними симптомами (як у мене). Існує багато способів перевірити ваш серт - той, який я випадково використовував: https://www.sslshopper.com/ssl-checker.html


1

Я вийняв http://із себе og:imageі замінив його просто простим старим, www.тоді він почав чудово працювати.

Ви можете скористатися цим інструментом від Facebook, щоб скинути кеш-пам'ять скребків зображень і перевірити, яку URL-адресу він витягує для демонстраційного зображення.


0

Я бачу, що налагоджувач витягує 4 og:imageтеги з вашої URL-адреси.

Перше зображення є найбільшим і тому завантажувати потрібно найдовше. Спробуйте зменшити це перше зображення вниз або змінити порядок, щоб спочатку було показано менше зображення.


Дякую Лікс! У нас насправді було невелике квадратне зображення, розміром приблизно 200x200, як перше зображення тривалий час. Ми неодноразово перевпорядковували та повторно скреблили. Ми також зробили комбінацію, зробивши менші, великі чи альтернативні єдині зображення та перекроюючи з нульовою швидкістю успіху.
Cyprus106

0

Крім того, ця проблема також виникає, коли ви додаєте історію, створену користувачем (де ви не використовуєте og: image). Наприклад:

POST /me/cookbook:eat?
  recipe=http://www.example.com/recipes/pizza/&
  image[0][url]=http://www.example.com/recipes/pizza/pizza.jpg&
  image[0][user_generated]=true&
  access_token=VALID_ACCESS_TOKEN

Вищезазначене буде працювати лише з http, а не з https. Якщо ви використовуєте https, ви отримаєте помилку, яка говорить: Не вдалося завантажити додане зображення ()


Любіть це, Google рухається до надання сайтам БІЛЬШЕ актуальності для сайтів із https, і через два роки після цього питання ФБ все ще (ненавмисно, можливо, але все ж гріх) карає веб-сайти, які цінують безпеку відвідувачів
Cyprus106

0

Не забудьте оновити сервери за допомогою:

Facebook Debugger

І натисніть "Зберіть нову інформацію"


Такого посилання чи кнопки немає
ian

0

У мене була подібна проблема сьогодні, яку мені допомогло вирішити Налагоджувач спільного доступу . Схоже, Facebook не може (наразі) зрозуміти зображення із вбудованими метаданими XMP. Коли я замінив зображення в наших статтях версіями без метаданих XMP і повторно скребкував сторінку (за допомогою налагоджувача спільного доступу), проблема усунулася. Шестнадцятковий редактор допоможе вам зрозуміти, чи містить ваше зображення метадані XMP.


0

У моєму випадку, здається, що у гусениць просто є помилка. Я спробував:

  • Зміна посилань лише на http
  • Видалення кінцевого пробілу
  • Повернення назад до http повністю
  • Перевстановлення веб-сайту
  • Встановлення купа плагінів OG (я використовую WordPress)
  • Підозра на сервер має дивну неправильну конфігурацію, яка блокує ботів (оскільки всі перевіряючі в OG не можуть отримати теги, а інші запити на мої сайти нестабільні)

Жоден із цих творів. Це коштувало мені тиждень. І раптом нізвідки, здається, знову працює.

Ось моє дослідження, якщо хтось знову зустріне цю проблему:

Крім того , є ще інші , ніж шашки Object Debugger Facebook, для вас , щоб перевірити: OpenGraphCheck.com , Абхінайте Rathore в Open Graph Tester , вбудовувати коди Iframely в , Card Validator | Twitter Developers .


0

Гаразд ... Я розумію, що цей потік старий і переповнений, але у випадку, якщо хтось увійде так, як я намагаюся отримати їхній тег og: image, щоб він працював прямо у Facebook, ось фокус, який працював для мене:

НЕ використовуйте це посилання:

https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fwww.google.com

щоб вирішити вашу проблему. Або якщо ви це зробите, негайно прокрутіть донизу та натисніть на Scrape VIA API.

https://developers.facebook.com/tools/explorer/?method=POST&path=%3Fscrape%3Dtrue%26id%3Dhttps%3A%2F%2Fwww.google.com&version=v5.0

У інструменті провідника відображаються помилки, які НЕ відображаються в інструменті "налагодження". Божевільний !!! (у моєму випадку простір у назві файлу зображення мовчки вибив моє зображення в інструменті налагодження, але він показав помилку в інструменті провідника).


0

Я натрапив на іншу причину, коли зображення не відображаються на картках FB. Крім того, використовуючи інструмент скрепера FB для налагодження мета-тегів , я міг підтвердити всі необхідні теги, які є на моїй сторінці WordPress, і все-таки я отримаю наступну помилку завантаження файлу,

За умови og: image, <https-link-to-jpg-image> неможливо завантажити. Це може статися з декількох різних причин, наприклад, якщо ваш сервер використовує непідтримуване кодування вмісту. Сканер приймає кодування спуску та gzip вмісту.

У мене було розпливчасте відчуття, що у форматі зображення виникла проблема, посилання на зображення працювало, але повідомлення, схоже, вказує на щось не так із кодування вмісту.

Після довгого пошуку я переглянув розширення php , необхідні для сервера WordPress , і зрозумів, що модуль pho-exif не встановлений. Модуль exif записує метадані exif для всіх завантажених зображень. В результаті зображення, використані у тезі зображень FB і og, не мали жодних exif метаданих, пов'язаних з ними.

Після включення модуля exif WordPress дозволяє скинути метадані exif для зображення (Media media-> select and image-> Edit more details-> Map exif metadata), і зображення тепер з’являється на FB-картці, як очікувалося.


-1

З того, що я спостерігав, я бачу, що коли ваш веб-сайт є загальнодоступним, і навіть незважаючи на те, що URL-адреса зображення https, це просто чудово.


-1

Для мене це спрацювало:

<meta property="og:url" content="http://yoursiteurl" />
    <meta property="og:image" content="link_to_first_image_if_you_want" />
    <meta property="og:image" content="link_to_second_image_if_you_want" />
    <meta property="og:image:type" content="image/jpeg" /> 
    <meta property="og:image:width" content="400" /> 
    <meta property="og:image:height" content="300" />
    <meta property="og:title" content="your title" />
    <meta property="og:description"  content="your text about homepage"/> 

-2

Після кількох годин тестування та спробування речей ...

Я вирішив цю проблему максимально просто. Я зауважую, що вони використовують "тестові сторінки" на сторінці розробників Facebook, які містять лише теги "og" та деякий текст у тезі тіла, що реферали цього тегу.

Отже, що я зробив?

Я створив другий погляд у своїй програмі, що містить ті самі речі, якими вони користуються.

І як я знаю, що Facebook отримує доступ до моєї сторінки, щоб я міг змінити погляд? У них є унікальний агент користувача: "facebookexternalhit / 1.1"


-2

Після оновлення метатегу переконайтесь, що посилання на вміст (зображення) є абсолютним шляхом і перейдіть сюди, https://developers.facebook.com/tools/debug/sharing введіть посилання на сайт та натисніть на scrape againнаступній сторінці

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.