Почему Quora не захватывает правильный эскиз изображения из мета-тегов? - PullRequest
2 голосов
/ 21 февраля 2020

Я опубликовал статью в блоге и попытался поделиться ею на Quora.

Я установил правильные теги og: image и Twitter-карты, которые я подтвердил, используя Facebook Open Graph отладчик.

К сожалению, совместное использование этой статьи на Quora не работает должным образом.

Quora, для миниатюры, устанавливает первое изображение в содержимом html (lo go), вместо того, чтобы взять тот, который указан в теге og:image (фотография на обложке статьи)

Ниже приведен уязвимый URL:

https://driggl.com/blog/a/why-we-are-not-dry

Примечания

  • Отладчик Facebook не возвращает ни ошибок, ни предупреждений.
  • Совместное использование Slack / Fb / Twitter хорошо работает
  • Пропорции изображения - это те, которые FB предлагает (1,9x1)
  • с отключенным JS все по-прежнему загружается одинаково .

У кого-нибудь есть идеи, почему это происходит?

Скриншоты:

Ожидаемое поведение expected behavior

Текущее поведение: Wrong thumbnail when sharing an article on Quora

Используемая технология:

  • Этот микропроект написан на Nuxt. js и метаданные предоставляются сервером
  • с открытым исходным кодом: https://github.com/driggl/blog

Обновление

После многих отладок я обнаружил, что:

  1. После написания проекта Quick Basi c в Next (React) у меня возникла та же проблема ,
  2. Кажется, Quora игнорирует метатеги изображений на этой странице.
  3. Когда я помещаю изображение, загруженное в тот же домен, Quora может без проблем захватить эскиз.
  4. Когда изображение загружается из AWS S3 напрямую, Quora не загружает его.

Я пришел с патчем обезьяны:

  1. Настройте PROXY для загрузки изображений изнутри на том же домене, в котором размещен проект
  2. Добавьте изображение размером 1x1 px в верхней части тела html, чтобы его мог получить quora.

Но этот вопрос остается без ответа, так как я не вижу этот хакерский материал как правильный ответ.

...