影响SEO的页面制作细节

jxdawei 楼主

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 编辑 ]

blank

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

纠正alt是图片属性，作用是在其他不能显示图片阅读器上代替图片的文字！！！

jxdawei 楼主

对，我非常认同楼上的观点．这也是为什么需要为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 编辑 ]

poolorgcn

LZ遗忘了meat标签中的东西哦

blank

原帖由 jxdawei 于 2007-1-30 16:07 发表
对，我非常认同楼上的观点．这也是为什么需要为img添加alt属性的出发点．但除了这个基本作用以外，我们可以根据这个做一点点小文章．
如果在我的这篇文章中我插入了一张google和baidu的图片，用来表明我的这篇 ...

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

提出来只是让更多的人去认识这个属性的真正作用。而且搜索引擎对语义化的结构更友好，所以这个认识和SEO没有冲突，反而更有利于理解为什么这个对SEO有好处！

jxdawei 楼主

TO:楼上的，高手，非常支持你的观点！哈哈．可以的话用ＱＱ联系我做个友情链接吧．
TO:5楼的：

1. <meta name="Keywords" content="页面关键字" />
   
2. <meta name="Description" content="页面内容描述" />

复制代码

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

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

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

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

hero4u

呵呵，html首页18k 那样比较快吧
meta标签因为有很多人内置大量无意义的keyword 作弊，都七八年了 google算是吃亏吃尽了吧，robot还会相信这个么。
其实给每个图片加一个alt属性当然不错，在搜索引擎专门找图片的时候很有帮助的了。tooltip还是给<a title="This is a image for xxx"></a>来完成吧。
只是希望在学习w3c标准的时候，不要混淆了title 和 alt的作用了
愚见愚见

飞虫

原帖由 blankzheng 于 2007-1-30 17:25 发表


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

提出来只是让更 ...

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

说话可别想当然咯~~~

blank

原帖由 飞虫 于 2007-1-31 10:10 发表



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

说话可别想当然咯~~~

楼上看清楚我在说什么了没 再从头到位，连回复看一下 嘿嘿……我们在说图片的alt属性

飞虫

jxdawei 给了张图片在说搜索输入框
你在说“打开GOOGLE你会发现”

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

理解错误

sorry~

xiaop

楼主总结的非常好。

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

lifeonfoot

学习SEO中

kenlilian

好文好文，楼主以及其它各位都对SEO了解挺深的，学习ing

cnbjx

<meta name="Keywords" content="页面关键字" />
<meta name="Description" content="页面内容描述" />

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

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

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

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

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

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

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