| 根据每个页面的类型进行不同的优化 发布时间：2021-06-23 09:01:05 |
网站的各个页面分析与优化 在完成网站整体站点的部署之后，网站管理员还需要根据每个页面的类型进行不同的优化。网站页面的优化是SEO的重点工作之一，它决定了网站的收录数量及收录率，同时良好的长尾词页面还能带来长尾排名及广泛的流量。因此学习完本章，读者将对如何优化每个网站页面具备全面的认识，并提高相应的技能。 本章主要内容： ·了解网页的结构 ·网页结构对SEO的影响 ·网页中的关键词优化 ·动态网页的SEO的制作网页冗余代码优化 页面图片优化 5.1了解网页的结构 进行网页优化之前需要先了解网页的结构，这要求网页从业者对于HTML有一个系统的了解。这也是进行SEO必备的基础。页内搜索引擎优化技术将被应用到网页上的代码、文件名和内容中。为了应用页内优化，站长必须要对HTML有基本的理解，HTML是用于创建网站页面的编程语言。HTML使用的命令称为标签，用来告诉浏览器如何显示网页的内容。比如需要在HTML文档内部添加Meta标签，这个标签用来给搜索引擎提供网站的元数据信息。 5.1.1编辑网页文件的工具介绍 对于HTML文件，可以使用任意的文本编辑器，比如Notepad、Notepad++或Dreamweaver等可视化工具，来构建HTML.页面。一般 Dreamweaver有一些自动生成代码或者提示功能，因而比较适合初学者，其他文本编辑软件还有UItraEdit(UE)和EditPlus等。由于HTML标签基本上都是成对出现，因此Notepad++提供的成对高亮显示功能可以 帮助站长了解到HTML标记的层次结构。 Notepad++是一个免费的软件，可以去http://www.notepad-plus-plus.org/网址下载。进人网站后，单击左侧的“download”按钮，即可开始下载安装程序包。 虽然Notepad++提供了高亮功能，非常方便，但是在实际工作中笔者更愿将它用作一个轻量级的代码审查工具，而在创建网站时者通常使用较为专业的Dreamweaver，因为这个工具会自动添加兼容于各种HTML.标准的网页代码，避免了自己写代码的麻烦。在Dreamweaver中，单击“文件1新建”菜单项，将创建一个新的HTML页面。 可以看到，Dreamweaver帮助用户生成了基本的HTML代码骨架，只需要在<body>区中填入HTML内容即可。 5.1.2HTML源文档介绍 基本上一个HTML页面以<html>标签开始，并以</html>标签结束，HTML语言的标 签要求成对出现，但是这也不是绝对。W3School提供了一份非常好的HTML教程，网址是 http://www.w3school.com.cn/html/index.asp，建议每个SEO人员都应该学习一下，这里主要介绍与SEO优化相关的HTML网页构建。我们以HTLM5中国站(http://www. HTML5cn.org/)为例介绍一下HTML文档的构成。 (1）首先打开浏览器，单击鼠标右键，选择“查看源代码”选项。 (2)一般首页文件名称形如 index.html、index.php、index.asp、index.jsp、index.htm、index.shtml等，当然首页大部分都通过服务器程序对网址进行了处理，只显示主域名而无文件名，例如，http://www.HTML5cn.org/实际通过http://www.HTML5cn.org/index.php 也是 可以访问的。栏目页文件名一般表示为栏目名称的拼音、英文或首字母缩写等，如 htp:/www.XXX.com/keji/栏目下将是对科技内容的聚合。不利于SEO的做法则是无规则的无意义命名，如本例未经静态化的HTML教程栏目地址：htp://www.HTML5cn.org/portalphp?mod=list&catid=15。网站详情页或内容页由于数量相对较为庞大使用拼音或英文等命名，对程序的要求余比较高、常规的做法是只需用自然增长的数字ID加后缀形成内页网址，比如卢松松的博客：htp:/lusongsong.com/blog/post/7343.html。 当然使用广泛的DZ(discuz!)论坛程序通常是htp:/www.tui56.com/thread-245529-1-1.html 这样的。只要静态化或伪静态化网址并精短易传播，内页网址不必过于苛刻。
<DOCTYPE html>用于对网页进行声明，告诉浏览器以什么样的规则来呈现内容，有兴趣的读者可以去htp://www.w3school.com.cn学习，本书只对HTML做一个简单的介绍。 整个网页将被一个名为html的标签包裹在内，其中head部分用于添加诸如TDK(Title、Keywords、Description)以及其他的Meta元信息，用于告诉浏览器对文档的描述信息，link用于引入外部CSS文件，style用于在HTML文档中直接添加 CSS样式等，base标签用于对HTML文档内a标签href属性值指定默认地址或默认目标，而 Script是HTML文档中将使用到的js文件，对SEO人员来说js文件放在HTML文档末是更有利的SEO行为HTML文档在浏览器中可呈现的部分是body部分。一个内容丰富的网页文件，body部分内容及结构会非常复杂。常使用的结构化标签包括div、nav、header、main、footer，链接标签a，表格标签table、tr、td、th、tbody、thead、tfoot等，输入标签input，文本框标签textarea，列表标签link，段落标签p,行标签 span，图片标签 img 等，Heading标签也叫做H标签，HTML.里一共有六种大小的heading标签，是网页HTML中对文本标题 所进行的着重强调的一种标签，这是在SEO中最为看重的结构化标签之一，除此外还有b、srong、em标签。总计约119个结构化标签的组合使用形成了丰富多样的各种网页文档，是精彩的激动人心的Intermet冲浪之旅的基础。 5.1.3客户端可见网页结构介绍 一个可见的网页文档将包括顶部LOGO、Slogan、登录注册、收藏、设置主页及搜索条等构成的可见网页的头部。 接下来是网页的导航部分，用于给进入网站的访客提供一个方便的访问指南，因此一般呈现的是网站最为重要及用户最为关心的信息，网页导航部分。 5.2网页结构对SEO的影响 网页结构对SEO效果也有明显的影响。层次清晰、重点突出、加载速度快、无冗余代码、噪声低、服务器请求次数少的结构会提高搜索引擎的收录，反之如果网页结构混乱，各种标记毫无规律、杂乱无章地排列会影响网页的收录，同时会使跳出率居高不下，对SEO的影响是很大的。下面我们来分别介绍网页结构对SEO的影响。 5.2.1层次清晰、重点突出及降噪处理 在新推出的HTML5中，对网页结构的标签描述更强调语义化，也就是对网页各个区块在标签上表述得更为清晰，帮助搜索引擎蜘蛛识别区块及各自的重要性。比如article标签用来标记内容，aside用来标记侧边栏，还有command、datalist、section、figure、header、footer、nav等。在编辑HTML文档的时候就要注意使用对应的标签来结构化HTML文档，帮助蜘蛛识别，提高抓取效率。在HTML还没推出来的时候，很多前端工程师基于结构优化的考虑，会对相应区块采用ID标记，比如导航命名ID为nav，头部命名为header，尾 部命名为footer，也是可以帮助蜘蛛识别和抓取的。层次清晰、重点突出还包含对H标签、strong标签、b标签等的正确合理使用。网页降噪是为了更加清晰化、重点突出化的一种处理方式，尽力减少或去除弹出广告、联盟广告及其他一些对用户可能没用的信息。HTML 语言是语义化的标签语言，在清晰理解各种语义化标签功能的基础上对HTML文档进行结构化即可建构起一个对搜索引擎和用户友好的网页文档结构。 具体来说，使用HTML5语言标记则对页面对应的区块使用对应的标签。使用<header></header>标记头部包裹LOGO、Slogan、注册登录、搜索框等信息，<nav></nav>标记网站导航，<main></main>对应网站的主体内容，<footer></footer>包含版权、尾部导航、友情链接、联系方式等。如果用较老版本HTML创建网页文档，可以使用ID对各区块进行结构化。 以上说到了用相应标签或者ID、CLASS属性标示文档各个区块，而H标签、strong标签等则是为了使主体内容重点更加突出、层次清晰而设。最佳的参考文档是百度百科，以“莆田系”词条为例。 |
 |
- 浏览所有行业
- 标准网站模板
- IT科技、软件、通讯模板
- 办公、文教、乐器模板
- 餐饮、旅游模板
- 宠物模板
- 电子、电工、电器模板
- 房地产、房屋租赁模板
- 服装、鞋帽、皮具模板
- 化工、化学、涂料模板
- 环保、生态模板
- 婚庆、广告、服务模板
- 机械、工业制品模板
- 家电、音响模板
- 家居、日用、家具模板
- 建筑、建材、装饰模板
- 金融、证券模板
- 贸易、物流、出口模板
- 美容、美发、护肤模板
- 名家个人网站模板
- 拍卖、投资、典当模板
- 汽车、运输、汽配模板
- 摄影、冲印、玩具模板
- 食品、饮料加工模板
- 文化、娱乐休闲模板
- 五金、仪器、仪表模板
- 物业、票务模板
- 鲜花、礼品、工艺品模板
- 学校、教育培训模板
- 医疗、药品、保健模板
- 照明、水电、能源模板
- 政府、综合性门户模板
- 钟表、眼镜模板
- 珠宝、首饰、饰品模板
- 咨询、顾问、翻译模板
- 律师模板
- 双语言模板
- 纯英文模板
我们的模板都是通用的，您可以用任何一个模板做任何类型的网站，仅需要修改大图即可
