xHTML+CSS网页制作和搜索引擎优化SEO的关系

晓伟演绎传媒

晓伟演绎传媒

2016-02-20 00:17

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享xHTML+CSS网页制作和搜索引擎优化SEO的关系教程,希望对大家能有一点小小的帮助。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)xHTML+CSS与SEO的内容,后面章节会详细给大家介绍,这里就先说一些,让大家对xHTML+CSS与SEO有一定的认识,为后面制作页面打基础,毕竟我们做出来的页面还是要给搜索引擎看的,所以不能不提提xHTML+CSS与SEO的关系。

1)将页面中最重要的内容用h1标签括起来,h1的内容就和页面title很自然的包含了站点或者页面的核心关键词,搜索引擎很重视h1标签的内容哟

2)合理的运用h2、h3等标题标签,他们对于页面来说就是文章不同的等级或者不同的功能区域的标志性元素

3)页面meta信息不可忽视,一定要包含页面核心的内容

4)为了便于搜索引擎更方便的抓取,要尽可能的保证HTML页面代码纯净,强调一下,既然是xHTML+CSS布局页面,所以CSS代码要单独写在一个文件内,保证CSS部分和HTML部分彻底分离;html页面中使用id和class,尽可能的避免style="";尽量使用标准的CSS命名规范,从这里就可以看出你这个页面重构师是否专业哟;尽量使用CSS的缩写以节省代码,例如padding:10px 20px 10px 20px;缩写为padding:10px 20px;最好不要在HTML页面用font、center这种标签。

5)在HTML页面中strong标签是可以使用的,可以进一步强化关键词和相应的文字信息。

6)页面中的javascript代码会对搜索引擎分析页面内容产生干扰,可以将javascript代码封装在一个.js文件中外部调用。

7)img /尽可能的加入alt注释,因为百度和google都有搜索图片的功能,如果加了alt,就更方便搜索蜘蛛的爬行,搜索相应关键词,就可能出现你网站上的图片,点击图片不就进入你的网站了嘛,就又多了点流量吧。
展开更多 50%)
分享

猜你喜欢

xHTML+CSS网页制作和搜索引擎优化SEO的关系

Web开发
xHTML+CSS网页制作和搜索引擎优化SEO的关系

搜索引擎优化-如何用CSS图片做背景

Web开发
搜索引擎优化-如何用CSS图片做背景

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS教程,让网页对搜索引擎更友好

Web开发
CSS教程,让网页对搜索引擎更友好

微软真人搜索引擎

平面设计 标志设计 UI设计 VI设计
微软真人搜索引擎

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用ASP制作强大的搜索引擎

ASP
用ASP制作强大的搜索引擎

新春搜索引擎logo

平面设计 标志设计 UI设计 VI设计
新春搜索引擎logo

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS实例教程:浮动(float)页面布局

CSS实例教程:浮动(float)页面布局

Win10系统电脑任务栏跑到桌面右边的解决方法

Win10系统电脑任务栏跑到桌面右边的解决方法
下拉加载更多内容 ↓