你应该知道的关于SEO和Javascript的6个事实-阿里云开发者社区

开发者社区> 优惠码大使> 正文

你应该知道的关于SEO和Javascript的6个事实

简介: 你应该知道的关于SEO和Javascript的6个事实 了解JavaScript的基础知识已成为SEO专家的一项重要技能,尽管到目前为止,这两个学科之间的关系一直存在争议。 关于SEO和JavaScript的关键问题是发现搜索引擎机器人是否可以正确地感知网站内容并实际评估用户体验。
+关注继续查看

你应该知道的关于SEO和Javascript的6个事实

了解JavaScript的基础知识已成为SEO专家的一项重要技能,尽管到目前为止,这两个学科之间的关系一直存在争议。

关于SEO和JavaScript的关键问题是发现搜索引擎机器人是否可以正确地感知网站内容并实际评估用户体验。

虽然可以通过爬虫直接读取与PHP,CSS等一起使用的HTML,但是基于JavaScript的网站不能系统地访问。百度的抓取工具必须首先分析DOM,然后才能浏览网站。

一般定义

在深入研究JavaScript优化的最佳实践之前,让我们先看一下基本术语:

JavaScript是一种用于使网页动态和交互的编程语言。您可以将JavaScript放在HTML文档中,链接到它或引用它。

HTML代表超文本标记语言。简单来说,这是一个内容组织者:HTML提供网站结构(列表,标题,副标题,段落等)并定义静态内容。

AJAX是异步JavaScript和XML。基本上,这允许在不刷新整个页面的情况下更新内容。AJAX允许Web应用程序和服务器进行通信,而不会干扰正在显示的页面。

但是,您应该注意到,百度将不再需要AJAX来浏览基于JavaScript的网站。

SEO专家也应该对DOM(文档对象模型)有基本的了解。您应该将DOM视为百度用于浏览和分析网页的工具。

首先,百度收到HTML文档并识别其JavaScript元素。然后,导航器启动DOM,允许搜索引擎呈现页面。

1.让搜索引擎看到你的JavaScript

robots.txt文件配置为搜索引擎提供适当的探索可能性。如果你阻止他们看到JavaScript,那么对于探索机器人而言,页面的显示方式将不同于用户。

这意味着搜索引擎无法获得完整的用户体验,百度可能会将这些操作解释为隐藏。

最好的方法是为爬虫提供他们查看网页所需的所有资源,方式与用户相同。

2.内部链接

内部链接是强大的优化工具,用于向搜索引擎显示您的网站架构并将其指向最重要的网页。

这里最基本的建议是:使用内部链接。

最好通过在HTML或DOM中使用常规锚标记来实现内部链接,以便为用户提供更好的体验。

3. URL结构

基于JavaScript的网站用于在URL中包含片段标识符,

正确的URL也称为SEO友好的URL,由简单的文本组成,非专家用户可以轻松理解。

考虑使用pushState()进行无限滚动,以便每次用户访问页面的新部分时URL都会更新。在完美的场景中,用户可以刷新页面并保持完全相同的位置。

此外,探索SEO和URL的最佳实践,并开始使用它们来改善用户体验。

4.测试您的网站

baidu能够探索和理解许多形式的JavaScript,尽管其中一些可能比其他形式存在更多困难。

但是,预测可能的错误和问题并避免它们仍然更好,那么为什么不进行测试呢?

按照以下两个基本步骤来检测可能的破裂:

  • 检查您的网页内容是否出现在DOM中。
  • 测试一些页面以确保百度能够为您的内容编制索引。

了解百度是否能够在robots.txt中查看您的内容和JavaScript以及正确分析它至关重要。因此,请考虑手动检查您的内容元素并使用百度恢复它们以查看内容是否显示。

您还可以使用一些将JavaScript考虑在内的抓取工具,例如seoorsem。

5. HTML快照

这是一个长篇故事和热门话题。

首先,我们来看看HTML快照是什么。

快照包含完整分析,解释和呈现后的页面内容。HTML快照的角色是可解释的,无需执行JavaScript代码。

您需要知道的是,百度仍然支持HTML快照,尽管它已经声明这是一个要避免的元素。

在某些情况下,HTML快照可能是必需的,因此您至少应该熟悉它们。

例如,如果搜索引擎无法检索您网站上的JavaScript,则可以为其提供HTML快照,这比根本没有索引内容更好。

在完美的世界中,网站将在服务器端使用某种类型的用户代理检测,并向机器人和用户显示HTML快照。

您应该注意到百度正试图看到与用户完全相同的体验。因此,最好将HTML快照返回给搜索引擎机器人。

6.网站延迟

当浏览器从接收到的HTML文档创建DOM时,它会按照HTML文档中提到的顺序加载大部分资源。

如果HTML文档顶部存在一个海量文件,浏览器将首先加载这个巨大的文件,所有其他信息只会在显着延迟之后出现。

百度“关键渲染路径”的关键思想是首先为用户加载基本信息。换句话说,为用户提供最重要的内容。

如果您的JavaScript文件或某些无用的资源阻止了页面加载时间,您可能会阻止渲染JavaScript,这称为感知延迟。

这意味着您的网页可能会更快显示,但JavaScript代码会降低它们的速度

以下是解决此问题的2种解决方案:

  • 在HTML中添加属性“async”以异步呈现JavaScript。
  • 减少HTML文档中的JavaScript元素。

当您尝试改善这种情况时,请记住JavaScript的基本规则。

例如,脚本必须按特定顺序进行分类。如果某些脚本引用文件,则只能在加载引用的文件后使用它们。

您应该经常与IT团队保持联系,以确保修改不会破坏用户体验。

结论

搜索引擎不断发展,因此他们很有可能在未来更好,更快地解释您的JavaScript。

目前,请确保您可以使用合理的网站延迟浏览和获取现有内容。 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9489 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13172 0
windows server 2008阿里云ECS服务器安全设置
最近我们Sinesafe安全公司在为客户使用阿里云ecs服务器做安全的过程中,发现服务器基础安全性都没有做。为了为站长们提供更加有效的安全基础解决方案,我们Sinesafe将对阿里云服务器win2008 系统进行基础安全部署实战过程! 比较重要的几部分 1.
9050 0
如何设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云安全组设置详细图文教程(收藏起来) 阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程。阿里云会要求客户设置安全组,如果不设置,阿里云会指定默认的安全组。那么,这个安全组是什么呢?顾名思义,就是为了服务器安全设置的。安全组其实就是一个虚拟的防火墙,可以让用户从端口、IP的维度来筛选对应服务器的访问者,从而形成一个云上的安全域。
7381 0
阿里云服务器ECS登录用户名是什么?系统不同默认账号也不同
阿里云服务器Windows系统默认用户名administrator,Linux镜像服务器用户名root
4008 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
6887 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
21899 0
+关注
优惠码大使
阿里云优惠码bieryun.com
171
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载