关于网页标签代码方面的一些用法以及讲解

　　关于网页标签代码方面的一些用法以及讲解

　　网页头部部分：

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

　　meta属性：

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

　　Description 声明网页描述，用来表达网站的主要内容概述。(Description的内容非常重要，并且会在搜索引擎的搜索结果中显示，将网站想要展现的重点内容以及广告引导词等展现出来。建议是200字符以内)。copyright 声明网页版权 author 声明作者，这两个主要是用于网页规范性，对优化影响不大。

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

　　为什么要外部调用?

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

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

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

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

　　为什么?

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

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

　　外部链接:

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

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

　　h标签

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

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

　　b标签strong标签

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

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

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

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

　　404页面：

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

　　内容页：

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