隐藏

SEO优化与web前端性能

发布:2021/5/17 10:41:49作者:管理员 来源:本站 浏览次数:990

一、搜索引擎工作原理

当我们在输入框中输入关键词,点击搜索或查询时,然后得到结果。深究其背后的故事,搜索引擎做了很多事情。

在搜索引擎网站,比如百度,在其后台有一个非常庞大的数据库,里面存储了海量的关键词,而每个关键词又对应着很多网址,这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的,这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行,从一个链接到另一个链接,下载其中的内容,进行分析提炼,找到其中的关键词,如果“蜘蛛”认为关键词在数据库中没有而对用户是有用的便存入数据库。反之,如果“蜘蛛”认为是垃圾信息或重复信息,就舍弃不要,继续爬行,寻找最新的、有用的信息保存起来提供用户搜索。当用户搜索时,就能检索出与关键字相关的网址显示给访客。

一个关键词对用多个网址,因此就出现了排序的问题,相应的当与关键词最吻合的网址就会排在前面了。在“蜘蛛”抓取网页内容,提炼关键词的这个过程中,就存在一个问题:“蜘蛛”能否看懂。如果网站内容是flash和js,那么它是看不懂的,会犯迷糊,即使关键字再贴切也没用。相应的,如果网站内容是它的语言,那么它便能看懂,它的语言即SEO。
二、SEO简介

全称:Search English Optimization,搜索引擎优化。自从有了搜索引擎,SEO便诞生了。

存在的意义:为了提升网页在搜索引擎自然搜索结果中的收录数量以及排序位置而做的优化行为。简言之,就是希望百度等搜索引擎能多多我们收录精心制作后的网站,并且在别人访问时网站能排在前面。

分类:白帽SEO和黑帽SEO。白帽SEO,起到了改良和规范网站设计的作用,使网站对搜索引擎和用户更加友好,并且网站也能从搜索引擎中获取合理的流量,这是搜索引擎鼓励和支持的。黑帽SEO,利用和放大搜索引擎政策缺陷来获取更多用户的访问量,这类行为大多是欺骗搜索引擎,一般搜索引擎公司是不支持与鼓励的。本文针对白帽SEO,那么白帽SEO能做什么呢?

1. 对网站的标题、关键字、描述精心设置,反映网站的定位,让搜索引擎明白网站是做什么的;

2. 网站内容优化:内容与关键字的对应,增加关键字的密度;

3. 在网站上合理设置Robot.txt文件;

4. 生成针对搜索引擎友好的网站地图;

5. 增加外部链接,到各个网站上宣传;
三、前端SEO

通过网站的结构布局设计和网页代码优化,使前端页面既能让浏览器用户能够看懂,也能让“蜘蛛”看懂。

(1) 网站结构布局优化:尽量简单、开门见山,提倡扁平化结构。

一般而言,建立的网站结构层次越少,越容易被“蜘蛛”抓取,也就容易被收录。一般中小型网站目录结构超过三级,“蜘蛛”便不愿意往下爬,“万一天黑迷路了怎么办”。并且根据相关调查:访客如果经过跳转3次还没找到需要的信息,很可能离开。因此,三层目录结构也是体验的需要。为此我们需要做到:

1. 控制首页链接数量

网站首页是权重最高的地方,如果首页链接太少,没有“桥”,“蜘蛛”不能继续往下爬到内页,直接影响网站收录数量。但是首页链接也不能太多,一旦太多,没有实质性的链接,很容易影响用户体验,也会降低网站首页的权重,收录效果也不好。

因此对于中小型企业网站,建议首页链接在100个以内,链接的性质可以包含页面导航、底部导航、锚文字链接等等,注意链接要建立在用户的良好体验和引导用户获取信息的基础之上。

2.扁平化的目录层次,尽量让“蜘蛛”只要跳转3次,就能到达网站内的任何一个内页。扁平化的目录结构,比如:“植物”–> “水果” –> “苹果”、“桔子”、“香蕉”,通过3级就能找到香蕉了。

3.导航优化

导航应该尽量采用文字方式,也可以搭配图片导航,但是图片代码一定要进行优化,<img>标签必须添加“alt”和“title”属性,告诉搜索引擎导航的定位,做到即使图片未能正常显示时,用户也能看到提示文字。

其次,在每一个网页上应该加上面包屑导航,好处:从用户体验方面来说,可以让用户了解当前所处的位置以及当前页面在整个网站中的位置,帮助用户很快了解网站组织形式,从而形成更好的位置感,同时提供了返回各个页面的接口,方便用户操作;对“蜘蛛”而言,能够清楚的了解网站结构,同时还增加了大量的内部链接,方便抓取,降低跳出率。

4. 网站的结构布局–不可忽略的细节

1)页面头部:logo及主导航,以及用户的信息。

2)页面主体:左边正文,包括面包屑导航及正文;右边放热门文章及相关文章,好处:留住访客,让访客多停留,对“蜘蛛”而言,这些文章属于相关链接,增强了页面相关性,也能增强页面的权重。

3)页面底部:版权信息和友情链接。

特别注意:分页导航写法,推荐写法:“首页 1 2 3 4 5 6 7 8 9 下拉框”,这样“蜘蛛”能够根据相应页码直接跳转,下拉框直接选择页面跳转。而下面的写法是不推荐的,“首页 下一页 尾页”,特别是当分页数量特别多时,“蜘蛛”需要经过很多次往下爬,才能抓取,会很累、会容易放弃。

5.控制页面的大小,减少http请求,提高网站的加载速度。

一个页面最好不要超过100k,太大,页面加载速度慢。当速度很慢时,用户体验不好,留不住访客,并且一旦超时,“蜘蛛”也会离开。

(2) 网页代码优化

1.<title>标题:只强调重点即可,尽量把重要的关键词放在前面,关键词不要重复出现,尽量做到每个页面的<title>标题中不要设置相同的内容。

2.<meta keywords>标签:关键词,列举出几个页面的重要关键字即可,切记过分堆砌。

3.<meta description>标签:网页描述,需要高度概括网页内容,切记不能太长,过分堆砌关键词,每个页面也要有所不同。

4.<body>中的标签:尽量让代码语义化,在适当的位置使用适当的标签,用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然。比如:h1-h6是用于标题类的,<nav>标签是用来设置页面主导航的等。

5.<a>标签:页内链接,要加“title” 属性加以说明,让访客和 “蜘蛛” 知道。而外部链接,链接到其他网站的,则需要加上el="nofollow"属性, 告诉 “蜘蛛” 不要爬,因为一旦“蜘蛛”爬了外部链接之后,就不会再回来了。

6.正文标题要用<h1>标签:“蜘蛛” 认为它最重要,若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签,副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签。

7.<br>标签:只用于文本内容的换行,比如:

<p>
第一行文字内容<br/>
    第二行文字内容<br/>
    第三行文字内容
</p>

 

8.表格应该使用<caption>表格标题标签

9.<img>应使用 “alt” 属性加以说明

10.<strong>、<em>标签 : 需要强调时使用。<strong>标签在搜索引擎中能够得到高度的重视,它能突出关键词,表现重要的内容,<em>标签强调效果仅次于<strong>标签。

<b>、<i>标签: 只是用于显示效果时使用,在SEO中不会起任何效果。

11、文本缩进不要使用特殊符号&nbsp; 应当使用CSS进行设置。版权符号不要使用特殊符号 &copy; 可以直接使用输入法,拼“banquan”,选择序号5就能打出版权符号©。

12、巧妙利用CSS布局,将重要内容的HTML代码放在最前面,最前面的内容被认为是最重要的,优先让“蜘蛛”读取,进行内容关键词抓取。

13.重要内容不要用JS输出,因为“蜘蛛”不认识

14.尽量少使用iframe框架,因为“蜘蛛”一般不会读取其中的内容

15.谨慎使用display:none :对于不想显示的文字内容,应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容。

16. 不断精简代码

17.js代码如果是操作DOM操作,应尽量放在body结束标签之前,html代码之后。


原文:https://www.cnjunnet.com/seo-view/403.htm受原创协议保护,浏览器暂不支持复制粘贴

1,完善所有页面的标题、内容描述,关键词设置。

网站就是一个店铺对外的门脸,是十分的重要,只有你自己才知道做什么的,而用户才点击进入你的网站,首先就是通过标题、内容描述或关键词进入,因此网站内的标题、内容描述,关键词设置一定要慎重的编写,如果你实在不会,你可以参考同行业,比如:选择模仿行业前几位的网站去进行编辑,先记录他们网站的标题,描述,和关键词(这里的关键词要与你网站有相关联的)做成一份表格进行筛选,然后通过百度或谷歌检验是否是属于自己想要的词,刚开始做可以没有掺杂自己的想法。

2,同行排名有好的排名,是有原因的。

当我们刚开始做可以先学习着来,至于关键词定位,可以使用站长工具去筛选,只有把关键词先定位好了,找到自己优化的大方向,后面才能按照这个方向去优化,一般设置标题、内容描述,关键词设置的页面包括新站首页,新站栏目页,新站内容页,频道封面页等。记得不要在标题上堆砌关键词,堆砌是没有用,而且容易被检索出来,影响收录。

3,网站内容要去维护更新

网站内容是网站优化是重点,我们需要每天对新站进行文章更新,同时也要保持文章质量的原创度,在写文章的时候要把自己选定的关键词适量的带入到文章中,只有你的文章对别人有价值,别人才会记住你的网站。

记得网站内部的文章之间要做内链,做内链最重要指标是网站各个链接有没有出现死链接,提高用户体验度,同时要记住页面内不能用同一个锚文本进行做链接。

4,检查新站提交链接。

当网站设定好标题、内容描述,关键词设置,并且开始发布文章后,我们要用站长工具或者死链查询工具,对网站进行全站检查,然后对有死链的页面进行修改,保证访问路径状态码是正常,对于已经收录的死链接,要提交到百度站长平台,同时在站长平台,要把网站的主页链接和发布的文章链接提交到百度,这样会促进你的百度收录你的网站,也可以把链接提交给各大搜索引擎站长平台。

5,网站辅助细节设置

当你的网站提交搜索引擎后,我们需要对新站进行有利于seo优化设置的设定,这些细节可以帮助你更快的收录。

301域名重定向,可以集合你网站的权重,404页面,可以提升你的网站用户体验,网站

sitemap制作可以吸引蜘蛛爬你的网站;(Google、雅虎、和微软都支持一个被称为xml网站地图(xml Sitemaps)的协议)

HTTPS安全证书,现在这个基本是网站的标配,其实不加也可以;

Robots文本(robots是网站跟爬虫间的协议,用简单直接的txt格式文本方式告诉对应的爬虫被允许的权限,也就是说robots.txt是搜索引擎中访问网站的时候要查看的第一个文件。当一个搜索蜘蛛访问一个站点时,它会首先检查该站点根目录下是否存在robots.txt,如果存在,搜索机器人就会按照该文件中的内容来确定访问的范围;如果该文件不存在,所有的搜索蜘蛛将能够访问网站上所有没有被口令保护的页面。)

可以对网络蜘蛛设定,让他有针对性的去爬取你想要让他看到的内容。

但是切记不要把所有都给屏蔽,要不蜘蛛就不会抓取你的网站。

Nofollow设置(nofollow是HTML页面中a标签的属性值。它的出现为网站管理员提供了一种方式,即告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接"。这个标签的意义是告诉搜索引擎这个链接不是经过作者信任的,所以这个链接不是一个信任票。)

对于网站中不想分散权重的链接和页面要及时的进行Nofollow掉,使你的网站的权重集中起来,比如在联系我们,或者在其他栏目。

Url优化(url是统一资源定位符,对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。)

网址一般现在都要规范化,新站要去确保检查网页URL设置是否正确,一般设置伪静态url。

以上这些词表示的作用,你一定要明白它的表示的意思,这样你去学习seo才不会迷迷糊糊。

内部优化了,我们外部优化又怎样优化呢?

1,友链添加。

新站建立后,最后找几个好一点的友情链接网站,这样可以增加百度对这个网站的信任值,有益于网站收录和排名,这个属于比较好的外链方式。

2,论坛,博客,贴吧,第三方平台发布软文外链。

新站建立后,可以适当的在一些权重比较高的博客和论坛,发布一些文章,文章中的某些关键词可以链接到你的网站,这样也是一种外链的方式。外链这部分要重点说下,其中包含你要发布的外链平台;当然你要找的外链平台需要注意有:平台的权重、收录、人气、快照、相关性。一个好的平台外链的有效时间会越来越快,越来越长,这样可以节省外链的制作成本。另外,还有相关性,查看相关性主要取决于您所在行业的用户活跃度,在这个平台上寻找信息。如果一个洗衣器行业跑到微博上做外部链接相关性很低就不好了。

3,在各个站长工具搜索自己网站。

很多时候新站可以在没有收录之前在各大站长工具,适当的去搜索你的网站,当你在站长工具搜索后会留下记录,这个也会增加一定的网站收录,这个也是一种优化的方法。