代码之家 › 专栏 › 技术社区 › Walter

Facebook链接预览中的作者姓名未显示

facebook-share meta-tags blogger facebook-opengraph facebook

8

Walter · 技术社区 · 9 年前

我试图让脸书链接共享元标记为我的博客网站工作,虽然我得到的链接预览大多工作(图像,标题,自定义描述等),我不能让作者链接显示。

这里有一个屏幕盖,显示了我所指的内容:

然而,这里有一个我的博客链接预览,可以使用FB共享调试器看到:

<meta content='<FB_profile_URL>' property='article:author'/> 在我的模板中 <head> .我完成了这项工作,并在调试器中调试了我的元标记,因此只剩下几个小的和不相关的错误/警告(一个关于丢失的 fb:app_id 属性(我没有FB应用程序),有时会发出一条关于帖子图像被忽略的警告,因为它小于200200)。

以下是我模板中的所有社交媒体元标记(包括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 == &quot;item&quot;'>
    <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 == &quot;item&quot;'>
    <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 != &quot;index&quot;'>
    <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 -->

更新: 就在那里 .

以下是进一步测试的结果。(请拆下周围的支架


   https

在链接中使其工作。)

第一:
[https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2fperiator2.blogspot.com%2F2017%2F08%2F13-tinking-around-with-some-test-post.html
[https://developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2fperiator2.blogspot.com%2F2017%2F08%2F13-tinking-around-with-some-test-post.html

第二:
[https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2fperiator2.blogspot.com%2F2017%2F08%2Ftest-post.html
[https://developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2fperiator2.blogspot.com%2F2017%2F08%2Ftest-post.html

第三: 然后我创建了测试帖子3,它与上面的测试帖子2相同,只是标题和permalink略有不同。然而,这篇文章的作者链接从未出现过。下面的调试信息也与测试帖子2相同。(原始帖子已被删除,但临时信息仍保留。)
[https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2fperiator2.blogspot.com%2F2017%2F08%2Ftest-post-3.html
对象调试器链接: [https://developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2fperiator2.blogspot.com%2F2017%2F08%2Ftest-post-3.html

我想尽了一切办法。就目前而言,我在脸书上发布的10个链接中可能有1个会显示作者标签,而这似乎完全是随机的 可能地

例如,我昨晚发布了这篇文章,作者链接显示良好(screencap链接):
[https://image.prntscr.com/image/uwNewssrRz_GD8-z5kuPBA.jpeg

重新抓取后标签仍保留:
[https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2fpriator2.blogspot.com%2F2017%2F08%2F16-I-feel-Hals-pain-120.html

2 回复 | 直到 8 年前

1

2

Nikhil Arya 8 年前

这是在脸书即时文章推出后发生的,只有经过验证的作者/出版商的名字才会出现在链接预览中。

解决该问题所需的步骤如下:

Facebook Instant Articles ,您可以在注册时选择需要关联的页面。
注册后,在“配置”部分的“工具”部分下,您将被要求输入域详细信息(etc example.com),您必须验证您的网站才能发布即时文章。
here 。希望假设您有其他元数据详细信息,如app_id、发布者名称、作者链接等。
Linked Publication Preview

就是这样。不久,作者配置文件链接将出现在链接预览中。

2

1

David Zemens 8 年前

我有一个对我有效的解决方案 this similar question 有人建议使用 FB_ID 而不是别名FB URL。我试过了,最初在对象调试器中没有发现任何差异。一两个小时后,Facebook提示我确认链接的出版物,然后我可以在调试器中正确地看到它:

FB_ID 而不是您的别名,例如: https://facebook.com/123456789 而不是 https://facebook.com/yourname