从前端出发做好SEO需要考虑什么

news/2024/5/20 13:20:39/文章来源:https://blog.csdn.net/learning_web/article/details/89639660

一、背景介绍

什么是SEO?

SEO由英文Search Engine Optimization缩写而来,中文意译为“搜索引擎优化”。

其实叫做针对搜索引擎优化更容易理解。它是指从自然搜索结果获得网站流量的技术和过程,是在了解搜索引擎自然排名机制的基 础上,对网站进行内部及外部的调整优化, 改进网站在搜索引擎中的关键词自然排名, 获得更多流量,从而达成网站销售及品牌建设的目标。

二、知识剖析

了解搜索引擎的抓取工具

1、百度

  百度通过一个叫做Baiduspider的程序抓取互联网上的网页,经过处理后建入索引中。

① 对网站抓取的友好性: 会制定一个规则最大限度的利用带宽和一切资源获取信息,同时也会仅最大限度降低对所抓取网站的压力。

② 识别url重定向: 对互联网众多的url重新识别

③ 百度蜘蛛抓取优先级合理使用: 优先抓取的策略主要有:深度优先、宽度优先、PR(权重)优先 、反链优先。

④ 无法抓取数据的获取: 在互联网中可能会出现各种问题导致百度蜘蛛无法抓取信息,在这种情况下百度开通了手动提交数据。

⑤ 对作弊信息的抓取: 百度出台了绿萝、石榴等算法对作弊链接进行过滤,据说内部还有一些其他方法进行判断,这些方法没有对外透露。

2、谷歌

(谷歌使用许多计算机来提取(或“抓取”)网站上的大量网页。Googlebot 使用算法确定抓取过程:计算机程序确定要抓取的网站、抓取频率以及从每个网站抓取的网页数量。 进行抓取时,Googlebot 会先查看以前的抓取过程所生成的一系列网页网址,包含网站站长提供的站点地图数据。 Googlebot 在访问其中的每个网站时,会检测各网页上的链接(SRC 和 HREF),并将这些链接添加到要抓取的网页列表。 它会记录新出现的网站、现有网站的更新以及无效链接,并据此更新 Google 索引。

三、常见问题:

前端怎么做SEO

四、解决方法

① 经常更新网站内容,优质的原创内容越多,搜索引擎收录越多,权重越高。

② 优化meta标签的关键词,启用Keep-Alive;为每个页面单独命名,要符合页面内容。

③ 优化网站、代码结构,简洁,清晰,结构鲜明的代码容易被搜索引擎爬取。

④ 确保每个页面都可以通过至少一个文本链接到达

⑤ 重要的内容,应该能从首页或者网站结构中比较浅的层次访问到

⑥ 使用文字而不是flash、图片、Javascript等来显示重要的内容或链接,为图片的alt添加文本。

等等-------

五、代码实战

1、在meta标签中添加关键词,使其在无法访问时显示文本信息、

<meta name="keywords" content="技能树成长IT学习升职加薪迎娶白富美">

在这里插入图片描述

简单来说就是META标签中description正确描述网页主体内容的摘要信息,是对网页内容的概括并且含有该网页的核心关键词,META标签中的keywords则进一步说明该网页的核心关键词(这些关键词同样出现在网页描述信息中),如果核心关键词不止一个,则关键词之间用逗号分开。

2、对图片的alt添加文本,使其在无法访问时显示文本信息、

<img src="images/rocket.jpg" alt="高效" "r-b-p">

在这里插入图片描述

用百度统计的seo建议其中一条图片ALT信息“存在没有alt信息的img标签”扣分较多。对于加载网页有困难的访问者,alt标签能帮助他们了解图片的内容,方便用户体验。所以,在合适的范围内给图片加alt标签必然能有助于网站SEO。

六、扩展思考

如何不让搜索引擎抓取网站的隐私内容??

可以使用Robots协议,也称为爬虫协议、机器人协议等。其全称是“网络爬虫排除标准”(Robots Exclusion Protocol), 网站通过Robots协议告诉搜索引擎哪些页面可以抓取,哪些页面不能抓取。

写法:不允许搜索引擎访问任何文件

新建txt文件:robots.txt

User-agent: *Disallow: /

七、参考资料

1、百度文库:https://wenku.baidu.com/view/f576c31d650e52ea5518983f.html

2、meta标签的优化:http://www.jb51.net/web/70787.html,

视频地址:https://v.qq.com/x/page/c0393k0p1ca.html

八、更多讨论
SEO与SEM的区别

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

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

相关文章

码云GitHub新建仓库repositories,github建立自己的网站

github和国内的码云的新建大同小异。 话不多说 网址 github的地址 首先创建自己的账户 需要密码复杂一些 邮箱验证 验证成功后 右上角点击 new repository 第一个箭头处 填跟自己用户一样的名字.github.io 如 xxx.github.io 之后public private 都行 我选的是public…

阿里云ECS服务器搭建静态网站

首先如下图购买阿里云的云翼计划的学生机&#xff0c;选择云服务器ECS&#xff0c;预装环境选择CentOS。网址为https://promotion.aliyun.com/ntms/act/campus2018.html。 注意设置root用户的登陆密码&#xff0c;需要记录&#xff0c;等下会用到。 还需要记录远程连接密码。 …

用Dreamweaver实现网站批量更新

在Dreamweaver 4.0中&#xff0c;我们就已接触了模板与库的概念&#xff0c;知道它们是批量生成风格类似的网页的好工具。如今在Dreamweaver MX(以下简称DW MX)中&#xff0c;模板与库的功能得到了进一步细化与加强&#xff0c;尤其是实现关联网页自动更新的特点&#xff0c;使…

50毫秒就判断网站设计好坏

【摘 要】加拿大渥太华卡尔顿大学的研究人员发现&#xff0c;人的大脑将在首次看到一个网页后的二十分之一秒的时间内判断其质量 1月17日消息&#xff0c;据一项新的研究显示&#xff0c;浏览互联网的用户通常会在极短的时间内判断一个网站的质量。 加拿大渥太华卡尔顿大学的…

探讨国外网站设计动用的成本,网页设计师必看

【摘 要】我们都承认国外的网站设计价格高&#xff0c;同样一个看似简单的网站价格是国内几倍或者数倍。通过此文&#xff0c;希望国内的网站设计师同行稍稍静下心来&#xff0c;不要浮躁... 同样是一个网站设计&#xff0c;国外的设计却蕴涵了设计背后的更多东西&#xff0c…

网站设计理念 形成视觉冲击的几种方式

【摘 要】构图&#xff0c;从广义上讲&#xff0c;是指形象或符号对空间占有的状况。 因此理应包括一切立体和平面的造型&#xff0c;但立体的造型由于视角的可变&#xff0c;使其空间占有状况如果用固定的方法阐述&#xff0c;就显得不够全面 1&#xff1a;构图图形的层次感…

Windows以及Chrome浏览器的一些使用技巧,快捷键,盲打练习网站分享

文章目录 Windows使用技巧Chrome使用技巧关于盲打 Windows使用技巧 用户目录以及桌面等文件夹的移动 用户目录在C盘-用户文件夹 然后可以找到我们自己命名过的文件夹&#xff0c;默认是administer&#xff0c;里面有桌面、下载、文档之类的文件夹&#xff0c;桌面就是我们的电脑…

优化网站性能 提高网站速度访问速度的14条实践

关键字: 优化网站性能 提高网站速度访问速度的14条实践 相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax&#xff0c;flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当…

数据结构可视化网站https://visualgo.net/zh如何注册

数据结构可视化网站https://visualgo.net/zh qq邮箱注册的时候要去掉确认链接后的点。M后面的点要去掉。

[源码和文档分享]基于JavaScript和MySQL的文化平台网站的设计与实现

摘要 中国文化源远流长&#xff0c;自古就有文人雅士作诗赋词&#xff0c;舞文弄墨&#xff0c;尽显风雅。现今则有歌手作家思想成文&#xff0c;心绪为曲&#xff0c;亦现儒雅。文化是传承的&#xff0c;是流传不息的&#xff0c;也是众多人所追求的。从各种各样的文化中&…

[源码和文档分享]基于C#和SQL SERVER的校园知识问答论坛网站的设计与实现

摘 要 本文使用Asp.Net Core 和MsSqlServer技术&#xff0c;详细说明开发校园知识论坛系统的开发。校园知识论坛系统是基本B/S模式的一种交互性极强的电子信息服务系统。它为使用者提供一个交流的平台&#xff0c;每一个用户都可以在上面问答知识&#xff0c;获取信息&#xf…

[源码和文档分享]基于Node.js中间层的微信图书借阅平台网站的设计与实现

1 引言 步入信息时代以来&#xff0c;互联网给人们的生活带来了翻天覆地的变化&#xff0c;互联网也不再简单地仅仅通过提供便利快捷的资讯服务来丰富我们的生活。互联网的出现打破了许多传统行业垄断的格局&#xff0c;互联网以其接入面广、信息即使、人人可参与等等性质&…

基于Keras和tensorflow深度学习Python实现的支持人脸识别和情绪分类的社区APP网站和微信小程序...

1 项目介绍 1.1 背景 视觉使人类得以感知和理解周边的世界&#xff0c;人的大脑皮层大约有 70%的活动在处理 视觉相关信息。计算机视觉即通过电子化的方式来感知和理解影像&#xff0c;以达到甚至超 越人类视觉智能的效果。 从 1966 年学科建立&#xff08;MIT&#xff1a;TheS…

基于php与sqlite数据库的运动社交网站

一、总体设计 1.1 开发环境 本系统采用php作为主要开发语言&#xff0c;服务端主要使用php&#xff0b;sqliteApache&#xff0c;客户端使用htmlcssjs。用Apache作为服务器&#xff0c;采用sqlite作为后台数据管理系统。 开发环境&#xff1a;Windows 10 开发工具&#xff1a;p…

[源码和文档分享]基于C#实现的电影网站数据爬虫和电影网站

1 简介 1.1 背景 随着网络的发展&#xff0c;网购也越来越流行&#xff0c;人们可以在去各大电影院的网站方便的购票并选择自己喜欢的时间去影院观看。但电影院网站众多&#xff0c;人们可能为了寻找一个电影而奔波与各大网站&#xff0c;导致浪费大量时间在寻找电影资源上。本…

[源码和文档分享]基于JAVA FX实现的酒店预订系统网站

1 产品概述 参考酒店预订系统用例文档和酒店预订系统软件需求规格说明文档中队产品的概括描述。酒店预订系统主要是应用于网上预定远程酒店订单的在线系统&#xff0c;主要功能见用例图如下。 源码下载地址&#xff1a;https://www.write-bug.com/article/1441.html

[源码和文档分享]基于PHP和MYSQL数据库实现的公共考试报名管理系统网站

前 言 随着社会的快速发展&#xff0c;体力不再是我们唯一的生存方式了&#xff0c;人们也越来越注重自身的文化素养&#xff0c;随之而来的也有许多成人考试&#xff0c;为已经步入社会的人提供一个再学习的机会。 众所周知&#xff0c;作为学生&#xff0c;考试是我们必经的过…

[源码和文档分享]基于PHP和MYSQL数据库实现的libilibi电影论坛网站

一、需求分析 1.1 需求描述 1.1.1 用户相关功能 登录&#xff1a;前端输入用户名和密码&#xff0c;在数据库中完成查询&#xff0c;如果存在该用户&#xff0c; 则登陆成功&#xff0c;继续其他操作&#xff1b;如果不存在&#xff0c;则登录失败&#xff0c;提示用户名/密码错…

[源码和文档分享]基于Python的Django框架实现的中式快餐厅管理信息系统网站

1 初步调研 随着餐饮业的连锁和国外餐饮巨头的进入&#xff0c;餐饮业的竞争将越来越激烈&#xff1a;要想在竞争中处于不败之地&#xff0c;必须在管理、服务等方面提高服务管理意识。面对当前餐饮业普遍的产业化程度低&#xff0c;管理手段、管理技术落后等问题&#xff0c;使…