Javascript对SEO不好，是吗？

Posted 2021-04-08

如果我决定在我的网站上使用一些javascript

$('#body').load(URL);

要么

$.get(URL, {param:value}, function(){ ... });

要么

window.title = 'TEXT';

对SEO有好处吗？或者我建议在页面上使用纯php用于搜索引擎优化目的？

答案

javascript是否适合SEO的问题是缺少这一点。我们应该假设任何只有javascript可用的内容都不会被搜索引擎抓取。谷歌至少声称能够抓取一些仅限javascript的内容，但对于他们究竟可以爬行的内容却相当紧张。其他搜索引擎可能不会抓取它，而且肯定是并非所有人都这样做。所以假设它没有被抓取。

这并不意味着它对SEO有害。

如果内容将有助于您的搜索引擎优化，那么它对搜索引擎优化是不利的。如果内容对SEO是中立的，那么它对SEO是中立的。因此，您的问题的答案实际上取决于您的内容的性质。如果内容是您的SEO活动的一部分，那么坚持服务器端html生成，无论是PHP还是其他方法。否则，SEO的问题与决定是否使用javascript无关。可访问性是另一个需要考虑的因素。仅Javascript内容对此非常糟糕。

另一答案

较大的搜索引擎可以/确实提供有限数量的javascript。但是，出于搜索引擎优化的目的，最好的办法是通过HTML而不是javascript渲染内容。一个好的经验法则是利用HTML进行内容/表达有限的内容结构（例如段落类型text = p，lists = ul / ol，headings = h1 / h2 / h3等等），CSS用于演示，以及JS用于客户端编程。话虽如此，始终首先确保良好的用户体验。如果你能在提供良好用户体验的同时做到这一点，那就太好了！如果你不能，用户首先。如果您花时间这样做，可能会让95％的用户和机器人都满意。

进一步阅读（对不起，我只能以新用户的身份发布一个链接）：

Matt Cutts Interview (Check out #26 on Google Javascript Rendering) A spider's view of Web 2.0

---

编辑补充说，为“一个新用户”;)~drachenstern

另一答案

我想首先你应该考虑SEO意味着什么。这意味着“搜索引擎优化”......搜索引擎如何首先获取数据以进行优化？

它在页面上执行GET，并处理GET中返回的任何数据。没有JS引擎。无更新数据。因此，您应该针对GET上返回的任何数据进行优化。

另外，你用PHP标记了这个，但问题与PHP无关。

---

你看过这个清单上的任何问题吗？ https://stackoverflow.com/search?q=javascript+seo

另一答案

不，先生，谷歌没有正确翻译flash和java脚本，所以它可能不会使用java脚本或Flash内容抓取这些区域。我建议你应该保持你的网站简单，但如果有必要保留flashy / java脚本内容，那么你应该保留一个文本基础备份。

另一答案

你应该问的第一件事不是对SEO有什么好处，而是对用户有益的东西。对于用户来说，使用JavaScript加载数据会为他们提供一个交互式页面，他们可以在页面加载时立即开始查看页面，页面可以更新而无需重新加载。

来自Google的Webmaster Guidelines和article on Cloaking，您不应该认为抓取工具可以理解JavaScript。这并不意味着您不应该在您的网站上使用JavaScript，而是应该提供noscript标签中的文本等效项，以供禁用JavaScript的用户以及爬虫使用，同时请记住这些noscript的内容标签应大致相当于启用JavaScript时显示的标签;向用户和搜索引擎显示不同的内容被称为“隐藏”，并且至少可以说是不赞成的。

另一答案

谷歌（尚未）执行页面的Javascript（JS）。因此，如果您的JS替换/创建页面上的内容，那么内容通常对爬虫来说是不可见的（不好）。

但是，Google员工已经实施了一个网址黑客攻击，使您的服务器可以创建页面（来自服务器，而不是来自JS），具有JS页面内容的所有不同变体。

这解决了Ajax驱动的页面的SEO问题。至少对谷歌搜索来说......

见Crawable Ajax

另一答案

永远不应该使用Javascript或任何脚本来保存您的网站内容！整个网络由HTML和CSS驱动，在极少数情况下是XML语言，其他一切在SEO方面都很头疼。问问自己这个问题，究竟是什么是SEO以及搜索引擎索引的内容是什么？ Javascript和所有编程/脚本语言都是专有的，这意味着它们不是W3C定义的标准，这意味着它们在索引内容时基本上没有价值。另一方面，HTML，CSS和XML是为Web开发的真正标准！可以使用脚本为页面添加其他功能，嵌入社交网络插件等应用程序，但不应出于任何原因使用它们来保存您的网站HTML，CSS或实际内容。这是一篇很好的文章的链接，它将解释为什么你应该使用HTML和CSS，而不是一百万个脚本，optimizing webpages using proper html markup。除了搜索引擎难以破译的代码之外，脚本还会导致其他问题。首先，它们对于浏览器来说更难处理，导致页面加载速度比使用HTML和CSS制作的“静态”页面慢得多。使用PHP制作的页面往往会创建用户和搜索引擎无法读取的“动态”URL。这就是为什么谷歌推荐使用jsp或PHP为他们的网页的人包括站点地图，否则你的链接将永远不会被找到，也可能不存在。坚持惯例！让我们面对它，我们有标准是有原因的。如果您家中所需的每个电子元件都有不同类型的插头需要特殊的插座，并且所有这些设备都有不同的电压和电流要求，会发生什么？你基本上会烧毁你的房子！并且，你每天要花5个小时在硬件商店寻找适合你墙上插座的特殊适配器。如果您计划设计网站，请使用脚本嵌入应用程序或仅与数据库连接，并使用HTML和CSS构建“静态”网页。此外，使用文本链接，因为它们都是人类和搜索引擎可读，并且易于索引和理解。切勿对链接使用脚本。编程和脚本编写可能很有趣，但不是在互联网上。

搜索引擎索引HTML，CSS和内容（多媒体，图形，视频，文本，就是这样！）其他一切都毫无意义，并且对用户和搜索引擎都很烦人。为获得最佳结果，请使用XML并设计自定义语言。

另一答案

Google可以对javascript生成的内容进行抓取，编制索引和排名。但是......它使用旧的Chrome版本（42）和旧的javascript渲染引擎。

结果是您的javascript代码需要在较旧的浏览器和较旧的Chrome版本（早于42）中运行。因此，没有花哨的ES6功能，您需要使用polyfill或使用Babel。

虽然你可以用javascript做很多事情（比如点击事件或注入你的手机菜单），但是建议仍然使用a-href而不是带有javascript事件的按钮，然后使用函数来获取新页面。

您可以查看Google的移动测试工具：https://search.google.com/test/mobile-friendly并检查错误/警告/日志。如果呈现的输出看起来像预期，Google将会看到您的内容。

在搜索控制台中，您还可以要求索引页面。有时javascript抓取工具是第一个，有时是“经典”抓取工具。

几天后通过在网页上搜索句子或段落来仔细检查。

关于它是否更好没有答案。内容是内容，Google应根据其内容而非基础技术对您的网站，SPA，PWA，AMP网站，PDF文档，在线文档，wikipage等进行排名。

如果您熟悉JavaScript，请试一试。

问候，彼得