欢迎来到上海园丁鸟网络科技有限公司|企业网站建设企业建站企业官网建设企业官网
咨询热线:18017747315当前位置: 首页 > 新闻动态 >
联系我们
企业网站建设 建站咨询
电话咨询:13524991327
E-mail:1424374510@qq.com
QQ:1424374510

SEO技术在 XHTML+CSS网页制作中的应用

作者/整理:pxz 来源:未知 日期:2018-12-13

搜索引擎是获取流量的重要工具,可以为企业发现大量的潜在用户。 网站建设分为前端网 页设计和网站功能开发两个环节。 该文在分析搜索引擎优化方法的基础上,以前端网页设计为重点,分 析 SEO 技术运用于网页设计的方法。 
 引 言 SEO 是英文 Search Engine Optimization 的简 称,是搜索引擎优化的意思。通过 SEO 技术,利用 搜索规则,能提高目标网站在相关搜索引擎内的 排名,让网站在行业内占据领先地位,从而提高 商品品牌的知名度。 通过 SEO 技术,还能够为网 站提供生态式的自我营销解决方案。 随着 WEB2.0 设计标准的普及,人们越来越关 注 XHTML+CSS 的标准化设计,它对搜索引擎优化 起到明显的作用。本文重点分析如何把 SEO 引入 XHTML+CSS 网页设计中,以优化网页结构。 1 搜索引擎优化的作用 据中国互联网网络信息中心(CNNIC)统计, 截止 2015 年末,我国搜索引擎用户规模达 5.66亿 人,与 2014 年末相比,增加了 4 400 万人,增长率 为 8.4%。用户必须通过搜索引擎才能方便地获取 需要的信息。 有关研究表明,用户在搜索信息时, 绝大部分用户只关注目标网站首页的信息,尤其 是网站首页的前三条信息。 搜索引擎优化的根本 目的是提高营销网站在搜索目标网页中的名次, 以提高用户对营销网站的关注度和暴光率, 也方 便用户检索企业和企业商品的信息,方便企业与
用户交流和沟通,从而扩大客户规模,拓展网络 营销业务,降低企业营销成本。 搜索引擎优化具 有很高的商业价值。 2 搜索引擎优化方式 虽然利用 SEO 技术优化搜索引擎,优化方法 和策略很多,但主要是站外优化和站内优化两种 方式。 SEO 搜索引擎的外部优化是通过反向链接, 把目标网站与用户感兴趣的网站链接,并在网站 中的友情链接交换、博客发布、文章投稿、分类目 录、广告购买、论坛等栏目或板块中发布目标网 站链接信息,使用户方便链接目标网站。 站内优化的核心是将网站中的关键词合理 地分配到网站的各个页面,以增加网页中关键词 的密度,使搜索引擎更容易识别网页的核心内容。 在设计网页时,不仅要美化网页页面,更要注意提 炼关键词和在页面的布局,因为它是目标网站能否 被用户搜索出来的关键。一般把关键词布局在页面 标题 TITLE 标签、META 标签 keywords 属性 、 META 标签属性、主次导航处等位置,并通过网站 内链接串联相关页面,方便用户调用相关页面的 内容,以提高页面关键词的粘度。
 
网站是由若干网页组成,网页设计是网 站建设的基础, 必须通过 SEO 技术设计网页,以 提高搜索引擎的优化效果。 3 SEO 在网页设计中的应用 随着互联网技术的发展,网页设计技术发生了 巨大的变化,从原始的“记事本”式网页设计,到 table 表格网页设计,再到 XHTML+CSS 网页设计, 以及 HTML5 的自适应网页设计。本文主要分析利 用 SEO 技术进行 XHTML+CSS 网页设计的方法。 3.1 XHTML+CSS 应用 按照网页结构化标准设计的要求,把网站页面 内容文件与其呈现格式文件相分离,简单地说就是 用 XHTML+CSS 格式写所有字体、样式等文件,并 把 CSS 和 Javascript 置于单独的文件中 。 用 HTML 格式写文字内容文件,不使用 CSS 代码,直 接调用外部文件。 通过这种方式,能够精简 HTML 文件代码,降低文件容量;搜索引擎能够更好地索 引和识别网站信息,并准确地抓取页面内容。 通过 XHTML+CSS 网页设计,不仅会使网页容 量小、页面载入速度快,而且会使网页结构清晰、 界面友好。 把文字或图片信息的样式文件置于 CSS 中,搜索爬虫只采集 HTML 中的信息,能够 提高搜索效率;网页的关键词更集中、密度更大。 SEO 技术更符合 W3C 标准网页设计的要求。 3.2 网页模块分析 网站首页是网站的脸面,绝大多数用户都从 网站首页开始浏览网站。 因此,应加强网站首页 设计。 在设计网页时,应遵循“以用户为中心”和 “4W”原则。 “4W”的第一个 W 是“what”,明确网 页放什么内容;第二个 W 是“why”,明确网页所 放内容的理由;第三个 W 是“whom”,明确谁看网 页内容;第四个 W 指“what effect”,明确网页布局 达到什么效果。 企业网站页面一般包括网站 logo由于 SEO 技术优化搜索引擎的目的是方便 用户通过关键词检索目标网站,因此,必须按照用 户对网页各模块关心程度的强弱,布局页面模块。 1)“企业头部”和“导航模块”,是网页的基本 模块,是用户检索目标网站和搜索引擎识别网页 面的核心;“网站幻灯图”模块,展示企业核心产品的 图片,强化用户的视觉感,突显产品特点,提高广 告宣传效果; 3)“产品分类”模块,是用户关心的核心内容。 商品分类目录置于页面的左侧,企业推荐产品模 块置于右侧,方便用户访问; 4)“成功案例”模块,将企业积累的以往客户 名录置于网页,以增强用户的信任;“公司介绍”模块,着重展示企业形象。 3.3 网页 CSS 样式命名规范 按照 CSS 命名规则命名,不仅方便网站维护 和修改 CSS 代码,而且还能加强搜索引擎的优化 和方便记忆。 网页的 CSS 命名规则如表 1 所示。
 
按照规则命名和编写标准代码,不仅能保证 网页结构清晰、命名规范,而且便于识别和后期 修改。 3.4 非文本信息的处理 搜索引擎通过名为“spider”的小程序抓取网 页。 因此,在网站设计过程中,必须重视 spider 抓 取网页的能力。 spider 仅能读取页面的文本内容,
无法选取和处理 Flash、图片等非文本信息,也无 法识别和处理 flash、图片中的文字信息。 然而,在 网页制作过程中,不可避免使用图片,以增强用 户的视觉体验。 因此,必须解决 spider 不能识别和 处理非文本信息的问题。 采用图文混排方式,并对 图片进行 SEO 技术处理,可以解决这个问题。在< img>标记中,加入 ALT 属性,属性内容为图片中 的文字内容。 例如,在<img src=”1.jpg” alt=”起重 机产品图片”/>中,alt 的内容就是图片中的文字 信息,这样搜索引擎就可以识别和处理图片中的 信息,以便于抓取。 虽然 flash 可以使页面更加生 动,但是一般尽量不要在网页中使用 flash。 如果 必须使用 flash, 在 flash 页面创建供搜索引擎抓 取的文本索引页面,并创建超级链接索引到文本 页面。 由于搜索引擎不能识别 js 文件, 重要的内 容不要使用 js 文件输出, 并且尽量不使用 iframe 框架编写文件。 3.5 XHMTL 标记语义化 XHMTL 标记语义化就是对内容结构化。 选 择合适的标签,以实现代码语义化,便于开发者 阅读和写出更好的代码,方便浏览器爬虫更好地 解析内容。 通过 XHMTL 标记语义化和 SEO 技 术,与搜索引擎建立良好的联系,有助于 spider 抓 取更多的有效信息。 由于 spider 依靠标签确定上 下文和关键字的权重,应把标题置于权重较大的 标签之中。例如,在每个页面只能出现一次 H1 标 签,可以多次出现 H2 标签,但是 H1 标签的权重 高于 H2 标签,仅次于 title 的权重,应把标题置于 H1 标签而不是 H2 标签。