当前位置:厦门seo » seo入门教程 » SEO教程第64课:网站导航优化设计与网站地图制作

SEO教程第64课:网站导航优化设计与网站地图制作

日期: 2017-08-26   

网站导航相当于一个网站的门牌号,一个合理的导航能让用户对号落座,快速获取自己想要的知识。蜘蛛也便如此,提高网站本身的收录质量。所以我们在设计网站导航显得尤其重要,今天我们相主要介绍下一个网站导航该怎么去优化。

  1. 网站导航优化设计

  2. 网站制作xml/html网站地图

1 网站导航优化设计

1.1 问题

网站的链接建设对于网站权重的提升以及网站收录的增加,亦或是网站关键词的排名上升都是有帮助的,怎么合理的建设网站内部链接呢,在内部链接中“网站的导航”又如何优化呢?

1.2 方案

同一个网站域名下的内容页面之间的相互链接称之为站内链接。链接的作用对于网民来说是不言而喻的,网民可以通过站内链接方便及时的了解站内有可能更深层次的内容。除了对于网民起到浏览网站的作用外,同样对于搜索引擎抓取网站也起到了至关重要的作用。站内链接,给蜘蛛多个路径爬行,如相关文章推荐。同样也解决了文章页更新机制的问题,可以提高网站收录效率。提高页面权重,推动网站排名。除此之外,有助于PR传递,如导航页面。网站导航就是用来给用户和搜索引擎引路的,导航做不好,有些页面,搜索引擎找不到,用户也找不到。导航内容布置,采取关键词部署。将突出核心关键词或拓展关键词部署在导航中。网站的导航形式不止全局导航一种,比如面包屑导航,网站底部导航等,同样在链接优化中起到关键作用。

1.3 步骤

此案例需要按照如下步骤进行。

步骤一:导航作用

  • 便于搜索引擎的抓取网页。
  • 具有权重传递功能,首页权重传递给内页,内页链接首页,再把权重传递给首页。
  • 影响用户体验,清晰的导航大大增强用户的好感。

步骤二:导航形式

  • 全局导航 ,如图-1所示:
1
图-1

  • 面包屑导航 (位置导航),如图-2所示:
2
图-2

  • 次导航(产品导航/快捷导航等),如图-3所示:
3
图-3

  • 相关导航(内页),如图-4所示:
4
图-4

  • 底部导航,如图-5所示为某影楼家具网站底部导航。
5
图-5

步骤三:导航优化

1、对导航采取特殊的关键词部署

  • 突出核心关键词或拓展关键词。如“新闻中心”改成“环保新闻“或“金融新闻”,体现专业关键词。或者也可包含公司名关键词。如“关于我们”改为“关于网易”等。需要强调的是,不要为了增加关键词而使导航失去可浏览性,比如导航栏目字数相差加大,或加入过长的长尾词等。
  • 2、突出转化率较高的关键词。如增加”如何创业“、”小本创业项目“这样的栏目名称。如图-6所示:
6
图-6

2、导航格式链接要求

  • 导航尽量采用文字导航,不要采用图片或Flash。因为搜索引擎无法抓取图片或Flash的内容。如何查看是否是文字导航呢?可查看网页源文件,如图-7所示。搜索引擎抓取页面时,实际上是抓取的网页源文件,只要在源文件中出现了导航内的文字即可。
7
图-7

  • 首页导航:链接控制在40个以内,均为新开窗口打开链接。
  • 频道导航:指向本频道栏目的链接,采用当前页打开;指向其他频道的链接,采用新开窗口。
  • 栏目页导航:可与当前频道首页导航一致。需设置面包屑(位置)导航。
  • 终端页:需设置面包屑(位置)导航。打开本域名相关文章链接,可采用当前页打开。打开其他域名链接,采用新开窗口。
  • 专题页导航:仅列出重点频道即可。均为新开窗口打开链接。并且需有“网站导航(网站地图)”链接。

步骤四: SDCMS内容管理系统网站底部导航优化

1、【SD后台】--【界面】--【模板管理】--【sdcms_foot.asp底部模板】。如图-8所示:

8
图-8

2、根据图-9所示,更改底部链接。例如,将图中底部导航更改为包含某影楼家具网站的关键词。

9
图-9

  • 将“网站首页”改为“影楼家具”。
  • 手动将以下代码删除。位置位于“网站首页”之后。此代码代表调用导航。
  1. {sdcms:rs top="10"
  2. table="sd_category" where="followid=0 and modeid=-1" order="ordnum,cateid"}
  3. | <a href="{$rs[link]}">{$rs[catename]}</a>{/sdcms:rs}
  • 将带有网站关键词的链接代码手动输入到“网站首页”后。代码形式如下:
  1. <a href="http://www.XXX.com/category/yinglouzhuozi/" title="影楼桌子">影楼桌子</a> |
  2.     <a href=" http:/ www.XXX.com/category/yinglouguizi/" title="影楼椅子">影楼椅子</a> |
  3.     <a href="http:// www.XXX.com/category/huazhuangtai/" title="影楼化妆台">影楼化妆台</a> |
  4.     <a href=" http:// www.XXX.com/yingloushafa/" title="影楼沙发">影楼沙发</a> |
  5.     <a href=" http:// www.XXX.com/category/20121126135610/ " title="影楼角几">影楼角几</a> |

注意:网站底部导航中的关键词,可以是网站首页核心关键词,也可以是网站栏目页面关键词,只要每个关键词的链接指向相应的页面即可。

  • 更改操作如图-10所示:
10
图-10

  • 网站底部导航效果如图-11所示:
11
图-11

步骤五:Zblog博客底部导航优化

【Zblog后台】--【网站设置管理】--【版权说明】,添加网站底部导航代码,代码如下:

  1. <a href="http://www.XXX.com/>影楼家具</a>
  2. <a href="http://www.XXX.com/category/yinglouzhuozi/" title="影楼桌子">影楼桌子</a> |
  3.     <a href=" http:/ www.XXX.com/category/yinglouguizi/" title="影楼椅子">影楼椅子</a> |
  4.     <a href="http:// www.XXX.com/category/huazhuangtai/" title="影楼化妆台">影楼化妆台</a> |
  5.     <a href=" http:// www.XXX.com/yingloushafa/" title="影楼沙发">影楼沙发</a> |
  6.     <a href=" http:// www.XXX.com/category/20121126135610/ " title="影楼角几">影楼角几</a> |

操作如图-12所示:

12
图-12

步骤六:Zblog博客面包屑导航优化

面包屑导航需要加在分类页面和文章页面中。

1、分类页面添加面包屑导航

  • 【Zblog后台】--【文件管理】--【当前模板】--【TEMPLATE】--【catalog.html分类页模板】。
  • 面包屑导航添加的位置应该在导航与分类列表之间,如图-13箭头所示:
13
图-13

  • 在模板代码中找到<#template:article-multi#>,此代码代表分类列表。只需将面包屑导航置于此代码之前即可。
  • 面包屑导航代码如下:
  1. <a href=http://www.xxx.com/blog/>网站首页</a>&gt;<#BlogTitle#>
  • 操作如图-14所示:
14
图-14

  • 文章重建后,效果如图-15所示:
15
图-15

2、文章页面添加面包屑导航

  • 【Zblog后台】--【文件管理】--【当前模板】--【TEMPLATE】--【single.html文章页模板】。
  • 面包屑导航添加的位置应该在导航与文章之间,如图-16箭头所示:
16
图-16

  • 在模板代码中找到<#template:article-single#>,带代码代表文章内容,只需将面包屑导航代码置于此代码之前即可。
  • 面包屑导航代码如下:
  1. <a href=http://www.xxx.com/blog/>网站首页</a>&gt;
  2. <a href=<#article/category/url#>” title=<#article/category/name#>>
  3. <#article/category/name#></a>&gt;<#BlogTitle#>
  • 操作如图-17所示:
17
图-17

  • 文章重建后,效果如图-18所示:
18
图-18

2 网站制作xml/html网站地图

2.1 问题

网站的链接建设对于网站权重的提升以及网站收录的增加都是有帮助的,尤其是网站地图,可以告知搜索引擎网站内部都有哪些页面,使搜索引擎一目了然,并且优先抓取设定页面,那么如何制作网站地图呢?

2.2 方案

了解什么是网站地图,种类及其重要性。并利用工具生成网站地图,上传至远程空间。

2.3 步骤

此案例需要按照如下步骤进行。

步骤一:了解网站地图

网站地图是一个网站所有链接的页面,是根据网站的结构、框架、内容,生成的导航网页文件。网民在访问网站的时候,如无法找到所需信息,可以通过网站地图来及时方便的找到所需。同样,搜索引擎也喜欢网站地图,可以通过网站地图快速的抓站内页面。

步骤二:网站地图的形式

网站地图形式分为:XML地图和 HTML地图。

1、XML地图是给搜索引擎看的,告诉搜索引擎有哪些网页,及更新频率,帮助搜索引擎更好的抓取网站。一般命名为sitemap.xml,存放在空间根目录下。Google更加重视该地图文件。如图-19所示:

19
图-19

XML标签:

  • Changefreq:页面内容更新频率。
  • Lastmod:页面最后修改时间 。
  • Loc:页面永久链接地址 。
  • url:相对于前4个标签的父标签 。
  • Urlset:相对于前5个标签的父标签。

2、HTML网页地图可以有效提高用户体验,帮助网民快速有效的找到所需。同时也为为搜索引擎建立一个良好的导航结构。百度更加重视该地图文件。如图-20所示。网站中所有页面都有指向网站地图的链接(网页顶部或底部)。

20
图-20

HTML网页地图分为横向和纵向。横向为频道、栏目、专题,体现网站内容结构,如图-19所示。纵向主要针对关键词(如Tag标签页),如图-21所示:

21
图-21

步骤三:Zblog博客网站地图制作

1、xml网站地图制作

  • 具体操作 【Zblog后台】--【插件管理】--【获得更多插件】--【sitemap6.0】--【安装并启用插件】,如图-22所示:
22
图-22

  • 启用后网站根目录下即可生成xml网站地图。访问地址:http://www.xx.com/sitemap.xml。由于案例中Zblog是安装在SDCMS的blog文件加下,所以网站地图访问地址是:http://www.xx.com/blog/sitemap.xml。如图-23所示,网站后期如再添加文章,xml地图会自动更新,不需要再手动生成。
23
图-23

2、HTML网页地图制作

  • 具体操作 【Zblog后台】--【插件管理】--【获得更多插件】--【Archiver 无图版浏览 v1.4】--【启用插件】--【激活】,如图-24所示:
24
图-24

  • 强调,请点击“更新生成单页式列表“,生成HTML网页地图。如图-25所示:
25
图-25

  • 点击“更新生成单页式列表“后,会在Zblog安装根目录下生成/archiver/文件夹,HTML网页地图就在此文件夹下。访问地址:http://www.xx.com/blog/archiver/。如图-26所示:
26
图-26

  • 强调:HTML网页地图,在网站增加新的文章时,需手动更新生成新的网站地图。点击“更新生成单页式列表“即可。

3、tags地图:Zblog网站可以自动生成tags地图,无需再添加插件。访问地址:http://www.xx.com/blog/tags.asp。

4、添加网站地图链接。无论是HTML网页地图还是xml网站地图亦或是tags地图,都可添加到网页中。如将网站地图添加在Zblog网页底部导航中。网站底部导航添加位置是在【Zblog后台】--【网站设置管理】--【版权说明】处。如图-27所示:这样Zblog全站底部都会出现网站地图。

27
图-27

步骤四:SDCMS网站地图制作

SDCMS内容管理系统不提供网站地图生成的插件,所以,如需给SDCMS网站制作网站地图,需要借助第三方工具来完成。常用工具:

  • http://cn.sitemapx.com/
  • http://www.sitemap-xml.org/
  • http://www.xml-sitemaps.com

1、利用http://www.xml-sitemaps.com生成网站地图。此工具可以一次生成HTML和xml等多种格式的网站地图。如图-28所示:

28
图-28

2、下载生成的网站地图。如图-29所示:

29
图-29

3、将网站地图上传至网站根目录。如图-30所示:

30
图-30

4、网站底部导航添加网站地图链接。【SD后台】--【界面】--【模板管理】--【sdcms_foot.asp底部模板】,更改网站地图链接,代码如下,添加效果如图-31所示:

  1. <a href="www.XXX.com/sitemap.xml">网站地图</a>
  2. <a href="www.XXX.com/sitemap.html">网站地图</a
31
图-31

5、无论哪种工具生成的网站地图,需时常更新,将生成更新生成的网站地图上传至网站根目录。

步骤五:提交网站地图

在线提交网站地图给百度和谷歌,加快收录。

1、百度地图提交地址:http://www.baidu.com/search/url_submit.html,如图-32所示:
32

图-32

2、Google提交地址:

https://www.google.com/webmasters/tools/dashboard?hl=zh-CN,如图-33所示:

33
34图-33

留下评论

你需要先 登陆 才能留下评论 。