上海seo培训-seo培训教程-网站优化seo培训

  • A+
所属分类:SEO

大部分接触过seo或者对seo稍有了解的人都知道网站的基础优化无外乎title、meta( keywords、description ) alt、h1等几个标签,今天小编就对这些网页标签在seo优化中的作用做个简单总结,以方便大家学习。

title:声明网页标题(必需要有,title的内容即为搜索引擎收录后,直接显示的网页标题名称。并且是优化环节重要因素,需特别设计组合,考虑搜索引擎分词规则)词与词之间用“_” “|”来间隔,这两个符号作用是相同的,当然也可以混合使用,不过要注意美观。

meta属性:

Keywords 声明网页关键词(告诉搜索引擎当前页面的关键词是什么),每个关键词之间用英文的逗号“,” 分割。

Description 声明网页描述,用来表达网站的主要内容概述。(Description的内容非常重要,并且会在搜索引擎的搜索结果中显示,将网站想要展现的重点内容以及广告引导词等展现出来,建议字数在70-80个汉字,140-160个字符,为什么会有这样的建议呢?因为搜索结果的描述内容只能显示出这么多字,再多了也显示不来,所以在设计description的内容的时候尽可能的简洁明了,里面要包含网站要做的业务的关键词,语句要通顺)

css和js等文件要外部调用,尽量不要直接写在网页当中,一些刚入行的前端可能会把css样式JavaScript等直接写在当前网页中。

为什么要外部调用?

1、对于程序维护人员来说,统一的外部调用可以更方便的来进行修改和维护。

2、对于搜索引擎来说,该部分代码并无实际意义,影响搜索引擎蜘蛛抓取效率。

3、对于网站速度来说,页面代码增多,影响网站速度。

图片:除幻灯、banner轮播图等必须直接插入图片的地方,其他地方图片尽量用做背景,然后在上面写上文字。若是某些标题部分一定要用图片则需要在img里面用alt标签申明图片含义。

为什么?

1、对于用户来说,网页图片越多,用户打开网页时所缓存的数据就越大,网页打开速度就越慢。所以尽量用颜色或者小图片来做背景。

2、对于搜索引擎来说,搜索引擎蜘蛛只认识汉字数字英文等字符形式的内容,无法识别图片的内容。所以要加alt进行描述。

对于图片元素越来越丰富的今天,图片alt属性和图片超链接的意义越来越大,如果你在百度图片里面搜索一些关键词就会发现,搜索结果里面的图片点击后是可以直接链接到图片所在的网页,而搜索的关键词往往和图片alt属性或者说图片标题是对应的,所以图文并茂的网页内容会更受搜索引擎喜欢,同时用户也喜欢这样的网页内容,同时还可以为我们的网站带来流量,这样的seo可谓一举多得!

外部链接:

如果网站有外部导出链接:例如链接到淘宝,QQ空间,微博时。链接内加入nofollow属性来阻止向该链接传递权重。例如:淘宝。

另外,某些网页效果会用iframe框架来完成。虽然有的文章说现在百度可以抓取到框架里面的内容了。但是无论能否抓取到,反正百度不喜欢这个标签,所以网页里面尽量不要用框架。

h标签

h1标签申明该网页最重要内容。一般每个网页只有一个h1标签,尽量不要用多个。在首页时h1常用于标记网站名称或最主要关键词,在频道页、栏目页h1标签常用于标记频道页、栏目页名称。在内容页h1标签时常用于标记文章名称。

h2标签可出现多次,常用于导航栏目名称,或长尾关键词等。不过也要适度应用。

b标签strong标签

这两个标签的含义是对文字加粗,申明文章中的关键内容,这两个标签含义相同。

网站地图:分为html地图以及xml地图。

html地图是给用户看的,体现网站框架目录,一目了然。

xml地图也叫sitemap,做优化需要有的。是给搜索引擎蜘蛛看的,就如同把网站所有结构页面做成了一张网,蜘蛛可以顺利的爬行整个网站。当然虽然现在百度出了主动推送,应用起来也挺方便。不过360等其他搜索引擎还是看xml地图的。

404页面:

当网站改版、换程序、换空间、内容删除替换时,会出现一些打不开的页面,被称为死链接。404页面可以避免产生死链接,并且对于网站访客来说,也是很好的用户体验。

内容页:

通常H1用作内容标题名称。文章底部可以加“扩展阅读”或“相关文章”等列表。用来增加用户粘度,并且可以引导搜索引擎蜘蛛爬向更多的页面。

掌握了以上标签的使用方法,无论你是前端工程师还是seo优化人员,在做网站的过程中都可以轻而易举的把这些优化因素很好的融入到网站建设中去,从而为后期的seo打下良好的基础!

  • 客服微信
  • 扫一扫二维码添加微信
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
SEO教程

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: