1、网站布局结构DIV+CSS
现在流行的网站布局结构就是DIV+CSS，为什么都来用这种结构布局网站?这种方式有什么好呢?其实网上能搜出来很多这类文章，DIV+CSS不仅仅可以减少代码的冗余，还可以大大降低代码的重复度。CSS样式表文件一定要外部引用，这样一来，如果需要修改网页的显示样式和布局，只需要修改CSS文件即可，不需要对网页模板进行大的手术动作。当然外部引用是精简的页面的代码量，不过CSS文件同样可以再次精简。其实网站不同网页的很多地方的样式都是一样的，这样一来在样式表文件只需写一段样式即可，不需要重复写多遍，另外所有的样式都可以写到同一个样式表文件，这样每个页面调用的样式表文件只需要一个，也就是蜘蛛只需爬行一次即可，利于搜索引擎的抓取并且可以加快网页的加载速度。
2、特效文件的优化
一般网站的特效都会使用到JS文件或者flash，JS也就是JavaScript脚本文件，本人不推荐Flash特效，虽然好看但是搜索引擎不识别，JS特效文件的优化和CSS样式表文件一样，最好是外部引用，合并重复特效，减少文件个数，同样的作用，也是可以大大加快网页打开速度，利于蜘蛛爬行抓取的，并且一般的JS文件都可以放到foot里面，并不一定要放到head中间，先让内容加载完然后再加载特效，毕竟用户想看到的是有价值的内容而非绚丽多彩的特效，如果把JS放到head，可能有时候加载半天网页内容还未显示出来，用户直接关掉网页立刻，这就造成网站的跳出率和访问深度不够，影响用户体验，影响搜索引擎对网站的友好。
3、图片的优化
虽然现在搜索引擎比较喜欢图文并茂的内容，但是搜索引擎本身是不能识别图片具体为何物的，所以这就需要用到alt属性，告诉搜索引擎这张图片的含义是什么，另外图片要尽量压缩，不能占用太大空间，弄一个高清好几M的图片放到首页的话，加载速度也会变的特别慢，为了让蜘蛛喜欢上我们的网站，就必须做这样的，另外有能力有时间的朋友可以将图片PS到和互联网上没有重复的。
4、H标签优化
H标签的有效利用可以极大的提升网站的权重，特别是H1，不过我个人认为一个页面H1标签只能出现一次，否则就会被搜索引擎降权，首页在头条新闻处可以使用H1，文章页标题可以使用H1，频道页可以使用H2或者H3，适可而止，不要太过分，优化过度那就得不偿失了。
5、frame框架的优化
其实这个不叫优化，在此我想说明的是最好禁止使用frame和iframe，之前的淘客网站比较常见iframe的应用，搜索引擎识别不了iframe，并且很有可能认为是在作弊，所以不建议使用。
6、nofollow的使用
正常情况下，为了防止页面权重的流失，可以对于不需要参与排名的网页链接添加nofollow属性，即告诉搜索引擎不向此页面传递权重，比如页面上的more或者更多链接，还有页面底部的联系我们，关于我们等等，都可以用nofollow，对于页面权重的集聚效果还是比较明显的。
7、URL的优化
对于可以生成静态或者伪静态页面的网站来说，优化人员最好可以懂得如何修改生成规则，让URL中包含关键词的拼音，更有甚者，可以在URL中出现主关键词的汉字。
如图：
1.无论是动态还是静态页面都是以“<html>”开始，然后在网页最后以“</html>”结尾。
2.<head>”页头
其在<head></head>中的内容是在浏览器中内容无法显示的，这里是给服务器、浏览器、链接外部JS、a链接CSS样式等区域，而里面“<title></title>”中放置的是网页标题。
3.“<meta name="keywords" content="关键字" /><meta name="description" content="本页描述或关键字描述" />”
这两个标签里的内容是给搜索引擎看的说明本页关键字及本张网页的主要内容等SEO可以用到。
4."<body></body>"
也就是常说的body区 ，这里放置的内容就可以通过浏览器呈现给用户，其内容可以是table表格布局格式内容，也可以DIV布局的内容，也可以直接是文字。这里也是最主要区域，网页的内容呈现区。
5.最后是以"</html>"结尾，也就是网页闭合。
以上是一个完整的最简单的html语言基本结构，通过以上可以再增加更多的样式和内容充实网页。
扩展资料：
标签详解：
1.<!doctype>：是声明用哪个 HTML 版本进行编写的指令。并不是 HTML 标签。<!doctype html>：html5网页声明，表示网页采用html5。
2.<meta>：提供有关页面的元信息（针对搜索引擎和更新频度的描述和关键词等），写在<head>标签内。
a）<meta charset="UTF-8">：设置页面的编码格式UTF-8；
b）<meta name="Generator" content="EditPlus">：说明生成工具为EditPlus；
c）<meta name="Author" content="">：告诉搜索引擎站点制作的作者；
d）<meta name="Keywords" content="">：告诉搜索引擎网站的关键字；
e）<meta name="Description" content="">：告诉搜索引擎网站的内容；
参考资料：html代码-百度百科
欢迎分享，转载请注明来源：夏雨云
微信扫一扫
支付宝扫一扫
评论列表（0条）