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

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

    1.代码规范编写的问题

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

    2.关键字的位置及其他

    网页设计过程中,每个页面的关键字应尽可能出现在页面标题的位置,即Title标签中。要尽量在每个页面代码中合理使用<h1>、<h2>等标签,让内容中最有价值的关键字出现在<h1>标签里……

阅读全文 »

6个值得收藏的图标搜索引擎

    如果您是一位WEB界面设计人员,如果您正在为界面图标的设计缺少灵感而发愁,如果您同时希望能找到合适的、现成的图标以减轻您的设计负担……那么,恭喜你了,这一篇日志或许可以帮上您的忙!在哪里能找到您想要的图标呢?没错!有大量的相关资源站点也许可以为您办到,但一个个去找会不会很麻烦呢?在这里,我将向您推荐6个比较好的、真正有助于您的设计工作的图标搜索引擎。

    1.IconFinder

6个值得收藏的图标搜索引擎

阅读全文 »

6个比较常用的文字特效代码分享

    文字特效显示运用得当,在网页设计中能起到积极的作用:如避免网页的单调性,改善用户体验等。因而,不少设计师看中了它,大做文章。但可惜的是,目前比较常用且实用的文字特效其实并不多,除了像“关键词高亮显示”等比较“强悍”以外,其他基本上是一些相对细节的玩意儿了,从功用的角度来说,或许花俏了点。但不论如何,应该还是有人喜欢的吧?我今天抽空整理出了6个,与大家分享下。

    1.JS实现title及alt提示的个性化


提示:您可以先修改部分代码再运行

阅读全文 »

Web设计师须知的10项SEO技巧

    如今,Web设计师在设计Web外观与风格的同时,往往还负责了前端代码的编写。换句话说,SEO的相当一部分责任是落在他们肩上的。然而,大量的Web设计师对SEO的熟悉程度仍不足以让他们写出一个符合要求的Web。这一现象决定了本文存在的意义,一篇旨在为普通Web设计师提高SEO技巧提供一些重要窍门的日志诞生了!

    1.让代码变得更美,为设计创设环境
    搭建Web前端的时候,尽可能使用有语义的code。用描述性的标签来组织页面结构,可以提高内容对搜索引擎的可读性。这也会让页面修饰的工作变得更加简单、干净。

    2.有分寸地使用关键字
    通常所说的关键字是指描述主要内容的词语。有策略地在Web中安插关键字是很重要的,例如在URL、标题标签(title tag)以及主要的抬头标签(heading tag)中……

阅读全文 »

2个符合Web标准的布局模板分享

    如题。这两个模板都采用了div+css的书写规则,并且其css皆已通过了W3C的验证。低一度在原设计的基础上,已对代码做了进一步的优化,且略微调整了布局结构,使之更加美观,更符合大众的审美口味。因此,如果您已具备一定的技术能力,并懂得制作程序模板或设计web的话,那么您可以试着将两个模板的框架结构套用到zb、pj、wp、bo等博客程序的theme上,或单独搭建、设计一个简单的站点。正所谓:“依葫芦可画瓢”,有了模板框架的参考,相信你做起来一定能事半功倍。OK,先看预览——

阅读全文 »