Wal*_*ter 8 facebook blogger meta-tags facebook-opengraph facebook-share
我正在尝试让Facebook链接共享元标记为我的Blogger网站工作,虽然我的链接预览主要是工作(图像,标题,自定义描述等),但我无法获得作者链接显示.
这是一个显示我所指的内容的屏幕截图:
然而,这是我的博客的链接预览,如使用FB Sharing Debugger所示:
Facebook的说明只是为了检查我的个人资料设置中的"谁可以关注我"被设置为"公开",并添加<meta content='<FB_profile_URL>' property='article:author'/>到我的模板中<head>.我已经完成了并在调试器中调试了我的元标记,因此只剩下一些次要的和不相关的错误/警告(一个关于缺失的fb:app_id属性(我没有FB应用程序))有时会发出关于帖子图像的警告被忽略,因为它小于200×200).
以下是我模板中的所有社交媒体元标记(包括Twitter和Google+的标记,以防有人指出我可能不知道的任何冲突的标记或属性):
<!-- start social media meta tags -->
<!-- start Facebook/Open Graph meta tags -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/joemcken' property='article:author'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='blog' property='og:type'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-oXxCTyNh6gc/WY7QMBR_eNI/AAAAAAAAAl0/cGml_-lFF6wfpvr_gnVwuWBgAKN8Ok3awCLcBGAs/s1600/Preliator_favicon_large.png' property='og:image'/>
</b:if>
<!-- end Facebook/Open Graph meta tags -->
<!-- start Twitter card meta tags (source: https://twittercommunity.com/t/blogger-twitter-card-image-display-problem-solution/82315) -->
<meta content='summary' name='twitter:card'/>
<meta content='@joemcken' name='twitter:site'/>
<meta content='@joemcken' name='twitter:creator'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-oXxCTyNh6gc/WY7QMBR_eNI/AAAAAAAAAl0/cGml_-lFF6wfpvr_gnVwuWBgAKN8Ok3awCLcBGAs/s1600/Preliator_favicon_large.png' name='twitter:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<!-- end Twitter card meta tags -->
<!-- start Google+ meta tags -->
<b:if cond='data:blog.pageType != "index"'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.canonicalUrl' itemprop='url'/>
<b:else/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
</b:if>
<link href='https://plus.google.com/102494175517749861425' rel='author'/>
<link href='https://plus.google.com/102494175517749861425' rel='publisher'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' itemprop='image'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-oXxCTyNh6gc/WY7QMBR_eNI/AAAAAAAAAl0/cGml_-lFF6wfpvr_gnVwuWBgAKN8Ok3awCLcBGAs/s1600/Preliator_favicon_large.png' itemprop='image'/>
</b:if>
<!-- end Google+ meta tags -->
<!-- end social media meta tags -->
Run Code Online (Sandbox Code Playgroud)
https链接中的括号以使其正常工作.)
首先:我发布了一条通知,说我要制作一堆测试帖,当我分享该帖子的链接时,会立即显示作者标签.
• 共享调试器链接: [https:] // developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fpreliator2.blogspot.com%2F2017%2F08%2F13-Tinkering-around-with- some-test-post.html
• 对象调试器链接: [https:] // developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fpreliator2.blogspot.com%2F2017%2F08 %2F13-修修补补围绕头与-一些试验post.html
SECOND:我创建了"测试帖2",并为该页面显示了作者标签.(原始帖子已被删除,但刮擦信息现在仍然存在.)
• 共享调试器链接: [https:] // developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fpreliator2. blogspot.com%2F2017%2F08%2Ftest-post.html
• 对象调试器链接: [https:] // developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fpreliator2.blogspot .COM%2F2017%2F08%2Ftest-post.html
第三:我创建了"测试帖3",与上面的"测试帖2"相同,除了略有不同的标题和永久链接.然而,作者链接从未出现过这个.下面的调试信息也与"测试帖2"相同.(原始帖子已被删除,但刮擦信息现在仍然存在.)
• 共享调试器链接: [https:] // developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fpreliator2. blogspot.com%2F2017%2F08%2Ftest-post-3.html
• 对象调试器链接: [https:] // developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fpreliator2 .blogspot.com%2F2017%2F08%2Ftest-后3.html
更新#3:我已经尝试了我能想到的一切.按照目前的情况,10个帖子中的1个链接可能会显示作者标签,并且看起来完全是随机的(或许不是这样)(尽管可能它们更常出现在更短的帖子链接上,或者更短的标题/ URL /元描述......但无法证实.
例如,我昨晚发布了这个,作者链接显示正常(screencap链接):
[https:] // image.prntscr.com/image/uwNewssrRz_GD8-z5kuPBA.jpeg
重新标记后标签仍然存在:
[https:] // developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fpreliator2.blogspot.com%2F2017%2F08%2F16-I-feel-Hals -pain-120.html