2019.05.07

上海做网站:如何使用Facebook调试器修复Facebook上的WordPress链接

我们中上海做网站的大多数人都发了一篇文章给Facebook,或者看到有人发了一篇文章,结果却看到了错误的图像显示。我经常删除这篇文章,然后重新发布,只是为了再次找到错误的缩略图。我甚至不得不删除预览并提供自己的图像,这将导致另一组问题。这是共享WordPress内容的常见问题。幸运的是,使用Facebook调试器.

在本文中,我们将看看是什么导致了这个问题,以及如何使用FacebookDebugger来彻底解决这个问题。示例文章的图片摘自Unsplash.com。

是什么导致了这个问题

上海做网站

造成这个问题的原因其实很多,而且要知道是哪一个引起了您的具体问题并不总是很容易的。最可能的原因是不正确地使用OG标记(OpenGraphtag,设置为og:Image),其中特征图像比其他图像小。

当你分享一篇文章时,Facebook试着猜测哪一个缩略图是最好的选择。它通过使用OG标记来实现这一点,有时还会选择比您设置的图像更大的图像。有时Og标签不见了。它也可能是由于缓存插件或主机,如CDN系统,没有得到正确的图像。

这也可能是由Facebook不喜欢的图像大小造成的。Facebook能识别至少200×200像素的图像,但更喜欢至少600×315的较大图像。1200 x 630的分辨率是大显示器的理想选择。

这个问题可以用几种方法解决。一种选择是自己手动上传图像。这个解决方案的问题是,点击图像会打开图片,而不是带读者去看文章,图像会存储在上传的图像和时间线上。这只是一个部分的解决方案,因为其他分享您的文章的人都会看到并分享错误的图像。

也许最好的解决方案是使用Facebook共享调试器来解决这个问题。尽管我们上海做网站在这里关注的是图像,但调试器还将测试URL、标题、描述、其他类型的媒体等等。

使用Facebook的共享调试器

Facebook Debugger-Using-Facebook’s-Sharing-Debugger

这个Facebook共享调试器在facebook中提供给开发人员工具箱。这是一个工具,将抓取您的页面,查看您的元标记和显示错误。它甚至会测试你的HTML。

要使用它,粘贴到WordPress文章的URL中,然后选择Debug。这将为您提供要修复的错误。一旦您修复了错误,再次单击“刮”以清除缓存,这样Facebook将看到您的新图像。

在共享应用程序中显示图像之前,必须对图像进行预缓存。您要么必须通过在共享调试器中运行映像来预缓存它,要么使用OpenGraphtag(og:Image:Width和og:Image:High),这样爬虫就可以呈现它,而不必先对其进行处理。

Facebook调试器示例

没有图像集,小第一图像

上海做网站

本文没有指定特征图像。它抓住了第二张图片而不是第一张。

Facebook Debugger-No-image-Set-Small-First-Image-2

调试器告诉我提供特征图像。它选择第二个图像而不是第一个图像的原因与图像的大小有关。第一个是108个像素。这低于所需的200像素,因此Facebook会忽略它。

特写图像太小

Facebook Debugger-Featured-Image-Too-Small

这里有一篇文章使用小图像作为特征图像。虽然这张照片是固定的,但Facebook甚至都认不出来。

Facebook Debugger-Featured-Image-Too-Small-2

Facebook让我可以从文章中选择图片。小图像甚至不是一个选项。

Facebook Debugger-Featured-Image-Too-Small-3

调试器显示图像太小。将特征图像替换为较大的图像。

大特色图像

Facebook Debugger-Large-Featured-Image

在本例中,特征图像为1080像素。它现在显示了Facebook将显示的图像。

Facebook Debugger-Large-Featured-Image-2

这一次,它在Facebook上发布了单一功能的图片。

固定开放图形标签

Facebook Debugger-Fixing-Open-Graph-Tags

图片只是Facebook上共享的潜在问题之一。您将看到的主要警告涉及OG标记。这意味着Facebook想要的元标签丢失了。最简单的修复方法是使用插件,例如Facebook开放图Yoast SEO。这将确保您想要显示的图像与其他人共享您的文章时共享的图像相同,并且它将提供Facebook想要的OG标记。

Facebook Debugger-Fixing-Open-Graph-Tags-2

这是脸书开放图。它设置了Og标签,这样Facebook就能识别它们。

Facebook Debugger-Fixing-Open-Graph-Tags-3

YoastSEO包括一个Facebook标题,描述,在社交标签下的每个帖子的图片选择。

最后思想

上海做网站共享调试器是一种简单的方法,可以查看是什么导致了您的股票问题。这是值得的额外努力,以确保您的帖子是格式化的,以便他们在Facebook上正确分享。格式良好的文章得到更多的分享和参与。


Next

最新推荐

浦东网站建设哪家比较好:如何构建网站以更有利于业务发展

2018.8.8

浦东网站建设哪家比较好:如何构建网站以更有利于业务发展

浦东网站建设哪家比较好:如何构建网站以更有利于业务发展随着互联网的不断发展,用户对网站的体验要求也越来越高。我们应该怎样做才能使网站更高质量,更贴近用户?在竞争风暴中更好地发展。让我们来谈谈如何构建网站以更有利于业务发

more >

上海网站建设工作室:网站导航设计要注意什么?

2018.8.8

上海网站建设工作室:网站导航设计要注意什么?

上海网站建设工作室:网站导航设计要注意什么?网站导航是大多数网站必备的工具上海网站建设工作室,也是用户访问网站的目录。每个网站也通过网站导航设计和设计。良好的导航可以快速使用用户了解相关业务。基本信息还可以有序地显示公司内容。

more >

杨浦企业网站设计公司:制作网站的过程有哪些?

2018.8.8

杨浦企业网站设计公司:制作网站的过程有哪些?

杨浦企业网站设计公司:制作网站的过程有哪些?如何在网站上解决这个问题与学习其他知识是一样的。它需要一定的计算机基础。拥有良好的计算机基础后,学习起来会容易得多。让我们仔细看看制作网站的过程。首先,确定主题在创建网站之前,您需

more >

普陀做网站的公司:在网站建设中如何改进内容设计呢??

2018.8.8

普陀做网站的公司:在网站建设中如何改进内容设计呢??

普陀做网站的公司:在网站建设中如何改进内容设计呢??在网站建设工作中,内容是改善用户体验的主要部分。与搜索引擎优化和博客相比,提高设计内容质量更为重要。它是您的网站和品牌标识的一部分,也是用户可以积极参与网站互动的重要

more >

浦东网站建设公司排名:如何更好得进行网站内容构建

2018.8.8

浦东网站建设公司排名:如何更好得进行网站内容构建

浦东网站建设公司排名:如何更好得进行网站内容构建网站建设的重点是内容的构建。如果内容不好,则用户不会浏览产品,也不会销售产品。因此,网站的建设主要是内容的构建,这与网站的成功有关。那么网站内容构建的技巧是什么?首先

more >

普陀网站开发公司:如何设计符合网站建设用户体验的内容?

2018.8.8

普陀网站开发公司:如何设计符合网站建设用户体验的内容?

普陀网站开发公司:如何设计符合网站建设用户体验的内容?在网站建设工作中,内容是改善用户体验的主要部分。与搜索引擎优化和博客相比,提高设计内容质量更为重要。它是您的网站和品牌标识的一部分,也是用户可以积极参与网站互动的

more >

普陀网站设计建设公司:在网站建设中要注重哪些细节?

2018.8.8

普陀网站设计建设公司:在网站建设中要注重哪些细节?

普陀网站设计建设公司:在网站建设中要注重哪些细节?如今,越来越多的人掌握了网站建设的技术,建立了自己的网站。但是,在网站建设过程中,有必要注意哪些方面可以使其建立的网站能够迅速发展。普陀网站设计建设公司Internet可以连接到rails

more >

奉贤网站建设公司排名:网站建设中要注重哪些细节?

2018.8.8

奉贤网站建设公司排名:网站建设中要注重哪些细节?

奉贤网站建设公司排名:网站建设中要注重哪些细节?网站制作标准与公司的不同定义不同,不同的需求有不同的优先级。因此,这不是一个非常明确的,但它可以做得很详细。网站建设中有很多细节。成功的关键,无论是网站的整理,还是网

more >

虹口高端建站:如何进行网站制作?

2018.8.8

虹口高端建站:如何进行网站制作?

虹口高端建站:如何进行网站制作?网站制作是网站建设中最重要的一步。用户对公司网站印象的主要来源是网页。一个好的企业虹口高端建站网站不仅可以让用户感受到网站的美感和氛围,还可以让公司通过网页隐藏起来。语言传达了公司的概念,提

more >

金山网站设计公司:网站设计的美感是什么?

2018.8.8

金山网站设计公司:网站设计的美感是什么?

金山网站设计公司:网站设计的美感是什么?有人问,网站设计的美感是什么,不同的人的美学是如何不同的,以及如何让观众喜欢这个网站。在当前的互联网时代,网站已经开始普及,每家公司都有自己的网站,每个网站。他们都有自己的风格。

more >