请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 4245|回复: 13

[教程] 影响SEO的页面制作细节 [复制链接]

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2007-1-30 15:41:08 |显示全部楼层
1、将css与javascript全部用下边的方法分离到外部文件中去。
<link rel="stylesheet" type="text/css" href="css/style.css" media="all"/>
<script type="text/javascript" src="include/common.js"></script>
让html代码最大可能的只是用来显示实际内容。

2、采用xhtml代码编写页面,抛弃传统Table布局模式,去掉页面中的例如font/bgcolor等格式化控制标签。用符合web标准的代码来制作页面。这样能够让xhtml代码结构化、语义化。提高页面代码的可读性。

3、采用了上边的方法你会发现你的html代码会变得非常小,当然如果可以的话。让它变得更小。太大的页面会影响搜索引擎的处理速度。一般通过xhtml+css设计的网页,html代码应该可以控制在50K以内。大家可以去看一下用web标准重构得比较好的网站。

4、用好图片的alt标签,合理的使用页面关键字去描述图片,这样能增加页面的关键字密度。

5、尽可能少地使用javascript来做与内容相关的事情,例如用document.write去显示正文。这样会影响搜索引擎对页面内容的搜索。

6、千万不要去javascript来实现你网站的导航。那样会让搜索引擎迷失方向。

7、每个页面的关键字尽可能出现在页面的标题,也就是头部的Title标签中。当然,要合理应用,太要太长,更别用大量与页面内容无关的网络热门关键字。因为那就不是优化而是在作弊。

8、尽量在每个页面代码中合理使用<h1><h2>等标签并让你的关键字出现在<h1>标签中,让页面的文档结构更清晰。

我是做网页制作的,所以SEO的诸多专业技术及算法我都不是非常了解。如果您想了解更多关于这方法的知识,建议您访问一些国内知名的SEO优化类的网站,比如点石互动等。在那里你能查阅到很多关于“反向链接”、“页面PR值”等专业知识。这里只是将我在页面制作的过程中涉及到的一些细节问题拿出来和大家探讨一下。由此也可以说明为什么基于web标准设计的网站会更有利于SEO了。

如果您不打算花钱去请专业的SEOer来为您的网站做优化,那么可以让页面制作人员在制作上注意一些细节。相信这样免费的一些细节也能达到一个比较好的效果。

暂时总结以上几点,若有遗漏欢迎补上。

博客文章地址:http://www.iwcn.net/article.asp?id=29

SEO优化与作弊是有相当大的区别的哦,哈哈。

[ 本帖最后由 jxdawei 于 2007-1-30 16:15 编辑 ]
西部数码顶级域名注册商39元抢注!
blank 

怿飞

荣誉管理

帖子
2375
体力
12545
威望
125
居住地
浙江省 杭州市
发表于 2007-1-30 15:45:21 |显示全部楼层
4、用好图片的alt标签,合理的使用页面关键字去描述图片,这样能增加页面的关键字密度。


纠正alt是图片属性,作用是在其他不能显示图片阅读器上代替图片的文字!!!
个人Blog:PlanABC   团队Blog:淘宝UED  专注Web前端技术!
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2007-1-30 16:07:35 |显示全部楼层
对,我非常认同楼上的观点.这也是为什么需要为img添加alt属性的出发点.但除了这个基本作用以外,我们可以根据这个做一点点小文章.
如果在我的这篇文章中我插入了一张google和baidu的图片,用来表明我的这篇文章与搜索引擎相关.相信大家都可以理解.同时我们的alt属性可以是
  1. <img src="img/googleicon.gif" alt="google的标识图片" />
复制代码

同样,也可以是:
  1. <img src="img/googleicon.gif" alt="搜索引擎相关文章" />
复制代码

这样从理解上讲,应该是过得去的,但无疑这二个alt属性上的文字对于搜索引擎来讲,也是有作用的.

有兴趣的话可以看点石互动做的这个测试:

SEO系列小实验之文本链接与图片链接

所以,合理的设置alt标签,不光是代替图片的说明文字.对于搜索引擎它是有作用的.

但二者之间并不矛盾,如果你不是在作弊的话.我相信文章中的图片肯定是与文章有着密切关系的.为它添加alt属性自然还是能与你的页面关键字有所联系的.不是吗?比如你看Google首页的搜索输入框,它的input标签添加了title属性.我相信应该没多少人会为输入框设置属性吧?如果要我设一个属性,我可能会设成"请输入您要搜索的关键字",我觉得这样会更合适一点,不是吗?

[ 本帖最后由 jxdawei 于 2007-1-30 16:12 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号?注册

使用道具 举报

帖子
114
体力
221
威望
0
发表于 2007-1-30 16:49:38 |显示全部楼层
LZ遗忘了meat标签中的东西哦
logoku.com

使用道具 举报

blank 

怿飞

荣誉管理

帖子
2375
体力
12545
威望
125
居住地
浙江省 杭州市
发表于 2007-1-30 17:25:06 |显示全部楼层
原帖由 jxdawei 于 2007-1-30 16:07 发表
对,我非常认同楼上的观点.这也是为什么需要为img添加alt属性的出发点.但除了这个基本作用以外,我们可以根据这个做一点点小文章.
如果在我的这篇文章中我插入了一张google和baidu的图片,用来表明我的这篇 ...


首先并没有否认alt对SEO优化的作用,再次title才是真正意义上的提示标签,而alt在IE中被IE错误的也解析成标签的作用,用Firefox下打开GOOGLE你会发现,Firefox并没有像在IE下的那种解析。

提出来只是让更多的人去认识这个属性的真正作用。而且搜索引擎对语义化的结构更友好,所以这个认识和SEO没有冲突,反而更有利于理解为什么这个对SEO有好处!
个人Blog:PlanABC   团队Blog:淘宝UED  专注Web前端技术!

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2007-1-30 17:29:54 |显示全部楼层
TO:楼上的,高手,非常支持你的观点!哈哈.可以的话用QQ联系我做个友情链接吧.
TO:5楼的:
  1. <meta name="Keywords" content="页面关键字" />
  2. <meta name="Description" content="页面内容描述" />
复制代码

我的观点是:
这二个标签大家应该都会去添加,至少我是这样认为的.如果没写这二个标签的朋友,建议您给您的网页补上.
而我这篇文章之所以没把这二个标签写进去,是因为现在的搜索引擎几乎不考虑这二个标签了.

所以,按正常去写吧.但对于seo来说,基本上应该是没有什么作用.

想了解更多关于这二个标签的朋友请参阅Zac的这篇文章:
Meta标签是否还有用

[ 本帖最后由 jxdawei 于 2007-1-30 17:39 编辑 ]

使用道具 举报

hero4u 

孤竹林

金牌会员 手机认证 

帖子
1305
体力
3444
威望
14
居住地
湖南省 长沙市
发表于 2007-1-30 22:36:17 |显示全部楼层
呵呵,html首页18k 那样比较快吧
meta标签因为有很多人内置大量无意义的keyword 作弊,都七八年了 google算是吃亏吃尽了吧,robot还会相信这个么。
其实给每个图片加一个alt属性当然不错,在搜索引擎专门找图片的时候很有帮助的了。tooltip还是给<a title="This is a image for xxx"></a>来完成吧。
只是希望在学习w3c标准的时候,不要混淆了title 和 alt的作用了
愚见愚见
体验游戏 game4power

使用道具 举报

飞虫 
帖子
343
体力
1240
威望
0
居住地
广东省 深圳市
发表于 2007-1-31 10:10:01 |显示全部楼层
原帖由 blankzheng 于 2007-1-30 17:25 发表


首先并没有否认alt对SEO优化的作用,再次title才是真正意义上的提示标签,而alt在IE中被IE错误的也解析成标签的作用,用Firefox下打开GOOGLE你会发现,Firefox并没有像在IE下的那种解析。

提出来只是让更 ...



我记得我之前看过,google用的是title而不是alt的,刚才实地看了一下,确实如此,所以当然,FF下也会有提示框的

说话可别想当然咯~~~
每次自以为进步了,看看别人,发现我他妈竟然是在退步!

使用道具 举报

blank 

怿飞

荣誉管理

帖子
2375
体力
12545
威望
125
居住地
浙江省 杭州市
发表于 2007-1-31 10:16:34 |显示全部楼层
原帖由 飞虫 于 2007-1-31 10:10 发表



我记得我之前看过,google用的是title而不是alt的,刚才实地看了一下,确实如此,所以当然,FF下也会有提示框的

说话可别想当然咯~~~


楼上看清楚我在说什么了没 再从头到位,连回复看一下 嘿嘿……我们在说图片的alt属性
个人Blog:PlanABC   团队Blog:淘宝UED  专注Web前端技术!

使用道具 举报

飞虫 
帖子
343
体力
1240
威望
0
居住地
广东省 深圳市
发表于 2007-1-31 10:23:39 |显示全部楼层
jxdawei 给了张图片在说搜索输入框
你在说“打开GOOGLE你会发现”

我就直接理解为你也在说搜索输入框啦

理解错误

sorry~
每次自以为进步了,看看别人,发现我他妈竟然是在退步!

使用道具 举报

xiaop 

去西藏的小皮

中级会员 手机认证 

帖子
102
体力
262
威望
0
居住地
西藏自治区 拉萨市
发表于 2007-1-31 20:49:17 |显示全部楼层
楼主总结的非常好。

SEO可以理解为用户体验的一部分,或者说spider也是网站用户的一种。如何让这类用户读懂页面的内容?小皮觉得除了title meta hn 标签的合理使用外,更重要的是正确的使用语义化标签。
我是小皮

使用道具 举报

帖子
142
体力
2469
威望
0
发表于 2007-2-14 10:17:14 |显示全部楼层
学习SEO中
http://www.lifeonfoot.net/

使用道具 举报

帖子
76
体力
206
威望
0
发表于 2007-2-14 10:25:15 |显示全部楼层
好文好文,楼主以及其它各位都对SEO了解挺深的,学习ing

使用道具 举报

cnbjx 

深山老熊

高级会员

帖子
238
体力
501
威望
3
居住地
广东省 深圳市
发表于 2007-2-17 00:16:03 |显示全部楼层
<meta name="Keywords" content="页面关键字" />
<meta name="Description" content="页面内容描述" />

Description 这个对Google来说还是非常有用的, 一般GOOGLE只采用首页的 Description,

搜索 首页显示的内容会是 Description 内容.

在GOOGLE上搜索 "顺电" 看看.
显示内容为:

深圳市顺电连锁股份有限公司,是一家专门销售家用电器(包括手机、电脑、数码相机)的零售商,中国零售百强。

再看看顺电网站的源代码:

<meta name="description" content="深圳市顺电连锁股份有限公司,是一家专门销售家用电器(包括手机、电脑、数码相机)的零售商,中国零售百强。">

我自己的多个网站也是如此~~

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-9 13:27 , Processed in 0.103571 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部