如何SEO一个主要由Javascript生成的网站

How to SEO a site generated mostly by Javascript?

本文关键字：Javascript 网站 SEO 一个如何更新时间：2023-09-26

我犯了一个错误，通过Javascript根据请求（从XML文件）生成了几乎所有的内容。现在我了解到这对SEO来说太可怕了。从那以后，我也学会了渐进增强，很难过我也错过了那艘船。

我一直在研究我剩下的SEO选项，并发现了谷歌的AJAX可爬网建议，但随后阅读了许多关于为什么标签不好的有根据的意见。

无论我使用什么选项，深度链接对我来说也很重要。我目前正在使用JQueryBBQ，它对深度链接很有效，但对搜索引擎没有任何帮助。我正在考虑切换到一个更好地支持HTML5历史状态的选项，比如history.js。这将有助于清理URL并避免哈希，但我不确定它是否真的会对SEO产生影响，因为我所有的内容都是从XML文件动态生成的。

我还有什么选择来实现体面的SEO？请只戴白色帽子，不要戴斗篷。

请注意，我关心的主要是SEO，而不是可访问性——这是一个个人投资组合网站，我同意我的内容对一些人来说是看不见的，但我不同意蜘蛛看不见。这是网站（正在进行中，但主要是在建筑上）。

编辑：是的，我知道有很多SO问题与此类似，但其中大多数问题的答案都需要进行重大重组。我不是在寻找一个如果我从头开始就会使用的答案，我是在寻找一些东西来尽可能优雅地弥补我以前的无知。。。

一个是你必须解释到达你的网站的请求，如果它来自谷歌机器人，你可以返回你网站的html版本，如果它是普通用户，然后重定向到普通网站。要返回你网站html版本，而不需要太多更改代码，你可以对你的网站进行截屏，如果是谷歌机器人，则返回渲染的html响应这有两种方式，要么使用无头浏览器（如带有Nodejs服务器的phantomjs），要么使用python漂亮汤或javahtmlkit。

重新开始，使网站在没有JavaScript的情况下工作。然后（可选）随意使用JavaScript来增强体验。

尽管有反对票和重新开始的建议，我还是找到了答案。我使用php生成了一个精简的纯html版本的内容，它还有一个额外的好处，即为任何禁用javascript的人提供可用的（如果不理想的话）体验。

如果视口大小足够大以容纳它们，我还使用媒体查询来显示javascripted DOM元素。由于蜘蛛不怎么使用CSS，所以它们只能看到php生成的纯html，并且有很好的内容可以用于搜索引擎。

请访问transmote.com了解这方面的一个实例；减小浏览器宽度<640px，或者使用Pendule之类的工具关闭CSS，以查看php生成的纯html内容。