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

标签 facebook facebook-opengraph blogger meta-tags facebook-share

我正在尝试让 Facebook 链接共享元标记为我的 Blogger 网站工作,虽然我的链接预览大部分工作(图像、标题、自定义描述等),但我无法显示作者链接。

这是一个屏幕截图,显示了我所指的内容:



然而,这是我博客的链接预览,如使用 FB 共享调试器所见:



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 == &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 -->

更新:之前我正在修改一个测试帖子,当我在 Facebook 上预览它时,作者标签起作用了。我之前没有更改博客模板或元标记中的任何内容——它只是随机出现的。但是,在使用不同的测试帖子再次测试时,作者标签消失了。我尝试过处理各种事情——帖子长度(从 9 个段落到只有 10 个词)、是否有图片等等——但我无法让作者标签重新出现,即使它就在那里。

更新 #2:下面是进一步测试的结果。 (请删除链接中 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-Tinkering-around-with-some-test -post.html

第二:我创建了“Test post 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

第三:然后我创建了“Test post 3”,它与上面的“Test post 2”相同,只是标题和固定链接略有不同。然而,这个作者链接从未出现过。下面的调试信息也与“Test post 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-post-3.html

更新 #3:我已经尝试了我能想到的一切。就目前情况而言,我发布到 Facebook 的 10 个链接中可能有 1 个会显示作者标签,​​而且似乎完全随机,哪些做或不做(尽管它们可能更频繁地出现在指向较短帖子的链接上,或者标题/网址较短/元描述……但无法确认)。

例如,我昨晚发布了这个,作者链接显示正常(屏幕截图链接):
[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

最佳答案

这发生在引入 Facebook Instant Articles 之后,只有经过验证的作者/发布者名称才会出现在链接预览中。

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

  • 注册 Facebook Instant Articles ,您将可以在注册时选择需要关联的页面。
  • 注册后,在配置部分的工具部分下,您将被要求输入域详细信息(例如 example.com),您必须验证您的网站才能发布即时文章。
  • 按照说明添加meta标签,如果你使用wordpress,可以看到说明here .希望假设您将拥有其他元详细信息,例如 app_id、出版商名称、作者链接等。
  • 很快您将收到链接出版物的通知,要求确认。
    Linked Publication Preview

  • 就是这样。很快,作者个人资料链接将出现在链接预览中。

    关于facebook - Facebook 链接预览中的作者姓名未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45649627/

    相关文章:

    objective-c - Facebook:[FBSession activeSession] 崩溃应用

    javascript - Facebook Javascript SDK 开放图 : error adding custom objects for custom stories

    多个 fb :admins 上的 Facebook Open Graph 警告

    css - 如何显示当前页面标题或标签?

    python - 谷歌博客 API : AccessTokenRefreshError:invalid_grand message

    javascript - 用于 facebook 聊天的 XMPP 库

    ios - 在 iOS 应用程序中登录 Facebook

    ios - 在 Swift 中更新 Parse currentUser() 的缓存副本

    ios - 覆盖 UIActivityViewController 以切换到 Facebook 应用程序(用于 Open Graph 故事)

    xml - 如何将 Blogger XML 文件转换为 WXR 文件?