标签 处理Javascript 下的文章

谷歌索引页面时如何处理Javascript的


Google可以使用JavaScript创建网页吗?
是的。只要您不阻止Google访问重要的JS或CSS文件,Google就可以呈现使用Javascript创建的网页:

引用:“只要您不阻止Googlebot抓取您的JavaScript或CSS文件,我们通常就能够像现代浏览器一样呈现和理解您的网页。为了反映这一改进,我们最近更新了技术网站管理员指南,建议不要禁止Googlebot抓取您网站的CSS或JS文件。“ Google 2015

引用:“如果单独文件中的JavaScript或CSS等资源被阻止(例如,使用robots.txt),以便Googlebot无法检索它们,那么我们的索引系统将无法像普通用户那样看到您的网站。我们建议您允许Googlebot检索JavaScript和CSS,以便更好地为您的内容编制索引。这对于移动网站尤为重要,因为CSS和JavaScript等外部资源可帮助我们的算法了解网页针对移动设备进行了优化。“Google,2014
引用:“确保robots.txt不会阻止所有必需的资源(包括JavaScript 文件/框架,服务器响应,第三方API等)。获取和渲染工具将列出发现的已阻止资源。如果资源被robots.txt无法控制地阻止(例如,第三方API)或暂时不可用,请确保您的客户端代码正常失败。“ John Mueller,Google 2016

引用:“让您的网站优雅地降级是一个好主意。即使浏览器没有兼容的JavaScript实现,这也可以帮助用户欣赏您的内容。它还可以帮助禁用或禁用JavaScript的访问者,以及无法执行JavaScript的搜索引擎。“Google,2014

引用:“网络已从简单的HTML转移 - 作为SEO你可以拥抱它。向JS开发人员学习并与他们分享SEO知识。JS不会消失。“ John Mueller 2017

谷歌如何使用Javascript创建“ 标题,描述和机器人元标记,结构化数据和其他元数据”?
您可以使用Javascript创建页面标题和其他元数据:

QUOTE:“ 谷歌支持使用JavaScript来提供标题,描述和机器人元标记,结构化数据和其他元数据。使用AMP时,AMP HTML页面必须是规范要求的静态页面,但可以使用JS / PWA技术构建关联的Web页面。请记住使用具有正确“lastmod”日期的站点地图文件来表示您网站上的更改信号。“John Mueller,Google 2016

引用:“ 使用Chrome的Inspect元素检查网页的标题和说明元标记,任何漫游器元标记和其他元数据。还要检查呈现的页面上是否有任何结构化数据。“谷歌,2017年

您可以阅读我关于优化 Google 标题 和meta标签SEO的说明,

Google如何处理使用Javascript创建的导航链接?
引用:“ 我们看到您的内容更像现代Web浏览器,包括外部资源,执行JavaScript并应用CSS。”Google 2014

只要Google能够正确呈现它,Google就会关注呈现给它的任何链接,包括那些带有nofollow的链接。

引用:“ 跟随JavaScript的一部分实现抓取JavaScript的团队也实现了在JavaScript链接上添加nofollow属性的能力 ”Matt Cutts,Google 2009

引用:“ 如果你正在使用javascript在页面上创建一个元素,那么你可以选择将nofollow或不添加到dom的元素,这就是我们在传递方式时会尊重的信号。“约翰穆勒,谷歌

引用:“避免在新网站上使用AJAX抓取方案。考虑尽快迁移使用此方案的旧站点。请记住在迁移时删除“meta fragment”标记。如果“转义片段”网址未提供完全呈现的内容,请勿使用“元片段”标记。“ John Mueller,Google 2016

请参阅我关于优化Google内部链接的说明 以及如何让Google正确地为我的网站编制索引。

Javascript链接传递PageRank就像任何其他链接一样吗?
引用:“是的,链接是一个链接,无论它是如何进入页面的。否则它就不会起作用。“John Mueller,Google 2017

谷歌如何在网页上的Javascript代码中处理链接?
Google会在页面上跟踪JS代码中的链接,但不会像Pagerank那样通过它们传递任何信号:

引用:“ 如果它只是JavaScript代码中的URL,那么我们将尝试遵循这一点,但我们不会将任何PageRank传递给它,因此它会自动为nofollow。“约翰穆勒,谷歌

提示:使用“ ”功能检测“&”渐进增强“技术。”使您的网站可供所有用户访问
引用:请勿隐藏 到 Googlebot。使用“功能检测”和“渐进增强”技术,使您的内容可供所有用户使用。避免重定向到“不支持的浏览器”页面。考虑在需要时使用polyfill或其他安全后备。Googlebot目前不支持的功能包括Service Workers,Fetch API,Promises和requestAnimationFrame。“ John Mueller,Google 2016

Google如何处理单击按钮时可见的内容?
这将取决于内容实际上是在页面上,还是使用用户必须执行的调用某些JS函数的某种操作从另一个页面调用。

引用:“以手机上的维基百科为例,他们将有不同的部分,如果你点击它们会扩展这些部分,并且有很好的可用性原因,只要你没有尝试填充某些内容。隐藏的欺骗性或试图让你知道的方式会歪曲排名,只要你为用户做这件事,我认为你会处于良好状态。“Matt Cutts,Google 2013

Google如何使用Javascript和CSS显示隐藏但隐藏的文本,例如“ 阅读更多 ”链接
只要Google抓取该文本时该文字可用,Google就可以查看该文本并在相关性计算中使用该文本。Google如何处理此类内容在移动网站和桌面网站上可能会有所不同。

引用:“我认为我们现在已经做了类似的事了很长一段时间,如果我们能够认识到内容实际上是隐藏的,那么我们只是试着稍微打折一下。所以我们看到它仍然存在,但用户没有看到它。因此,它可能不是对这个页面至关重要的东西。所以这包括Click to Expand。这包括选项卡UI,您可以在选项卡中隐藏各种内容,这些内容。因此,如果您希望内容真正编入索引,我会确保用户在访问该页面时可以看到它。从我们的角度来看,当我们将用户发送到我们知道该内容实际上是隐藏的页面时,它总是一个棘手的问题。由于用户可能会看到代码段中的内容,因此他们会点击该页面,并说,好吧,我看不到此信息在此页面上的位置。我觉得有点被误导点击这个实际进入那里。“John Mueller,Google 2014

历史上,谷歌在与文本完全可见的页面的相关性方面分配了更多“权重” 。许多设计人员使用标签和“阅读更多”链接来有效地隐藏文本,使其在加载页面时不可见。

从谷歌排名的角度来看,这可能并不理想。