?????????? 博客園的朋友們，大家好，我是新人小雨，剛接觸建站不久。下面介紹一下我在建站中遇到的一些問題和體會。
?????????? 作為前端開發，需要注意的一方面是布局的可看性，另一方面自然就是優化的科學性。關鍵詞的布置，描述的添加以及標題的設定都是需要去深究的。
????? 今天借艾菲迪克授權網站的建設為大家分析一些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，重要的是實現盡可能多的收錄，這些收錄要求穩定且高質量，不要以為隨便什么外鏈就算了，垃圾外鏈或者死鏈對網站也是一種傷害。
一般的新站上線了，需要每天發兩三個外鏈來吸引蜘蛛就可以了，不要做多，貪多嚼不爛?？梢試L試去站長工具那里搜索相關產業的優質網站的外鏈都是在那里發的，從而推測自己
以后的外鏈方向！

轉載于:https://www.cnblogs.com/aphidic/p/3588261.html

總結

以上是生活随笔為你收集整理的浅谈我的建站经验之导航设置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。