19939905379

网站建设 APP开发 小程序

知识

SEO是英文SearchEngineOptimization的简称,是搜索引擎优化的意思。通过SEO技术,利用搜索规则,能提高目标网站在相关搜索引擎内的排名,让网站在行业内占据领先地位,从而提高商品品牌

您当前位置>主页 > 知识 > 软件开发 >

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

发表时间:2020-04-24 10:54

文章来源:佚名

SEO 是英文 Search Engine Optimization 的简称,是搜索引擎优化的意思。 通过 SEO 技术,利用搜索规则,能提高目标网站在相关搜索引擎内的排名,让网站在行业内占据领先地位,从而提高商品品牌的知名度。 通过 SEO 技术,还能够为网站提供生态式的自我营销解决方案。

随着 WEB2.0 设计标准的普及,人们越来越关注 XHTML+CSS 的标准化设计,它对搜索引擎优化起到明显的作用。 本文重点分析如何把 SEO 引入

据中国互联网网络信息中心(CNNIC)统计, 截止 2015 年末,我国搜索引擎用户规模达 5.66亿人,与 2014 年末相比,增加了 4 400 万人,增长率为 8.4%。用户必须通过搜索引擎才能方便地获取需要的信息。 有关研究表明,用户在搜索信息时, 绝大部分用户只关注目标网站首页的信息,尤其是网站首页的前三条信息。 搜索引擎优化的根本目的是提高营销网站在搜索目标网页中的名次, 以提高用户对营销网站的关注度和暴光率, 也方便用户检索企业和企业商品的信息,方便企业与

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

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

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

站内优化的核心是将网站中的关键词合理地分配到网站的各个页面,以增加网页中关键词的密度,使搜索引擎更容易识别网页的核心内容。在设计网页时,不仅要美化网页页面,更要注意提炼关键词和在页面的布局,因为它是目标网站能否被用户搜索出来的关键。一般把关键词布局在页面标题 TITLE 标签、META 标签 keywords 属性、

META 标签属性、主次导航处等位置,并通过网站内链接串联相关页面,方便用户调用相关页面的内容,以提高页面关键词的粘度。

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

随着互联网技术的发展,网页设计技术发生了巨大的变化,从原始的“记事本”式网页设计,到

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

按照网页结构化标准设计的要求,把网站页面内容文件与其呈现格式文件相分离,简单地说就是用 XHTML+CSS 格式写所有字体、样式等文件,并把 CSS 和 Javascript 置于单独的文件中。 用

HTML 格式写文字内容文件,不使用 CSS 代码,直接调用外部文件。 通过这种方式,能够精简 HTML 文件代码,降低文件容量;搜索引擎能够更好地索引和识别网站信息,并准确地抓取页面内容。

通过 XHTML+CSS 网页设计,不仅会使网页容量小、页面载入速度快,而且会使网页结构清晰、界面友好。 把文字或图片信息的样式文件置于

CSS 中,搜索爬虫只采集 HTML 中的信息, 能够提高搜索效率;网页的关键词更集中、密度更大。

网站首页是网站的脸面,绝大多数用户都从网站首页开始浏览网站。 因此,应加强网站首页设计。 在设计网页时,应遵循“以用户为中心”和

“4W”原则。 “4W”的第一个 W 是“what”,明确网页放什么内容; 第二个 W 是“why”, 明确网页所放内容的理由;第三个 W 是“whom”,明确谁看网页内容;第四个 W 指“what effect”,明确网页布局达到什么效果。 企业网站页面一般包括网站 logo

和 banner 模块、导航条模块、网站幻灯模块、产品列表模块、成功案例模块、公司介绍模块等,其结构如图 1 所示。

2) “网站幻灯图”模块,展示企业核心产品的图片,强化用户的视觉感,突显产品特点,提高广告宣传效果;图 1 网页模块结构图

由于 SEO 技术优化搜索引擎的目的是方便用户通过关键词检索目标网站,因此,必须按照用户对网页各模块关心程度的强弱,布局页面模块。

1) “企业头部”和“导航模块”,是网页的基本模块,是用户检索目标网站和搜索引擎识别网页面的核心;

3) “产品分类”模块,是用户关心的核心内容。商品分类目录置于页面的左侧,企业推荐产品模块置于右侧,方便用户访问;

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

按照规则命名和编写标准代码,不仅能保证网页结构清晰、命名规范,而且便于识别和后期修改。

搜索引擎通过名为“spider”的小程序抓取网页。 因此,在网站设计过程中,必须重视 spider 抓取网页的能力。 spider 仅能读取页面的文本内容,

无法选取和处理 Flash、图片等非文本信息,也无法识别和处理 flash、图片中的文字信息。 然而,在网页制作过程中,不可避免使用图片,以增强用户的视觉体验。 因此,必须解决 spider 不能识别和处理非文本信息的问题。 采用图文混排方式,并对图片进行 SEO 技术处理,可以解决这个问题。在

img标记中,加入 ALT 属性,属性内容为图片中的文字内容。 例如,在img src=”1.jpg” alt=”起重机产品图片”/中,alt 的内容就是图片中的文字信息,这样搜索引擎就可以识别和处理图片中的信息,以便于抓取。 虽然 flash 可以使页面更加生动,但是一般尽量不要在网页中使用 flash。 如果必须使用 flash, 在 flash 页面创建供搜索引擎抓取的文本索引页面,并创建超级链接索引到文本页面。 由于搜索引擎不能识别 js 文件, 重要的内容不要使用 js 文件输出, 并且尽量不使用 iframe 框架编写文件。

XHMTL 标记语义化就是对内容结构化。 选择合适的标签,以实现代码语义化,便于开发者阅读和写出更好的代码,方便浏览器爬虫更好地解析内容。 通过 XHMTL 标记语义化和 SEO 技术,与搜索引擎建立良好的联系,有助于 spider 抓取更多的有效信息。 由于 spider 依靠标签确定上下文和关键字的权重,应把标题置于权重较大的标签之中。 例如,在每个页面只能出现一次 H1 标签,可以多次出现 H2 标签,但是 H1 标签的权重高于 H2 标签,仅次于 title 的权重,应把标题置于

相关案例查看更多