浅谈我的建站经验之导航设置

           博客园的朋友们，大家好，我是新人小雨，刚接触建站不久。下面介绍一下我在建站中遇到的一些问题和体会。
           作为前端开发，需要注意的一方面是布局的可看性，另一方面自然就是优化的科学性。关键词的布置，描述的添加以及标题的设定都是需要去深究的。
      今天借艾菲迪克授权网站的建设为大家分析一些SEO细节问题。

        　　1、关于导航

        　　其实如果不是页面很长的，用户一般都不会点底部导航，所以，我在一开始建站的时候放弃了底部导航。但是不幸的事发生了，我的网站推出一个星期了也没有被收录。
     为此我很郁闷，专门请教了这个问题，他说有可能是因为蜘蛛爬进去了爬不出来，所以很讨厌你的网站吧！一般的底部导航和侧面悬浮导航都是给蜘蛛来爬的。
     而且顶部导航如果设有二级导航的话最好有一个二级页面，这一点，我有一个没做到。


          
           <nav  class="" >
            <ul class="sf-menu">
                   <li><a href="/">首页</a></li>
                   <li class="with_ul"><a href="/about_us/">关于我们</a>
                     <ul>
                         <li><a href="/about_us/#jianjie">企业简介</a></li>            /*例如这里我用的是锚点*/
                         <li><a href="/about_us/#baodao">媒体报道</a></li>   
                     </ul>
                   </li>
                   <li><a href="/protects/">产品介绍</a></li>
                   <li><a href="/service/">优质服务</a></li>
                   <li class="current with_ul"><a href="/information/">企业资讯</a>
                    <ul>
                         <li><a href="/dynamic/">企业动态</a></li>                      /*这里我用的是二级页面*/
                         <li><a href="/health_news/">健康养生</a></li>
                     </ul>  
                   </li>
                   <li><a href="/contact_us/">联系我们</a></li>
                 </ul>
              </nav>

                                                                                     (艾菲迪克授权网站   http://www.aphidicz.com)

        以下是左侧悬浮导航的代码

--------------------------------------------------------------------------------------------------------------------------------------------------------------

 css样式

/** 左侧悬浮 **/
#floatMenu { display:block; width:85px; margin-left:-585px; position:fixed; left:50%; top:132px; _margin-left:-589px; _position:absolute; _margin-top:150px;}
#floatMenu ul { margin-bottom:2px; }
#floatMenu ul.menu1 li a { display:block; font-size:14px; color:#ffffff; border:1px solid #dadcdd; border-left:1px solid #dadcdd; border-right:1px solid #dadcdd; background-color:#626262; text-decoration:none; padding:2px 0px 2px 0; text-align:center; }
#floatMenu ul.menu2 li a { display:block; font-size:14px; color:#666c6a; border-left:1px solid #dadcdd; border-right:1px solid #dadcdd; border-bottom:1px solid #dadcdd; background-color:#ffffff; text-decoration:none; padding:2px 0px 2px 0; text-align:center; }
#floatMenu ul.menu3 li a { display:block; font-size:14px; color:#666c6a; border:1px solid #dadcdd; border-left:1px solid #dadcdd; border-right:1px solid #dadcdd; background-color:#ffffff; text-decoration:none; padding:2px 0px 2px 0px; }
#floatMenu ul li a:hover { color:#fff; background-color:#8b9491; }



htm代码
<div id="floatMenu">
        <ul class="menu2">
        <li><a href="http://www.aphidicz.com/" style="color:#fff; background-color:rgb(115, 115, 115);" >艾菲迪克</a></li>
    
        <li><a href="#">健康养生</a></li>
        <li><a href="#">媒体报道</a></li>
        <li><a href="#">产品介绍</a></li>
        <li><a href="#">在线订购</a></li>
        <li><a href="#">常见问题</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="#" target="_blank" rel="nofollow">正品验证</a></li>
        <li><a href="#" style="color:#F00;" >退换保障</a></li>
        <li><a href="#" style="color:#F00; " >发票制度</a></li>
        <li><a href="#" style="color:#F00;" >用户协议</a></li>
        </ul>
</div>



------------------------------------------------------------------------------------------------------------------------------------------------------------------


        　　2、其实不用纠结于网站是否被快速收录的问题

        　　一个网站要做好SEO，重要的是实现尽可能多的收录，这些收录要求稳定且高质量，不要以为随便什么外链就算了，垃圾外链或者死链对网站也是一种伤害。
一般的新站上线了，需要每天发两三个外链来吸引蜘蛛就可以了，不要做多，贪多嚼不烂。可以尝试去站长工具那里搜索相关产业的优质网站的外链都是在那里发的，从而推测自己
以后的外链方向！

转载于:https://www.cnblogs.com/aphidic/p/3588261.html