搜索引擎优化(seo)的基本工作模块(本文重点分析如何把SEO引入XHTML+CSS网页设计中)

　　搜索引擎优化(seo)的基本工作模块(本文重点分析如何把SEO引入XHTML+CSS网页设计中)

　　简介

　　SEO是英文Search Engine Optimization的缩写，意思是搜索引擎优化。通过SEO技术和搜索规则的使用，可以提高目标网站在相关搜索引擎中的排名，让网站在行业中占据领先地位，从而提高产品品牌的知名度。通过SEO技术，我们还可以为网站提供生态自营销解决方案。

　　随着WEB2.0设计标准的普及，人们越来越关注XHTML+CSS的标准化设计，它在搜索引擎优化中起到了举足轻重的作用。本文重点分析如何引入SEO

　　XHTML+CSS 网页设计，优化网页结构。

　　1 搜索引擎优化的作用

　　据中国互联网络信息中心（CNNIC）统计，截至2015年底，我国搜索引擎用户规模达到5.660亿人。与2014年底相比，增加了4400万人，增长率为8.4%。用户必须使用搜索引擎才能轻松获取所需信息。相关研究表明，用户在搜索信息时，大部分用户只关注目标网站主页的信息，尤其是网站首页的前三条信息。搜索引擎优化的根本目的是提高营销网站在搜索目标网页中的排名，从而增加用户对营销网站的关注度和曝光率，方便用户检索公司和企业产品信息，并为公司和

　　提供便利

　　用户沟通交流，从而扩大客户规模，拓展网络营销业务，降低企业营销成本。搜索引擎优化具有很高的商业价值。

　　2 搜索引擎优化方法

　　虽然利用SEO技术优化搜索引擎的优化方法和策略很多，但主要有站外优化和站内优化两种方式。

　　SEO 搜索引擎的外部优化是通过反向链接，将目标网站 与网站 用户感兴趣的链接，并在网站 中交换友情链接，发博，文章 提交，分类目标网站链接信息发布在目录、广告购买、论坛等栏目或栏目中，方便用户轻松链接到目标网站。

　　网站优化的核心是将网站中的关键词合理分配给网站的每个页面，增加关键词在网页中的密度，让搜索引擎更容易识别核心内容网页的。设计网页时，不仅要美化网页，还要注意关键词的细化和页面的布局，因为这是用户能否搜索到目标网站的关键一般将关键词布局放在页面标题TITLE标签、META标签关键字属性中，

　　META标签属性、主次导航位置等，并通过网站内链链接相关页面，方便用户调用相关页面的内容，增加页面关键词的粘性。

　　由于网站由多个网页组成，所以网页设计是网站构建的基础。网页必须通过SEO技术设计，以提高搜索引擎优化效果。

　　0 SEO 在网页设计中的应用

　　

　　随着互联网技术的发展，网页设计技术发生了翻天覆地的变化，从最初的“记事本”网页设计到

　　表格网页设计，然后是XHTML+CSS网页设计，以及HTML5自适应网页设计。本文主要分析利用SEO技术进行XHTML+CSS网页设计的方法。

　　0.1 XHTML+CSS 应用

　　根据网页结构化标准设计的要求，网站页面内容文件与其展示格式文件分离。简单的说，所有的字体、样式等文件都是用XHTML+CSS格式写的，CSS和Java放在一个单独的文件里。使用

　　以HTML格式编写文本内容文件，不使用CSS代码，直接调用外部文件。这样可以精简HTML文件代码，减少文件容量；搜索引擎可以更好地索引和识别网站信息，准确抓取页面内容。

　　通过XHTML+CSS网页设计，不仅页面容量小，页面加载速度快，而且页面结构清晰，界面友好。将文本或图片信息的样式文件放入

　　在CSS中，搜索爬虫只使用采集HTML中的信息，可以提高搜索效率； 关键词 网页更加集中和密集。

　　SEO技术更符合W3C标准网页设计的要求。

　　0.2 网页模块分析

　　网站主页是网站的脸，大部分用户从网站主页开始浏览网站。因此，网站homepage 设计应该加强。设计网页时，应遵循“以用户为中心”和

　　“4W”原则。 “4W”的第一个W是“what”，明确了页面的内容；第二个W是“why”，说明页面内容的原因；第三个W是“whom”，明确了谁阅读了页面的内容；第四个W指的是“什么效果”，指定网页布局达到什么效果。企业网站页面一般收录网站标志

　　以及banner模块、导航栏模块、网站幻灯模块、产品列表模块、成功案例模块、公司介绍模块等，结构如图1所示。

　　2）“网站幻灯图”模块，展示企业核心产品图片，增强用户视觉感，突出产品特色，提升广告效果；图1 网页模块*敏*感*词*

　　由于SEO技术优化搜索引擎的目的是方便用户通过关键词搜索goals网站，所以页面模块必须根据用户对网页各个模块的关注程度进行布局.

　　1）“企业头”和“导航模块”是网页的基础模块，是用户搜索目标网站和搜索引擎识别网页的核心；

　　3）“产品分类”模块是用户关心的核心内容。页面左侧放置产品类别目录，右侧放置公司推荐产品模块，方便用户访问；

　　4）“成功案例”模块，将公司积累的过往*敏*感*词*放在网页上，增强用户的信任度；

　　5）“公司介绍”模块重点展示企业形象。

　　0.3 网页 CSS 样式命名约定

　　

　　按照CSS命名规则命名，不仅方便网站维护和修改CSS代码，还可以增强搜索引擎优化，方便记忆。网页的CSS命名规则如表1所示。

　　按照规则命名和编写标准代码，既保证网页的结构和命名规范清晰，又便于识别和后期修改。

　　0.1 非文本信息的处理

　　搜索引擎通过一个名为“蜘蛛”的小程序抓取网页。所以在网站的设计过程中，一定要注意蜘蛛爬取网页的能力。蜘蛛只能读取页面的文字内容，

　　不能选择和处理Flash和图片等非文本信息，也不能识别和处理Flash和图片中的文本信息。但是，在网页制作的过程中，不可避免地要使用图片来提升用户的视觉体验。因此，蜘蛛不能识别和处理非文本信息的问题必须解决。这个问题可以通过使用图文混合，图片的SEO技术处理来解决。存在

　　在

　　img>标签，添加ALT属性，属性内容为图片中的文字内容。例如，在

　　

　　在

　　，alt的内容是图片中的文字信息，便于搜索引擎识别和处理图片中的信息，方便抓取。虽然flash可以让页面更加生动，但一般尽量不要在网页中使用flash。如果一定要使用flash，创建一个文本索引页面供搜索引擎在flash页面上爬取，并创建一个指向文本页面的超链接索引。由于搜索引擎无法识别js文件，请勿使用js文件输出重要内容，尽量不要使用iframe框架写入文件。

　　0.2 XHMTL 标记语义

　　XHMTL 标记的语义是构建内容。选择合适的标签实现代码语义，方便开发者读写更好的代码，也方便浏览器爬虫更好的解析内容。通过XHMTL标记语义和SEO技术，与搜索引擎建立良好的关系，帮助蜘蛛抓取更有效的信息。由于蜘蛛依赖标签来确定上下文和关键字的权重，因此标题应该放在权重较大的标签中。比如H1标签每页只能出现一次，H2标签可以出现多次，但是H1标签的权重比H2标签高，仅次于标题的权重，标题应该放置