搜索优化之友好的网页设计制作

对搜索引擎友好的网页设计制作，一般的网页设计都由网页设计师完成。设计师设计网站往往仅从美观、创意和易用的角度考虑，这对于一个期看获得搜索引擎排名优秀的贸易网站来说，已经远远不够了，网站策划职员至少应该为设计师递交一份需求备忘录，网页设计中需要配合和留意的环节。


　　一、目录结构和URL


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


　　二、目录层次：


　　对于一个小型网站来说，一般只有一层子目录，如下：www.yoursite/dir1/page.htm拆分一下www.yoursite 是域名dir1 是一级目录名page 是文件名。对搜索引擎而言，这种单一的目录结构最为理想，即扁平结（Flat）。而对规模大一些的网站，往往需要二到三层子目录。象这样：www.yoursite/dir1/dir2/dir3/page.htm。搜索引擎还是会往抓取二到三层子目录下的文件，但最好不要超过3层，假如超过4层，象以下这个页面，搜索引擎就很难往搜索它了：www.yoursite/dir1/dir2/dir3/dir4/page.h tm。


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


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


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


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


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


　　三、目录和文件命名：


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


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


　　四、尽对URL和相对URL：


　　尽对URL：即网 页路径使用包含顶级域名在内的完整 的URL 。如：www.yoursite/page1/index.html 是一个尽对路径，其中/page1/index.html 则为相对 路径，由浏览器自动在该链接前加上www.yoursite。总体上，Google 在排名时并不在意 URL 使用的是相对路径还是尽对路径。


　　动态URL：前很多网站都有数据库驱动天生的URL，即动态URL，往往表现为在URL中出现“?”、“=”、“%”，以及“&”、“$”等字符，动态 URL 不利于搜索引擎抓取网页会影响网站排名，通常是通过技术解决方案将动态URL转化成静态的URL形式如：将 www.domain/messages.php?id=2&type=5转化为 www.domain/messages/2/5/


　　五、导航结构：


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


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


　　2、“面包屑型 Breadcrumbs)”路径：所谓“面包屑”是比喻用户通过主导航到目标网页的访问过程中的路径提示，使用户了解所处网站中的位置而不至于迷失“方向”，并方便回到上级页面和出发点。路径中的每个栏目最好添加链接。如下：时代营销：首页 > 网络营销动态 > 特别报道。即使没有具体的路径来源，也至少应该在每个子页面提示回首页的链接，包括页面的 LOGO作链接。


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


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


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


　　工具推荐：Xenu：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 属性中都有文字描述，并带上该页关键字在其中。文本说明：除了 ALT 属性文字，还可以考虑以下方法直接优化图像，使之被搜索到：


　　1、在图片上方或下方加上包含关键词的描述文本；


　　2、在代码中增加一个包含关键词段的 heading 标题标签，然后在图片下方增加文字描述。


　　3、在图片下方或旁边增加如“更多某某”链接，包含关键词。


　　4、创建一些既吸引用户又吸引搜索引擎的文本内页，先把流量吸引到这些页面，再提供文本链接指向你的图片页面。


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


　　九、Gif和JPGE图像优化：


　　Alt 属性和文本说明都只是对图像之外的文本环境进行优化，对图片本身的优化处理。对图片文件优化的目的是在尽量不影响图像画面效果的情况下，我们可以把K值设小，打开的速度就要快些了。将其文件大小降到最低，以加快页面整体下载速度。网页图片格式主要有 GIF 和 JPGE 两种形式。一般来讲，GIF 适用于线图和企业标识，JPEG 适宜照片元素的格式。主要通过减少 GIF 颜色数目、缩小图片尺寸和降低分辩率来缩小文件，也可以采用层叠样式表达到优化的目的。此外，将大图片切割成若干小图片于不同的格区间内进行拼接，也可以相对加快下载时间。


　　FLASH 优化可以从以下三个方面来考虑：


　　1、做一个辅助HTML版本：保存原有 FLASH 版本的同时，还可以设计一个 HTML 格式的版本，这样既可以保持动态美观效果，也可以让搜索引擎通过 HTML 版本的网页来发现网站。


　　2、将Flash内嵌HTML文件：还可以通过改变网页结构进行弥补，即不要将整个网页都设计成 Flash 动画，而是将 Flash内容嵌进到 HTML 文件中，这样对于用户浏览并不会削弱视觉效果，搜索引擎也可以从 HTML代码中发现一些必要的信息，尤其是进进内容页面的链接。即使首页全部动用了 FLASH，也应该将进进内页的关键性按钮/链接置于 FLASH 文件之外，以独立纯文本链接的方式呈现。上文案例将“中文版”链接置于 FLASH 文件中，使得蜘蛛程序一无所获，无法抓取到内页信息。


　　3、付费登录搜索引擎：假如FLASH网站错过了被免费的技术型搜索引擎自动检索的机会，或者搜索结果排名效果不太理想，可以通过付费登录或做搜索引擎关键词广告，同样被用户搜索到。


　　总体上，贸易网站应尽量少用 FLASH，站点间进行广告交换时也要避免采用 FLASH 广?**喜摺?


　　十、表格使用：


　　表格是网页最重要的排版方式。假如某个网页采用了大段的长篇文本，除了可以将一页文天职成多面，还可以考虑将文本置进不同表格中，这样不仅治理方便，也使得该页加载时每个表格内容依次加载，这样访问者就可以一边看已下载内容一边等待剩余部分加载，而不是等待很久之后才一齐加载出来。表格之内套嵌太多表格也不利于页面加载，因浏览器是先加载完大表格之后再加载内嵌的小表格，因此内嵌表格会终极降低整页加载速度。


　　十一、网页减肥：


　　代码设置不妥不仅延长网页加载时间，也严重影响蜘蛛程序对网页内容的抓取。通过对网页代码进行清减（俗称“网页减肥”），往掉臃肿杂乱的代码，减小网页文件大小，能够加快网页加载速度，让蜘蛛快速索引到重要内容正常情况下一个页面的文件大小在 15K 左釉冬最好不要超过 50K。


　　网页减肥重点涉及以下几个要点：


　　CSS 样式：网页制作应通过 CSS（层叠样式表单）来同一定制字体风格，以使代码标准化，避免大量的字体和格式化标签如< h1 >< /h1 >、< font size ×× color ×× >< /font >充斥页面。通过 css 可以控制任何 HTML 标签的风格。例如
,
,
,,,
等，只要在HTML的区内的之间指定对应标签的风格如字体，颜色，大小即可。通过设置，就把文字的字体、字号、颜色、背景色等同一起来，不用对每段文字单独进行格式定义从而减少大量重复性标签。留意把所有 css 文件单独存放在命名为 css 的外部文件中通过设置 CSS 样式，也可以提升导航文本的美观度，达到与图片导航同样优美观的效果，这点尤其提醒网页设计师留意，没有必要将导航条用图片呈现。


　　JavaScript：正常情况下，网页尽量以作为代码的开始端。但采用JavaScript 技术的网页往往在页面一开始就堆积大量 JAVA 代码，以至 META 及关键字迟迟不能出现，被推至页面底部，对搜索引擎很不友好。有两种方法可以使之得以改善：


　　1、将脚本移至页面底部：大部分的 JAVA 代码都可以移到页面结束标签之上，而不影响网站功能。这样就能一开始突出关键词，并加快页面加载时间。


　　2、将 JAVA 脚本置进一个.js 扩展名的文件。包含你的 JavaScript 的.js 文件通常在网站访问者的浏览器中被缓存下来，使得下次访问速度加快，也使得网站修改和维护起来更加方便


　　工具推荐：网页减肥工具：202.99.237.33/softdown/softdoc/net_opt.htm往除网页中多余代码，减小网页。