Reactjs 亚马逊S3图片发布-与Facebook共享-Meta标签“;og:image";-下一代
我正在编写代码,将我的网站页面共享到facebook上。我对开放图使用了元标记。以前,页面的图像存储在服务器本身中,我在meta标记中提供指向该图像的链接,如下所示:Reactjs 亚马逊S3图片发布-与Facebook共享-Meta标签“;og:image";-下一代,reactjs,amazon-s3,next.js,facebook-share,Reactjs,Amazon S3,Next.js,Facebook Share,我正在编写代码,将我的网站页面共享到facebook上。我对开放图使用了元标记。以前,页面的图像存储在服务器本身中,我在meta标记中提供指向该图像的链接,如下所示: <meta key="og:image" property="og:image" content={coverImage} // link to the image > 在facebook上分享时,一切都很顺利。图像与标题和描述一起正确显示 最近,我将图像存储改为AmazonS3,而不是存储在服务器上
<meta
key="og:image"
property="og:image"
content={coverImage} // link to the image
>
在facebook上分享时,一切都很顺利。图像与标题和描述一起正确显示
最近,我将图像存储改为AmazonS3,而不是存储在服务器上。现在,coverImage
具有S3链接。我在OpenGraph图像标签中提供此链接,但facebook没有预览图像。我清除了缓存,再次抓取了url,但facebook显示了警告:
“无法下载提供的og:image,https://***.s3.ap-south-1.amazonaws.com/…..*.jpg
。这可能是由于多种原因造成的,例如您的服务器使用了不受支持的内容编码。爬虫程序接受deflate和gzip内容编码。”
这张图片正在其他地方预览,我使用了ContentType:'image/jpeg',ContentEncoding:'base64',
。我真的不知道为什么这会被facebook屏蔽
如果有人能帮我解决这件事,我将非常感激
提前谢谢