创建磨途歌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="磨途歌">
            磨途歌 &mdash; 我有一个梦想,虽然很遥远,但我已升帆起航。
        </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="磨途歌 &mdash; 磨延城的博客 - 专注技术研究,分享生活体验">
            磨途歌 &mdash; 磨延城的博客 - 专注技术研究,分享生活体验
        </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="磨途歌 &mdash; 画廊">
            磨途歌 &mdash; 画廊
        </a>
    </div>
</body>
</html>



    评论:

    1. 暂无评论...
    2. 我来说两句:

        切换  

      磨途歌检测发现,您当前使用的浏览器版本过低,要想使用画板模式,请先更新浏览器

        切换  

      磨途歌随机验证码