当前位置:首页 > 网页设计 > 网页设计中影响SEO的4个细节
Feb21th

网页设计中影响SEO的4个细节

diyidu 网页设计 26 人阅读了此文 我来说两句!

网页设计中影响SEO的4个细节

    1.代码规范编写的问题

    采用xhtml+CSS代码来编写页面,抛弃传统的Table布局模式,去掉页面中的例如font/bgcolor/width/height/color等格式化控制标签。用符合Web标准的代码来设计制作页面。这样能让xhtml代码结构化、语义化。提高页面代码的可读性。采纳以上的规范编写页面,你会发现你的html代码可以变得非常小,当然如果可以的话,应让它尽可能变得更小,因为太大的页面会影响搜索引擎的处理速度。一般通过xhtml+css设计的网页,html代码应该控制在50KB以内。有关这个,大家可以参考一下用Web标准重构得比较好的网站。

    2.关键字的位置及其他

    网页设计过程中,每个页面的关键字应尽可能出现在页面标题的位置,即Title标签中。要尽量在每个页面代码中合理使用<h1>、<h2>等标签,让内容中最有价值的关键字出现在<h1>标签里,让页面的文档结构更加清晰。长度要安排适当,不宜太长,更不可用大量与页面内容无关的热门关键字来堆积,因为那不是优化而是在作弊。

    3.图片的定义问题

    这是我一再强调的一个细节。网页设计过程中,应当有效利用图片的alt属性,合理地描述它,这样可以增加你页面的关键字密度。搜索引擎再怎么聪明,也看不懂图片。忽略了这一点,或许会让你损失大量图片搜索的流量。

    4.有关CSS和JS的代码及文件

    这个问题非常重要。请牢记,要将css与javascript全部用下边的方法分离到外部文件中去。

    以下是引用片段:

<link rel="stylesheet" rev="stylesheet" href="STYLE/style.css" type="text/css" media="screen" />
<script src="script/common.js" type="text/javascript"></script>

    这是为了让html代码最大可能地只是用来显示实际内容。要尽量少使用javascript来做与实际内容相关的事情,例如用document.write去显示正文。这样做只会影响搜索引擎对页面内容的搜索。更不要用javascript来实现你网站的导航,这会让搜索引擎迷失方向。

    我是学做网页设计的,虽然对有关SEO的诸多技术及算法并不十分了解,但这些好歹是低一度在前半年的开博历程中,经反复验证,积累下来的经验,可以说还是有点参考价值的。借春节休假得闲的机会,我整理了出来与大家分享。如果你想了解更多关于这方法的知识,建议您访问一些知名的SEO优化相关网站,如点石互动等。在那里你能查阅到许多关于“反向链接”、“页面PR值”等专业的知识。这里只是将我在页面设计过程中涉及到的一些细节问题拿出来与大家探讨。由此也可以说明为什么基于Web标准设计的网站会更有利于SEO。

    OK,That's all。以此帖作为开春第一帖,希望不会令大家失望。即日起,低一度将重新恢复更新频率,敬请大家关注。顺祝大伙儿:新年新气象!百尺竿头,更进一步!

    延伸阅读:
    1.Web设计师须知的10项SEO技巧
    2.细谈网页设计中的meta标签应用
    3.有关关键词选择的几个问题

本文出自:低一度,地址:http://www.diyidu.cn/post/4tips_for_seo.html,转载须注明!

to "网页设计中影响SEO的4个细节" 引用该日志!

  1. feerbook
    #1 feerbook 回复该留言 2010-2-21 15:17:58

    不错,顶~~~

    diyidu 于 2010-2-22 21:42:08 回复
    谢谢顶呵。

  2. Bee君
    #2 Bee君 回复该留言 2010-2-21 15:58:43

    呵呵,seo太抽象了~

    大踏步走 于 2010-2-21 18:35:41 回复
    确实是,不过总的原则就是不能为了seo而seo。
    diyidu 于 2010-2-22 21:42:49 回复
    恩,是啊,不能为SEO而SEO。

  3. 路人假
    #3 路人假 回复该留言 2010-2-21 19:59:27

    一个网站要是太炫了seo自然就效果不好了。。。比如全flash网站。

    diyidu 于 2010-2-22 21:43:49 回复
    全Flash站基本上就与SEO无缘了。

  4. Jclyn
    #4 Jclyn 回复该留言 2010-2-21 23:18:03

    咦,换主题了。
    如果我没记错的话,呵呵。

    diyidu 于 2010-2-22 21:44:25 回复
    回家过年前几天换的,呵呵。

  5. 土狼妹妹
    #5 土狼妹妹 回复该留言 2010-2-22 2:47:42

    对网页制作的人来说,的确需要注意一下,最新的技术。

    diyidu 于 2010-2-22 21:45:17 回复
    是啊,多少要知道一些,能做得更好就尽量做。

  6. 康帅博
    #6 康帅博 回复该留言 2010-2-22 8:36:48

    桶哥偶来帮你顶。

    diyidu 于 2010-2-22 21:46:04 回复
    问候老康呵。欢迎你来。

  7. 秦大少
    #7 秦大少 回复该留言 2010-2-22 10:18:11

    嗯,学习了!
    我觉得也没必要太在意SEO了,又不是靠这个吃饭的。

    diyidu 于 2010-2-22 21:47:07 回复
    太在意自然不必要,但多少要有点基本认知呵。

  8. 海派
    #8 海派 回复该留言 2010-2-22 19:45:37

    拜读了。。。

    diyidu 于 2010-2-22 21:47:36 回复
    欢迎兄弟:)

  9. liuzm
    #9 liuzm 回复该留言 2010-2-23 9:01:56

    大哥,再次报个道!哈哈。

    diyidu 于 2010-2-24 17:21:06 回复
    欢迎你第三次以至永恒来访。。。

  10. 园子
    #10 园子 回复该留言 2010-2-23 9:39:55

    这些细节确实应该注意。

    diyidu 于 2010-2-24 17:21:46 回复
    是哦。很有必要哦。

  11. 笨笨
    #11 笨笨 回复该留言 2010-2-23 10:30:18

    细节决定成败,类似文章最近看到好几篇,嘿嘿。。

    diyidu 于 2010-2-24 17:22:44 回复
    是吗?呵呵,看来很多人开始注重这个了。

  12. 集趣
    #12 集趣 回复该留言 2010-2-23 15:03:28

    貌似我都重视了,不知道有没有做对。

    diyidu 于 2010-2-24 17:23:19 回复
    我去帮你瞧瞧。。

  13. karm
    #13 karm 回复该留言 2010-2-23 19:24:07

    纯顶一下,太专业了。

    diyidu 于 2010-2-24 17:23:51 回复
    这个还专业啊?很通俗了。

  14. 子夜
    #14 子夜 回复该留言 2010-2-24 12:53:10

    谢谢分享哈!

    diyidu 于 2010-2-24 17:24:28 回复
    OK,不客气。

  15. 猴子
    #15 猴子 回复该留言 2010-2-24 15:56:31

    这年头,SEO更讲究的是外链资源。

    diyidu 于 2010-2-24 17:25:13 回复
    是啊,外链太重要了。

  16. simaopig
    #16 simaopig 回复该留言 2010-2-24 18:37:02

    网站要有好的SEO,更要有好的内容。但是如果想让好的内容让更多的人知道,那么就很有必要弄好SEO,不求最好,最起码得让搜索引擎觉得咱这还行不是。呵呵。。

    diyidu 于 2010-2-24 19:17:15 回复
    说得是啊!

  17. 猫哥
    #17 猫哥 回复该留言 2010-2-24 22:11:31

    我也得好好学习一下了。

    diyidu 于 2010-2-25 10:10:29 回复
    呵,多注意就是了。

  18. 李超
    #18 李超 回复该留言 2010-2-25 21:49:10

    平时注重的比较少,如果能有什么东西让这些东西方便做到也是不错的。

    diyidu 于 2010-2-25 22:57:05 回复
    恐怕没有这种东西啊,都是人工手动的。

  19. 石头博客
    #19 石头博客 回复该留言 2010-2-26 7:52:48

    确实是很简单而绝大多数博主没有关注的细节。特别是alt标签!

    diyidu 于 2010-2-26 8:52:19 回复
    是啊,细节处见分晓。

  20. 小武
    #20 小武 回复该留言 2010-2-26 10:25:10

    图片加alt属性我老忘。。。

    diyidu 于 2010-2-26 14:27:48 回复
    这个要牢记呵,很重要。

  21. 小辉网
    #21 小辉网 回复该留言 2010-2-26 10:39:13

    看来浏览器还是符合web标准最好,呵呵。

    diyidu 于 2010-2-26 14:28:45 回复
    WEB标准现在是主流,所以你说的是对的。

  22. 思维空间
    #22 思维空间 回复该留言 2010-2-26 18:55:12

    这方面还得多多学习。。

    diyidu 于 2010-2-26 22:30:18 回复
    是啊,多了解一些有好处的。

  23. 韩寒博客
    #23 韩寒博客 回复该留言 2010-2-27 12:46:33

    博主说的很对,也很专业,人人都知道,但是谁真正去做了呢?我个人就没做到。

    diyidu 于 2010-2-27 17:38:21 回复
    是吗?那就多注意点。

  24. 秋天一棵树
    #24 秋天一棵树 回复该留言 2010-2-27 15:18:44

    说起来都是老生常谈,但我就是不懂CSS,当然也不懂xhtml。杯具!

    diyidu 于 2010-2-27 17:39:14 回复
    不用懂这些啦,这都是很基础的问题。

  25. panny
    #25 panny 回复该留言 2010-3-4 11:05:46

    细节就是细细的抓。

    diyidu 于 2010-3-4 11:18:24 回复
    呵,说得对啊。

  26. tt
    #26 tt 回复该留言 2010-3-17 23:36:25

    學習了。。

    diyidu 于 2010-3-18 8:20:09 回复
    多发表看法呵。

此楼已盖到第26层了,目前尚未封顶!