Гэтсби: поделиться на фейсбуке -> изображение слишком маленькое - PullRequest
Новая
       29

Гэтсби: поделиться на фейсбуке -> изображение слишком маленькое

0 голосов
/ 25 июня 2019

У меня есть блог, созданный с помощью Gatsby, и я пытаюсь добавить в сообщения функцию совместного использования.

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

Когда я проверяю на отладчике Facebook, я вижу, что карта общего доступа выглядит хорошо (большое изображение в верхней части заголовка).Вы можете проверить это здесь https://developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fkeen-leakey-7a99fa.netlify.com%2Ffamous-vietnamese-fruits%2F

Когда я пытаюсь поделиться сообщением, карта обмена на самом деле меньше.

Я думал, что это может быть проблема с og:image:width и heightтег не присутствует в meta, но после их добавления они, похоже, ничего не делают.

Это некоторые свойства, которые у меня есть в моем мета 

 { property: `og:url`, content: url },
 { property: `og:type`, content: `image/png` },
 { property: `og:image:width`, content: `1200` },
 { property: `og:image:height`, content: `630` },
 { property: `og:image`, content: image },
 { property: `og:title`, content: title },
 { property: `og:description`, content: metaDescription },

Любая идеяв чем может быть проблема?

1 Ответ

3 голосов
/ 25 июня 2019

Сканер Facebook пытается следовать вашему тегу og:url - который указывает на https://elingos.com - и изображение не определено - оно должно работать, когда вы исправляете URL!

Я проверил это с помощью Preview Plugin и затем сравнил это изображение с прямым источником!

Редактировать - лучший способ отладки этих URL:

Также в будущем вы можете использовать Facebook Sharing Debugger , который вы можете увидеть в разделе «redirect-path», что он идет на другой URL:)

...