设为首页  |  收藏本站
Tags标签  |  Rss订阅
  • 您的位置  >> SEO文库 >> SEO基础之上的网页设计制作

    SEO基础之上的网页设计制作

  • 发布:叶威 | 分类:SEO文库
  • 对搜索引擎友好的网页设计制作
    一般的网页设计都由网页设计师完成。设计师设计网站往往仅从美观、创意和易用的角度考虑，这对于一个期望获得搜索引擎排名优秀的商业网站来说，已经远远不够了，网站策划人员至少应该为设计师递交一份需求备忘录，提醒在设计中需要配合和注意的环节。

    目录结构和URL
    URL是统一资源定位，即每个网页的网址、路径。网站文件的目录结构直接体现于URL。清晰简短的目录结构和规范的命名不仅有利于用户体验和网址传播，更是搜索引擎友好的体现。

    目录层次：
    对于一个小型网站来说，一般只有一层子目录，如下：
    http://www.asp100.cn/seo/wangzhanjsjq.html
    www.asp100.cn是域名，seo是一级目录名，wangzhanjsjq是文件名。
    对搜索引擎而言，这种单一的目录结构最为理想，即扁平结构（Flat）。

    而对规模大一些的网站，往往需要二到三层子目录。象这样：
    http://www.asp100.cn/dir1/dir2/dir3/page.htm
    搜索引擎还是会去抓取二到三层子目录下的文件，但最好不要超过3层，如果超过4层，象以下这个页面，搜索引擎就很难去搜索它了：http://www.asp100.cn/dir1/dir2/dir3/dir4/page.htm

    当然，以下情况下，即使深入第四层甚至更深层次的页面，也同样能被搜索到：

    1、如果该页提供了重要内容，有大量来自其它网站的外部链接（Inbound Links）；

    2、如果在首页上增加一个该页的链接，可以通过首页直接到达，搜索Spider还是可以轻易地找到它；

    3、如果有其它网站在顶级页面上链接了该页，其效果就好似你在自己的首页上做了该链接。

    此外，图形、脚本、CGI-BIN和CSS样式表则各自建立专门的目录收入其中，一般不放在根目录下。

    目录和文件命名：

    根据关键字无所不在的原则,可以在目录名称和文件名称中使用到关键词。但如果是关键词组,则需要用分隔符分开。我们常用连字符"-"和下划线"_"进行分隔，URL中还经常出现空格码"%20"。因此，如果以"中国制造"作文件名,就可能出现以下三种分隔形式：
    made-in-china.htm
    made_in_china.htm
    made%20in%20china.htm

    但事实上，至少在目前Google并不认同"_"为分隔符。对Google来说， made-in-china和made%20in%20china都等于made in china，但made_in_china就被读成了madeinchina，连在一起之后，关键词就失去了意义。

    因此，目录和文件名称如果有关键词组，要用连字符"-"而不是下划线"_"进行分隔。

    URL应该越短越好。有人为了单纯增加关键字而额外建多一个带有关键字的子目录，改变目录结构。由于URL中含有关键字本身对排名提高帮助并不大，因而这种做法多此一举，也是搜索引擎反感的。

    绝对URL和相对URL：

    绝对URL：即网页路径使用包含顶级域名在内的完整的URL。
    如：www.asp100.cn/page1/index.html是一个绝对路径，其中/page1/index.html则为相对路径，由浏览器自动在该链接前加上www.asp100.cn。

    总体上，Google在排名时并不在意URL使用的是相对路径还是绝对路径。 动态URL： 目前很多网站都有数据库驱动生成的URL，即动态URL，往往表现为在URL中出现"?"、"="、"%"，以及"&"、"$"等字符。动态URL极不利于搜索引擎抓取网页，严重影响网站排名，通常是通过技术解决方案将动态URL转化成静态的URL形式，如：
    将http://www.asp100.cn/messages.php?id=2&type=5 转化为http://www.asp100.cn/messages/2/5/ 下文将会专门提到动态URL的解决方案。

    导航结构
    网站导航是对引导用户访问网站的的栏目、菜单、在线帮助、布局结构等形式的统称。其主要功能在于引导用户方便地访问网站内容，是评价网站专业度、可用度的重要指标。同时对搜索引擎也产生诸多提示作用。概括地讲，网站在导航方面应注意以下几点：

    1、主导航醒目清晰
    主导航一般体现为一级目录，通过它们用户和蜘蛛程序都可以层层深入访问到网站所有重要内容。因此主栏目必须在网站首页第一屏的醒目位置体现，并最好采用文本链接而不是图片。

    2、"面包屑型(Breadcrumbs)"路径
    所谓"面包屑"是比喻用户通过主导航到目标网页的访问过程中的路径提示，使用户了解所处网站中的位置而不至于迷失"方向"，并方便回到上级页面和起点。路径中的每个栏目最好添加链接。

    如下： 网信设计： 网信日志 > 技术资讯 > 网络营销

    即使没有详细的路径来源，也至少应该在每个子页面提示回首页的链接，包括页面的LOGO作链接。

    3、首页突出重要内容
    除了主栏目，还应该将次级目录中的重要内容以链接的方式在首页或其它子页中多次呈现，以突出重点。搜索引擎会对这种一站内多次出现的链接给予充分重视，对网页级别（PageRank）提高有很大帮助，这也是每个网站首页的网页级别一般高于其它页面级别的重要因素，因为每个子页都对首页进行了链接。

    4、使用网站地图
    网站地图（Site Map）是辅助导航的手段，最初是为用户设计，以方便用户快捷到达目标页。良好的网站地图设计常常以网站拓扑结构体现复杂的目录关系，具有静态、直观、扁平、简单的特点。多采用文本链接，不用或少用修饰性图片，以加快页面加载速度。以上特点符合搜索引擎友好的要求，因此网站地图在SEO中也有重要的意义。尤其对于那些采用图片导航和动态技术生成的网页，通过在网站地图中进行文本链接，可在一定程度上弥补蜘蛛程序无法识别图片和动态网页造成的页面不可见的风险。

    需要注意，网站地图也要突出重点，尽量给出主干性内容及链接，而不是所有细枝末节。一页内不适宜放太多链接。Google明确提出"如果网站地图上的链接超过大约 100 个，则最好将网站地图拆成多个网页"。

    工具推荐：
    Xenu：http://home.snafu.de/tilman/xenulink.html 生成网站地图
    框架结构
    框架结构，即帧结构（Frame）网页表现为一个页面内的某一块保持固定，其它部分信息可以通过滚动条上下或左右移动显示，如左边菜单固定，正文信息可移动，或者顶部导航和LOGO部分保持固定，其它部分上下或左右移动。我们的邮箱通常都采用框架建构。框架型网页的另一个表现是，深层页面的域名通常不会在URL中体现出来，即使进入深层子页面，浏览器显示出来的URL仍然是主页的URL。

    框架型网站的优越性体现在页面的整体一致性和更新方便上。尤其对于那些大型网站而言，框架结构的使用可以使网站的维护变得相对容易。但框架对搜索引擎来说是一个很大的问题，这是由于大多数搜索引擎都无法识别框架，也没有什么兴趣去抓取框架中的内容。此外，某些浏览器也不支持框架页面。

    如果网页已经使用了框架，或出于某种原因一定要使用框架结构，则必须在代码中使用"Noframes"标签进行优化，把Noframe标签看做是一个普通文本内容的主页。在区域中包含指向frame页的链接以及带有关键词的描述文本，同时在框架以外的区域也出现关键词文本。这样，搜索引擎才能够正确索引到框架内的信息。

    还有一个办法是采用iframe即内联框架(Inner Frame)技术来避免Frame带来的不便。所谓iframe也是框架的一种形式，它是相当于在主浏览器窗口中内嵌一个子窗口，内容自动打开。iframe可以嵌在网页中的任意部分，也可以随意定义其大小，其代码显示为：

    对搜索引擎来说，iframe中的文字是可见的，也可以跟踪到其中链接指向的页面，不过与用户所见不同的是，搜索引擎将iframe内容看成单独的一个页面内容，与被内嵌的页面无关。
    图像优化
    一般而言，搜索引擎只识读文本内容，对图像是不可见的。同时，图像文件直接延缓页面加载时间，如果超过20秒网站还不能加载，用户和搜索引擎极有可能离开你的网站。因此，除非你的网站内容是图片为主，比如游戏站点或者图片至关重要，否则尽量避免使用大图片，更不要采用纯图像制作网页(SPLASH PAGE)。

    网站图片优化的核心有两点：增加搜索引擎可见的文本描述，以及在保持图像质量的情况下尽量压缩图像的文件大小。
    Alt属性：
    每个图像标签中都有ALT属性，搜索引擎会读取该属性以了解图像的信息。因此，最好在所有插图的ALT属性中都有文字描述，并带上该页关键字在其中。
    如：www.asp100.cn的主页LOGO部分代码为：



    文本说明：
    除了ALT属性文字，还可以考虑以下方法直接优化图像，使之被搜索到：
    1、在图片上方或下方加上包含关键词的描述文本；
    2、在代码中增加一个包含关键词段的heading标题标签，然后在图片下方增加文字描述。
    3、在图片下方或旁边增加如"更多某某"链接，包含关键词。
    4、创建一些既吸引用户又吸引搜索引擎的文本内页，先把流量吸引到这些页面，再提供文本链接指向你的图片页面。

    总体上，网页应尽量减少装饰性图片以及大图片。而Alt属性中的文字对搜索引擎来说，其重要性比正文内容的文字要低。

    Gif和JPGE图像优化：
    Alt属性和文本说明都只是对图像之外的文本环境进行优化，下面简单谈谈对图片本身的优化处理。对图片文件优化的目的是在尽量不影响图像画面效果的情况下，将其文件大小降到最低，以加快页面整体下载速度。

    网页图片格式主要有GIF和JPGE两种形式。一般来讲，GIF适用于线图和企业标识；JPEG适宜照片元素的格式。主要通过减少GIF颜色数量、缩小图片尺寸和降低分辩率来缩小文件，也可以采用层叠样式表达到优化的目的。PhotoShop的版本越高越适用于网络图形。此外，将大图片切割成若干小图片于不同的表格区间内进行拼接，也可以相对加快下载时间。

    工具推荐（英文）：
    www.xat.com/internet_technology/download.html （图片优化工具）
    FLASH优化
    FLASH优化：
    由于FLASH优美的视觉效果和广阔的创意空间，FLASH技术在网页设计和网络广告中的应用非常广泛，很多网站首页甚至全部用FLASH设计。但FLASH网页有一个非常致命的问题，即大部分搜索引擎无法识别FLASH中的信息。Google也只能检索到部分Flash文件中的内嵌链接。
    以下列举一个制造机电设备的企业网站首页的代码，用FLASH制作，请注意是否可以看见有意义的文本：
    如无特别说明，转载请注明来自网站推广网，谢谢
    Tags: 网站建设  站内优化  SEO教程  SEO技巧  搜索引擎  
  • 上一篇：« 网站建设中的动态网页优化技巧
    下一篇：搜索引擎优化过程中应注意的几点 »
版权所有:ASP100(网站推广网) 中国领先的网站优化服务商
2004-2010 ASP100.cn All Copyright