Javascript 单页网站 |谷歌、OG 和元数据

Question

我们正在构建一个考虑到最新单页推荐的网站。上个月谷歌宣布了他们实现网页的新方法: http://googlewebmastercentral.blogspot.nl/2015/10/deprecating-our-ajax-crawling-scheme.html

这种新的抓取方式(实际上理解 Javascript 渲染)正式弃用了旧的“Hashbang”技术(#!):https://developers.google.com/webmasters/ajax-crawling/docs/learn-more

我们选择了以下设置:

• director.js 路由系统
• AJAX 调用路由句柄以从我们的后端(PHP、Phalcon)获取数据
• 用于动画过渡的 TweenMax
• DOM 元素的 ReactJS 组件

当我们以 Google 机器人(在网站站长工具中)获取页面时，我们会得到一个预览，其中网站看起来与最终用户看到的一样。这很好，因为它证明了 Google 的新指南并且看起来是可行的方法。

问题出在元数据中。当我们抓取页面时，“原始”HTML 当然不会呈现。 Facebook 的 OG linter 也无法处理 Javascript，因此从 Javascript 中编辑元数据似乎是一个糟糕的选择。

从 PHP 设置元数据似乎是一项开销，因为它创建了数据所在的第二个位置..

我找到的解决方案(如 prerender.io)都依赖于旧的 Google 方式 (#!)。如您所见，我们需要一些适合 Google“新方式”的输入/SEO 建议，包括对元数据的支持(SEO 和 OG)。

提前致谢!

Answer 1

Facebook(Twitter、LinkedIn、Google+？？)机器人无法呈现 JavaScript。因此，您必须在原始 html 代码中设置您的 OG 标签，即在后端。

这是目前的现状。