0

0

搜索引擎可以索引 JavaScript 吗?

王林

王林

发布时间:2023-09-05 14:05:09

|

969人浏览过

|

来源于tutorialspoint

转载

搜索引擎可以索引 javascript 吗?

JavaScript 为用户提供直观、动态和交互式的在线体验。当抓取传统的 HTML 页面时,一切都很简单,而且过程很快。 Googlebot 可能会在下载 HTML 文件并提取源代码的链接后同时访问。下载 CSS 文件后,该页面将由 Google 的索引器编制索引,该索引器还接收所有下载的资源。

  • 当抓取主要使用 JavaScript 的网站时,事情变得充满挑战。 Googlebot 下载 HTML 文件。

  • Googlebot 在源代码中看不到链接,因为它们仅在 JavaScript 运行后插入。

  • 接下来,下载 CSS 和 JS 文件。 Googlebot 必须使用 Google 网络渲染服务解析、构建和运行 JavaScript。

    立即学习Java免费学习笔记(深入)”;

  • WRS 从数据库或其他 API 检索数据。

  • 索引器可以索引材料。然后,Googlebot 可以将新找到的链接添加到其队列中以供进一步抓取。

这涉及到网页渲染。将 HTML、CSS 和 JavaScript 代码转换为访问者单击链接时预期看到的交互式网页的过程称为渲染网页。网站的每个页面都是以用户为中心创建的。

渲染 SEO

对于用户和 Google 来说,解析、构建和执行 JavaScript 文件需要花费大量时间。在网站完全生成之前,Google 通常无法对包含大量 JavaScript 的页面内容建立索引。

Bolt.new
Bolt.new

Bolt.new是一个免费的AI全栈开发工具

下载

并不是所有较慢的事情都发生在渲染过程中。它还描述了寻找新联系的方法。在生成页面之前,Google 经常无法找到富含 JavaScript 的网站页面上的链接。 JavaScript 是一种计算机语言,必须先构建才能使用;任何与特定 JavaScript 版本不兼容的语法都会导致构建失败。

最新的 Chrome 版本是 Googlebot 的基础。这表明 Googlebot 使用最新版本的浏览器呈现网站。 Googlebot 浏览网站的方式与人使用浏览器的方式相同。然而,Googlebot 并不是标准的 Chrome 浏览器。 Googlebot 拒绝用户授权请求(即 Googlebot 将拒绝视频自动播放请求)。跨页面加载, cookie、本地存储和会话存储将被删除。如果您的内容依赖于 cookie 或其他本地保存的信息,Google 不会为您的内容建立索引。 Googlebot 可能会决定不下载所有资源,但浏览器总是会这样做。

Google 认为使用 JS 进行的规范标签更改是不可靠的。因此,请确保您的规范 URL 是 HTML 格式而不是 JS 格式。尽管 Google 有可能已经解决了这一问题,但在确定之前,不应冒险进行 SEO。

为 JavaScript 建立索引

Google 对 JavaScript 有相当的了解。然而,JavaScript 确实比普通 HTML 需要更多的工作,因为爬虫试图理解全球数十亿个网站并对其进行排名。它有时可能会因此而受到影响。

Google 声称 Googlebot 分两个阶段使用 JavaScript 抓取网站。爬网程序将在初始扫描期间检查 HTML 并使用它来索引站点。他们稍后会回来显示必要的 JavaScript。但是,带有 HTML 标记的材料显示在使用服务器端渲染制作的网站上。 Googlebot 无需再次访问该网站即可在页面上呈现 JavaScript 来正确索引内容,因为主要内容已经可见。这可以极大地改进 JavaScript SEO 方法。

由于第一次和第二次浏览网站之间的时间差,JavaScript 中包含的内容不会被快速索引。因此,在确定初始排名时不会考虑这些材料,并且 Google 可能需要一些时间才能注意到更改并更新其结果。

因此,采用 JavaScript SEO 的企业应确保在其网站的 HTML 中包含尽可能多的重要材料。他们应该编写重要信息,以便爬虫能够立即理解它(如果他们希望这些信息计入排名)。

在 Googlebot 第二次浏览您的网站之前,JavaScript 不会呈现。因此,一些网站会错误地向 Google 首次扫描网站期间加载的 HTML 添加标记,例如“无索引”标记。此标记可能会阻止 Googlebot 再次访问该网站以执行 JavaScript,从而导致该网站无法正确编入索引。

结论

随着企业利用 JavaScript 来标记其页面并使网站对访问者更具吸引力,它仍然是互联网的重要组成部分。但对于许多人来说,理解 Googlebot 和其他爬虫如何解释 JavaScript 以及它如何与 JavaScript SEO 交互仍然很重要。基于 JavaScript 的网站现在可以由爬虫和搜索引擎以与 基于 HTML 的网站可以。然而,开发人员有责任让他们的网站易于访问和抓取,并理解当代 JavaScript 网站的 SEO 如何发挥作用。

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

38

2026.03.10

Kotlin Android模块化架构与组件化开发实践
Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开,重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析,帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系,提升团队协作效率与项目迭代速度。

83

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

97

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

223

2026.03.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

458

2026.03.04

AI安装教程大全
AI安装教程大全

2026最全AI工具安装教程专题:包含各版本AI绘图、AI视频、智能办公软件的本地化部署手册。全篇零基础友好,附带最新模型下载地址、一键安装脚本及常见报错修复方案。每日更新,收藏这一篇就够了,让AI安装不再报错!

169

2026.03.04

Swift iOS架构设计与MVVM模式实战
Swift iOS架构设计与MVVM模式实战

本专题聚焦 Swift 在 iOS 应用架构设计中的实践,系统讲解 MVVM 模式的核心思想、数据绑定机制、模块拆分策略以及组件化开发方法。内容涵盖网络层封装、状态管理、依赖注入与性能优化技巧。通过完整项目案例,帮助开发者构建结构清晰、可维护性强的 iOS 应用架构体系。

246

2026.03.03

C++高性能网络编程与Reactor模型实践
C++高性能网络编程与Reactor模型实践

本专题围绕 C++ 在高性能网络服务开发中的应用展开,深入讲解 Socket 编程、多路复用机制、Reactor 模型设计原理以及线程池协作策略。内容涵盖 epoll 实现机制、内存管理优化、连接管理策略与高并发场景下的性能调优方法。通过构建高并发网络服务器实战案例,帮助开发者掌握 C++ 在底层系统与网络通信领域的核心技术。

34

2026.03.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号