创建磨途歌html百度地图
[文章作者：磨延城 转载请注明原文出处： https://mo2g.com/view/34/ ]
有种观点认为：网站地图对SEO优化非常有帮助.我觉得,只要没坏处,就可以尝试做一个.花了点时间,研究了一下谷歌地图与百度地图的做法,在此分享给需要的朋友.
有种观点认为：网站地图对SEO优化非常有帮助。磨途歌觉得，只要没坏处，就可以尝试做一个。花了点时间，研究了一下谷歌地图与百度地图的做法，在此分享给需要的朋友。
谷歌地图的做法请看这篇博客《创建xml谷歌地图》。
html格式的百度地图比较好做，其实就是一个很简单列出所有博客链接（一个地图最大包含50000个链接），给蜘蛛爬的，界面不用很炫，只要有点Html基础，就能做出网站地图。
下边贴出磨途歌用的百度地图模版，使用效果请看这里磨途歌-百度地图，有需要的可以拿去修改使用。
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="磨途歌" />
<meta name="robots" content="index,follow" />
<title>磨途歌-网站地图</title>
<style type="text/css">
body {
background-color: #FFFFFF; margin:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
h1 {
min-width:400px;
width:100%;
color:#0099CC;
}
.intro {
background-color:#E8F3FF;
border:1px #2580B2 solid;
padding:15px 10px 15px 10px;
margin:10px 0px 10px 0px;
line-height:20px;
min-width:300px;
width:99%;
text-align: center;
}
ul {
float:left;font-size:11px;
list-style:none;
margin:10px 0px 10px 0px;
padding:0px;
width:33%;
}
li {
list-style-type:none;
height:20px;
line-height:20px;
}
.hot {width:100%}
.hot li {
float:left;
width:45%
}
.clearboth {clear:both}
</style>
</head>
<body>
<h1>步途坎坷,磨者独行,悠悠长歌觅知音.</h1>
<div class="intro">
<a href="主页链接地址" title="磨途歌">
磨途歌 — 我有一个梦想，虽然很遥远，但我已升帆起航。
</a>
</div>
<!-- 推荐日志 -->
<ul class="hot">
<li><b>博客推荐</b></li>
<div class="clearboth"></div>
<!-- 循环输出博客推荐 start -->
<li><a href="推荐地址" title="博客标题">博客标题</a></li>
<!-- 循环输出博客推荐 end-->
</ul>
<div class="clearboth"></div>
<div class="intro">
<a href="博客主页地址" title="磨途歌 — 磨延城的博客 - 专注技术研究,分享生活体验">
磨途歌 — 磨延城的博客 - 专注技术研究,分享生活体验
</a>
</div>
<!-- 日志导航 -->
<ul>
<li><b>博客分类</b></li>
<!-- 循环输出博客分类 start -->
<li><a href="分类链接地址" title="分类名">分类名</a></li>
<!-- 循环输出博客分类 end -->
</ul>
<!-- 日志标签 -->
<ul>
<li><b>博客标签</b></li>
<!-- 循环输出博客标签 start -->
<li><a href="标签链接地址" title="标签名">标签名</a></li>
<!-- 循环输出博客标签 end -->
</ul>
<!-- 日志 -->
<ul>
<li><b>博客列表</b></li>
<!-- 循环输出博客列表 start -->
<li><a href="博客链接地址" title="博客标题">博客标题</a></li>
<!-- 循环输出博客列表 end -->
</ul>
<div class="clearboth"></div>
<div class="intro">
<a href="画廊链接地址" title="磨途歌 — 画廊">
磨途歌 — 画廊
</a>
</div>
</body>
</html>上一篇：创建磨途歌xml谷歌地图
我来说两句: