HTML:使动态页面搜索引擎友好

时间:2014-03-04 13:24:56

标签: javascript jquery html

我正在浏览this SO question并发现动态更新META标记对搜索引擎没有意义。然后我检查了这个SO页面的HTML源代码,发现了一些META标记name="og:url" name="og:description" name="og:title",它肯定会动态生成。

所以我的问题是,这会帮助搜索引擎找到这个页面,或者这只是用于Open Graph目的。

我的页面内容基于传递的参数完全动态。那么我如何才能通过搜索引擎搜索我的动态页面。

1 个答案:

答案 0 :(得分:1)

这些og标记专门用于Open Graph。他们可能会动态更新,因为他们想要一个分类按钮来立即获取该信息。

基本上,要使这些动态页面正常工作,您需要确保拥有匹配每个页面的URL。当用户更改页面时,您应该更新地址栏中的URL以匹配他们看到的内容。此外,您的页面上应该有足够的直接链接,以便搜索引擎可以直接抓取各个页面。

这样做时,请设置页面,以便在请求其中一个直接URL时 - 您还可以使用页面响应返回元数据。由于引擎不执行javascript,您需要使用适当的元数据返回初始页面加载 - 从这一点可以动态更新它。如上所述。

示例:

我正在查看有关/articles/all的文章。该页面将直接加载适用于此页面的所有元数据。我决定点击特定的文章来阅读它。页面将动态加载(可能使用ajax),但是,在此过程中,当前网址应更新为我正在查看的文章:/articles/12345/view,页面应更新其元数据。现在!如果我要在浏览器中刷新此页面,我会得到一个动态页面的直接加载版本,其中所有元数据都保持不变 - 不是动态放置 - 这就是搜索引擎会看到的内容。

简而言之,请确保可以从直接网址访问您的动态网页,这些直接网址会根据初始响应设置DOM中的元数据。这将使搜索引擎感到高兴。