对搜索引擎友好的设计

来自站长百科
跳转至: 导航、​ 搜索

具有扁平化结构的网站更适于搜索引擎机器人爬行,从而能使网站在搜索引擎里有一个好的收录表现。如何来理解网站结构的扁平化?这主要取决于网站的物理结构和逻辑结构规划。一般来说访问用户通过少于4次的点击数到达最终内容页面的网站结构是符合扁平化的要求的。

目录结构[ ]

清晰简短的目录结构和规范的命名不仅有利于用户体验和网址传播,更是搜索引擎友好的体现。

目录访问层次[ ]

即通过几层能够访问到最终页面,Google 最好为三层。

以 http://www.zzbaike.com/为例。

http://www.zzbaike.com/首页为第一层,http://www.zzbaike.com/wiki为第二层,http://www.zzbaike.com/wik/wordpress为第三层。

这样的结果便于搜索引擎索引,http://www.zzbaike.com/wiki这个页面在百度Google 里面都有收录。 当网站目录层次大于三层,这个时候就要使用二级域名的方式扩大级数,因为二级域名算独立网站,目录层次从当前二级域名算起。

例如:站长百科论坛,bbs.zzbaike.com

目录和文件命名[ ]

根据关键字无所不在的原则,可以在目录名称和文件名称中使用到关键词。但如果是关键词组,则需要用分隔符分开。我们常用连字符“-”和下划线“_”进行分隔,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:使用完整的URL指向指定网页。
相对路径URL:使用自动的URL指向指定网页。

例如:对指定网页www.yoursite.com/page1/index.html,www.yoursite.com/page1/index.html 为绝对路径,/page1/index.html 则为相对路径。对于相对路径来说,浏览器会自动在该链接前加上“www.yoursite.com”

动态 URL[ ]

目前很多网站都有数据库驱动生成的 URL,即动态 URL,往往表现为在 URL 中出现“?”、“= ”、 “%”,以及“&”、“$”等字符。动态 URL 极不利于搜索引擎抓取网页,严重影响网站排名, 通常是通过技术解决方案将动态 URL 转化成静态的 URL 形式.
例如:
http://www.domain.com/messages.php?id=2&type=5转化为
http://www.domain.com/messages/2/5/
总的来说,URL 应该越短越好,有人为了单纯增加关键字而额外建多一个带有关键词的子目录,改变目录结构。由于 URL 中含有关键字本身对排名提高帮助并不大,因而这种做法多此一举,也是搜索引擎反感的。

导航结构[ ]

主导航醒目清晰[ ]

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

例如:非常代码网 ,导航栏为一级目录。首 页 程序代码(C) 共享软件(S)

面包屑型(Breadcrumbs)路径[ ]

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

例如:外国驻华使馆-天天收藏夹目录

首页 >> 政法军事(27631) >> 国际政治与外交(591) >> 外国驻华使馆(88)

即使没有详细的路径来源,也至少应该在每个子页面提示回首页的链接,包括页面的 LOGO 作链接。良好的目录导航,可以提高网站的流量。

首页突出重要内容[ ]

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

例如:以前很多人使用博客做排名,原因就在于博客首页PR值大,而刚刚更新的博客会出现在首页,如果此时 搜索引擎来索引,收录,对个人博客作用很大,通常能够获得不错的排名。

使用网站地图[ ]

网站地图(Sitemap)是辅助导航的手段,多采用文本链接,以加快页面加载速度。 尤其对于那些采用图片导航和动态技术生成的网页,通过在网站地图中进行文本链接, 可在一定程度上弥补蜘蛛程序无法识别图片和动态网页造成的页面不可见的风险。

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

若页面太多,可以考虑使用前面讲到的二级域名扩展。

框架结构[ ]

框架结构,即帧结构(Frame),包括IFrame,Frame。

例如:框架结构示例,登录好后即框架结构。

<frameset rows="30,1%" frameborder="NO" border="0" framespacing="0" >
   <frame name="mainFrame" src="top.jsp" scrolling="NO">
   <frameset cols="168,1%" frameborder="NO" border="0" framespacing="0">
     <frame name="avdNsVDmJQC7" scrolling="AUTO" src="left.jsp">
     <frame name="rightFrame" scrolling="AUTO" noresize src="right.jsp">
   </frameset>
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
</body>
</noframes>

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

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

图片优化[ ]

一般而言,搜索引擎只识读文本内容,对图片文件是视而不见的。同时,图像文件直接延缓页面加载时间,如果超过 20 秒网站还不能加载,用户极有可能离开你的网站。因此, 除非你的网站内容是图片为主,比如游戏站点或者图片至关重要,否则尽量避免使用大图片, 更不要采用纯图像制作网页(SPLASH PAGE)。

网站图片优化的有三点:

  1. 在保持图像质量的情况下尽量压缩图像的文件大小。
  2. Alt 属性: 每个图像<IMG>标签中都有 ALT 属性,搜索引擎会读取该属性以了解图像的信息。因此,最好在所有插图的ALT属性中都有文字描述,并带上该页关键词在其中。<img align="center" src="hosting.jpg" alt="美国主机服务" >
  3. 在图片上方或下方加上包含关键词的描述文本;
  4. 使用链接链接到这个图片

FLASH优化[ ]

Flash 会使页面很好看,不过FLASH 网页有一个非常致命的问题,即大部分搜索引擎无法识别 FLASH 中的信息。 FLASH 优化可以从以下两个方面来考虑:

  1. 做一个辅助 HTML 版本:
    保留原有 FLASH 版本的同时,还可以设计一个 HTML 格式的版本,这样既可以保持动态美观 效果,也可以让搜索引擎通过 HTML 版本的网页来发现网站。
  2. 将 Flash 内嵌 HTML 文件:
    还可以通过改变网页结构进行弥补,即不要将整个网页都设计成 Flash 动画,而是将 Flash 内容嵌入到 HTML 文件中,这样对于用户浏览并不会削弱视觉效果,搜索引擎也可以从 HTML 代码中发现一些必要的信息,尤其是进入内容页面的链接。

301页面重定向[ ]

搜索引擎往往会把www.parandroid.com和parandroid.com作为两个不同的网站。

由于这样,按通常的网站经验来说,把这两个网址的连接合并在一起被认为是一项还不错的搜索引擎优化措施,它可能可以使你的网页排名得到更高的权重。我之前如果一直是使用Permalink Redirect这个插件来实现把www.paranroid.com的链接全部转向parandroid.com。

这是一个优秀的插件,它是容易使用的。但如果你的网站支持Apache的Mod-rewrite这一模块功能,那你可以用.htaccess这个文件来轻松实现301的重定向,我只需要在.htaccess文件里面写入下面的代码:

Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^domain.com [nc]
rewriterule ^(.*)$ http:// www.domain.com/$1 [r=301,nc]

就可以实现把把有的链接转向到www.domain.com,这样,举个例子来说,如果你的domain.com有2000个链接,www.domain.com有5000个链接,那转向后,你的www.domain.com就有了7000个链接(这一说法是在你国内博客上看到的,但我是不太理解!)

注意: htaccess文件需要放置在需要跳转的网站的根目录下。 你的服务器必器支持Apace的Mod-rewrite,否则既然你使用Wordpress插件也无法完成这一功能,是否支持,你可以向你的主机服务商咨询。

404错误页设置[ ]

网页设计中,出现错误是常见的,但是错误页我们也需要将它制定一个缺省页,使它成为信息页,导引访问者继续访问网站,而不要让它成为空白的“Sorry,你访问的网站不存在”。方法如下:

  1. 设计一张网页,建议和主页的格式保持一致,将这一页命名为404.html。
  2. 然后上传到网站的根目录,如:www.yourdomain.com/404.htm,修改你的.htaccess文档,写入:ErrorDocument 404 http:// www.yourdomain.com/404.htm

上传这个文档到根目录,如果没有这个.htaccess,可以用写字板来写成.htaccess.txt文件,上传,然后,在服务器的文件存放处将.txt这个后缀删除。