Question

我正在尝试允许Facebook Crawler使用网站上的Open Graph标记访问元信息，但它不会读取head标记的内部内容。

如果我回显了刮擦信息，它会将头标记显示为：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
  <head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head>
<body>

 ...

然而，在页面的源头，头部信息包含元标记：

<!DOCTYPE html>
<html>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="referrer" content="always" />
  <meta property="fb:app_id" content="375576830972731" />
  <meta property="og:site_name" content="Site Name" />
  <meta property="og:title" content="Title of content" />
  <meta property="og:url" content="https://website.domain.com/123456" />
  <meta property="og:image" content="http://s3-us-west-1.amazonaws.com/domain/media/images/001/original/001" />
  <meta property="og:description" content="Description of content" />
  <meta property="og:type" content="article" />
</head>

我的控制器设置为允许“protect_from_forgery”异常，我确保允许在robots.txt中使用Facebook抓取工具：

User-agent: Facebot
Allow: /

User-agent: facebookexternalhit/1.1
Allow: /

为什么Facebook的抓取工具无法访问标题中的元标记？

Answer 1

我能够通过更改我试图显示的文章的控制器中的respond_to块来解决此问题。

我有这样的事情：

class ArticlesController < ApplicationController

  def show
  ...

    respond_to do |format|
      format.js
      format.html
    end
  end

end

然而，我注意到当我执行curl https://website.domain.com/123456时，返回的第一件事是与视图关联的javascript函数，而不是正确的html标记。

在format.html之前放置format.js解决了这个问题。

class ArticlesController < ApplicationController

  def show
  ...

    respond_to do |format|
      format.html
      format.js
    end
  end

end

Facebook Crawler无法访问的打开Graph头元标记

1 个答案: