html ajax 请求_SEO中正确使用AJAX技术提高网站排名的注意事项

news/2024/5/8 20:49:27/文章来源:https://blog.csdn.net/weixin_40000131/article/details/113076937

许多网站站长发现了利用AJAX改善其网站的用户体验的优势,它可以创建动态网页作为强大的网络应用。但是就像Flash一样,如果没有正确使用该技术,AJAX会使搜索引擎难以将网站编入索引库,让搜索用户找到。

377359c1543827ae47d6d34b02a30a84.png

什么是Ajax?

Ajax(Asynchronous JavaScript and XML的缩写)是一种异步请求数据的web开发技术,对于改善用户的体验和页面性能很有帮助。简单地说,在不需要重新刷新页面的情况下,Ajax通过异步请求加载后台数据,并在网页上呈现出来。常见运用场景有表单验证是否登入成功、百度搜索下拉框提示和快递单号查询等等。

Ajax目的:提高用户体验,较少网络数据的传输量。

Ajax原理是什么?

e7564c7d4e5f2e6a8efd36aa9e5fd750.png

在解释Ajax原理之前,我们不妨先举个“领导想找小张汇报一下工作”例子,领导想找小张问点事,就委托秘书去叫小张,自己就接着做其他事情,直到秘书告诉他小张已经到了,最后小张跟领导汇报工作。Ajax请求数据流程与“领导想找小张汇报一下工作”类似。其中最核心的依赖是浏览器提供的XMLHttpRequest对象,它扮演的角色相当于秘书,使得浏览器可以发出HTTP请求与接收HTTP响应。浏览器接着做其他事情,等收到XHR返回来的数据再渲染页面。

尽管搜索引擎bot能理解HTML链接的结构,但是它在使用JavaScript进行导航的网站中还是会遇到寻找路径方面的问题,所以最好还是提供指向内容的HTML链接。

以用户为向导的设计

85530ac42bf9b7815ac9dee7cb453893.png

搜索引擎鼓励网站站长针对用户(而不仅仅针对搜索引擎)创建网页。我们在设计AJAX网站时要考虑用户的需求,包括那些使用不支持JavaScript功能的浏览器的用户(例如使用屏幕阅读器或移动设备的用户)。测试网站可访问性的其中一种最简单的方法是:在停用JavaScript后通过浏览器预览网站,或在纯文本浏览器(例如Lynx)中查看网站。以纯文本形式查看网站还可帮助你找出搜索引擎bot难以看到的其他内容,例如图片或Flash中嵌入的文字。

避免使用iframe或分别指向其内容的链接

816db011e3d1fda7b42b7e1f02117632.png

其实这个框架方法我们已经很少使用了,通过iframe显示的内容可能不会被编入索引,也不会在搜索引擎的搜索结果中显示。如果你的网站中使用了iframe,请务必额外提供基于文本的链接以指向iframe所显示的内容,以便搜索引擎bot能够抓取这些内容并将其编入索引。

以渐进增强的方式进行开发

adb645e8dbd8c4837aef8b65a13c8a29.png

如果是从头开始,那么仅使用HTML构建网站结构和导航是一个不错的方法。然后,在网站的网页、链接和内容就绪后,使用AJAX对外观和界面进行修饰。搜索引擎bot可以很轻松地查看HTML,而使用新式浏览器的用户也可以享受AJAX的优势。

创建一定格式的链接,以便它们既能提供静态链接又能调用JavaScript功能。通过这种方法,你的JavaScrip用户可以使用AJAX功能,而你的非JavaScrip用户可以忽略此脚本并点击此链接。

遵从搜索引擎优化指南

9d48efa82b29b196222a05fb0796e001.png

其实,除了上面提到的技巧之外,我建议开发者查看搜索引擎官方提供的网站站长指南,以详细了解如何使网站便于搜索引擎和用户访问。要遵从的通用原则是:尽管可以根据用户的能力为用户提供不同体验,但是内容应该相同。

最后,较好的实施方法是:无论是否启用JavaScript,都应该显示相同的文字内容;最佳方案是:为非JavaScript用户提供HTML版本。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_805717.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

c# webbrowser打开网站 获得网站html,c# winform 打开网页(基于WebBrowser)

【实例简介】c# winform 打开网页【实例截图】【核心代码】//System.Diagnostics.Process.Start("http://www.qq.com");//连接string url "http://www.qq.com";//定义脚本string script "function openUrl(url){window.open(url,测试窗口,width400p…

正则看这三个网站就够了

正则最好的 Regex正则表达式在线测试生成工具 - MKLab在线工具 正则表达式语法教程(含在线测试工具)-头条-PHP中文网 正则表达式 - 在线工具 - OKTools Regex正则表达式在线测试生成工具 - MKLab在线工具 (133条消息) 正则表达式 看完这些就够了_李白-…

python利用requests自定义user-agent爬取网站

前一段写了一个爬取墨迹天气的小爬虫,今天突然发现不能用了,因为是墨迹天气,反爬机制应该没有那么严格,应该解决一下user-agent的问题就可以了,写这篇博客,说一下requests的自定义user-agent的方式。首先登…

大型网站架构之分布式消息队列

大型网站架构之分布式消息队列 以下是消息队列以下的大纲,本文主要介绍消息队列概述,消息队列应用场景和消息中间件示例(电商,日志系统)。 本次分享大纲 消息队列概述消息队列应用场景消息中间件示例JMS消息服务常用…

网站备案地点选择_香港免备案服务器适合哪些行业租用?

香港服务器免备案吗?由于中国实行的是一国两制,中国香港作为特别行政区,和内地的一些政策不相同,内地相关部门规定网站需要备案,而它是不涉及香港特别行政区的,所以香港没有规定网站需要备案,因…

网页设计 尺寸 html5,网页设计一般至少设置多少高度?制作网站时网页的尺寸是多少?网页的屏幕尺寸是多少?...

网页设计一般至少设置多少高度?制作网站时,网页的尺寸是多少?可以让各种用户看到。网页的屏幕尺寸是多少?下面就和小编一起来看看吧!网页设计一般至少设置多少高度?大致高度如下:WindowXP的靠前个屏幕大小580pxWindow7的靠前个屏幕大小710px的具体原因如下:网页…

网站建设技术方案_b2c网站建设方案怎么做?

随着做b2c商城网站的商家越来越多,很多企业也开始转型向线上电商发展。在做网上商城开发之前,首先要做好b2c网站建设方案,那么b2c网站建设方案怎么做呢?具体就一起跟HiShop移动云商城小编来了解一下。b2c网站建设方案怎么做?1、了解用户需求…

使用网站模板快速建站_教你用懒人建站素材快速生成一个网站

当个人不懂代码,不懂设计,也没有太多时间和资金的时候,如何搭建一个功能比较完善的网站呢?对于新手来说,比较方便的方法是使用自助建站系统,通常这些建站系统都会自带网页建站素材,你不用做太多…

电子邮件服务器的ip地址_网站建设选择什么服务器?

很多企业在建设网站时,很纠结于服务器的选择。他们不知道FTP是更好还是独立主机,因为服务器的质量对网站非常重要。一般的web服务器分为四种类型:虚拟主机、VPS、云主机、独立主机。1、 虚拟主机虚拟主机是在网络服务器上划分一定数量的磁盘空…

python学习网站_国外顶级程序员都在用的Python编程网站

程序员书库(ID:CodingBook) 猿妹编译链接:https://medium.com/for-self-taught-developers/10-best-tutorials-for-python-today-badc8428b950每个程序员都有自己的学习方式,我认为编程学习不仅要看视频教程,而且还要阅读和学习文…

ajax后台返回数据中文乱码_实战:爬取中文网站遇到乱码时怎么办?

阅读时间约8分钟在爬取中文网站时,相信大家或多或少会遇到返回的是一堆乱七八糟、人类无法读懂的字符(如下图)。刚入门的菜鸟可能花大量时间在网上各种搜索、或者各种尝试后仍然和原来一样,甚至有些人可能以为返回内容被加密了,花大量时间搜索…

java网站怎么启动_javaweb小项目如何启动一个Java Web应用

javaweb小项目如何启动一个Java Web应用1、查看自己下载的项目目录通过文件夹结构,你能够看出来你下载的是一个maven项目,还是一个非maven项目,是eclipse的,还是myeclipse的,或者idea的,这些信息会决定你的…

php做网站步骤_手机做网站建设的步骤有哪些?

手机做网站步骤相当于建立pc网站所采取的步骤,假如你建立属于自己的网站,那就需要一定的实力技巧,外加你要有一定的财力,我们就可以在互联网上查看数据,自己做,接下来让我们来看看移动网站建设的步骤有哪些…

swot分析模板_常用的办公模板哪里找?只要拥有这个网站,便能一键下载

作为职场人士,如果想在工作中脱颖而出,那你可能需要用到一些实用的办公网站,以此来提高工作效率,下面小编就介绍一个实用的办公网站给你们。一、常用办公模板1、Word模板首先【办公资源网】里面有海量的Word模板,比如简…

php企业网站带模块,DouPHP模块化企业网站管理系统(含小程序/公众号) v1.6 Release 20200818...

源码标题:DouPHP模块化企业网站管理系统(含小程序/公众号) v1.6 Release 20200818源码描述:授权方式:开源软件界面语言:简体中文文件大小:2.82 MB更新时间:2020-08-19资源类型:国产软件推荐等级…

修改网站首页批处理_网站改版后SEO应注意的问题

事实上,在一定程度上,网站不会被改版和升级,因为对于一个网站来说,改版有更多的东西需要注意,所以今天我们将分析网站改版应该注意什么。1、不要更换网站域名。网站更新版本后,请记住不要更改域名。这会丢失…

php团购实现,团购网站的设计与实现(PHP,MySQL)(含录像)

团购网站的设计与实现(,MySQL)(含录像)(任务书,开题报告,外文翻译,毕业论文14800字,程序代码,MySQL数据库,答辩PPT,答辩视频录像)摘 要随着电子技术和互联网以及移动互联网络的发展,信息技术以一种工具方式被引入到现在的商贸活动中,从而产生了电子商务(…

linux 建站命令,Linux 服务器建站新手教程(小白宝塔建站全流程)-不需要敲一行命令,...

Linux 服务器建站新手教程(小白宝塔建站全流程)-不需要敲一行命令,Linux 服务器配置、运行、不用敲命令WordPress 建站攻略——助力新手快速利用Linux系统建立属于自己的站点——给新手节省宝贵的时间,避免采坑!1Linux —— 一个非常轻便的系…

网站同时在线人数_数据监测网站“BiliOB”因侵权B站关闭

撰文 | 周敏萱内容总策划 | 郭 楠2020年11月10日,“BiliOB观测者”网站负责人“Jannchie见齐”于网站首页发布公告,宣布因收到哔哩哔哩侵权告知函,根据函件要求将于近期关闭网站并停止所有数据观测查询服务。(“BiliOB观测者”网站截图)“B…

能爬旅游景点数据的知名网站_【泽零一SEO】一文让你明白网站友链

友情链接作为网站不可缺少的组件,也是优化中很重要的一部分,全文900字,简单分享一下友情链接的知识一.友链链接的好处1.增加用户体验2.吸引蜘蛛友情链接本质是A标签,如果对方网站有你的网站友链,蜘蛛在爬取对方网站时会…