<p style="line-height: 25.6px;">網站結構是網站內在的體現，也是從根本上影響網站SEO優化的主要因素之一，合理的網站結構，一開始就能把握了排名優化的優先權。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">以下內容從六個方面梳理，一個合理的網站結構應該是怎么樣的。</p><p style="line-height: 25.6px;"><img alt="" src="http://upload-images.jianshu.io/upload_images/7743908-c89be57aeeb835f2.png" data-type="png" data-ratio="0.66796875"/></p><p style="line-height: 25.6px;"><strong>1.是否樹形結構</strong></p><p style="line-height: 25.6px;"><strong>
</strong></p><p style="line-height: 25.6px;">最常見的網站的結構大致分為扁平結構與樹狀結構，從SEO優化的角度來看，網站的內頁層次越淺越容易獲得首頁傳遞的權重，扁平的樹形結構相對于標準的樹形結構層次更淺一些，所以內頁更容易獲得首頁的權重，這樣內頁會更有利于排名。</p><p style="line-height: 25.6px;"><img alt="" src="http://upload-images.jianshu.io/upload_images/7743908-07a3a169ad7ffa34.png" data-type="png" data-ratio="0.66796875"/></p><p style="line-height: 25.6px;">從建站管理上，一些大型網站頁面可能有幾十萬個，那么做成扁平的樹形結構顯然不利于網站頁面的管理。建立清晰的目錄結構更適合大型網站。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">從以上兩點來看，如果要做大型網站并且要做的長久的話建議使用標準的樹形結構，如果是小站想更快速的從搜索引擎獲得流量的話，那么建議樹形結構可以更扁平一些，這樣也更利于蜘蛛對網站的抓取。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;"><strong>2.頁面間鏈接情況</strong></p><p style="line-height: 25.6px;">蜘蛛的爬行是順著超鏈接進行，頁面間的鏈接尤其重要。合理規劃頁面之間的鏈接，刻意引導蜘蛛的抓取行為。</p><p style="line-height: 25.6px;"><img alt="" src="http://7xkq88.com1.z0.glb.clouddn.com/878559-temp-201709-14-1505365515634.jpg" data-type="png" data-ratio="0.66796875"/></p><p style="line-height: 25.6px;">常規的頁面間的鏈接做法：</p><p style="line-height: 25.6px;">1.文章底部加入推薦文章內容，如看了本文的讀者，還看了以下文章，既能引導蜘蛛爬行，也能提升用戶體驗；</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">2.在文章內容中加入一些網站內部的鏈接，不要刻意去加，但是做到能加的地方不要放過；</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">3.切忌將頁面間的鏈接都指向首頁。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;"><strong>3.JS文件使用情況</strong></p><p style="line-height: 25.6px;"><strong>
</strong></p><p style="line-height: 25.6px;">JS是網站建設一個優雅的語言，能做出很炫的動態效果，能增加用戶的體驗……但是搜索引擎卻很難收錄JS文件的內容。</p><p style="line-height: 25.6px;"><img alt="" src="http://upload-images.jianshu.io/upload_images/7743908-a52fedb995cdf649.png" data-type="png" data-ratio="0.66796875"/></p><p style="line-height: 25.6px;">JS是把雙刃劍，好處在這里不多說，主要總結下JS對網站優化可能造成的影響。</p><p style="line-height: 25.6px;">1.加載大量的JS外部文件，導致頁面加載時間變長。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">2.JS實現的動態翻頁效果，不改變網址鏈接，實行動態分頁確實增加了用戶體驗，但是對搜索引擎來說確實災難。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">3.由于JS書寫不正確或者瀏覽器不兼容，導致執行過程出錯頁面不能正常加載。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">頁面時間加載過程會導致搜索引擎降低網站的權重；動態加載數據的內容，搜索引擎很難收錄，甚至有些搜索引擎直接不收錄。
</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;"><strong>4.頁面多媒體使用情況</strong></p><p style="line-height: 25.6px;"><strong>
</strong></p><p style="line-height: 25.6px;">多媒體包括視頻、音頻、flash動畫，這些內容建議盡量少放。搜索引擎一般不會收錄此類多媒體內容。</p><p style="line-height: 25.6px;"><img alt="" src="http://upload-images.jianshu.io/upload_images/7743908-c14b1c2b998259e7.png" data-type="png" data-ratio="0.66796875"/></p><p style="line-height: 25.6px;"><strong>5.圖片ALT屬性檢查</strong></p><p style="line-height: 25.6px;"><strong>
</strong></p><p style="line-height: 25.6px;">搜索引擎蜘蛛無法識別圖片的內容，畢竟機器跟人還是有區別的。因此往往把網站上的圖片加上一個alt提示文本。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">圖片加alt提示文本好處主要體現在以下幾方面：</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">1.讓搜索引擎蜘蛛了解圖片的內容。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">2.讓用戶明白圖片的意思。因為有很多時候，圖片的含義用戶不一定能夠看得明白，加上alt可以提高用戶體驗。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">3.以防萬一。有很多站長喜歡將圖片獨立放在其他的空間或者服務器上面，用其他的域名進行解析，方便管理圖片資源，如果當存放圖片的主機或者服務器遭到攻擊或者出現宕機的狀況，alt在一定程度上可以幫助用戶閱讀以及傳達信息。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">4.便于百度圖片的收錄以及優化。百度圖片對網站的title以及alt的分析，進而進行分類處理，最后排序。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">ALT標簽屬于網站優化的一個細節，網站能夠在搜索引擎中有好的排名正是因為將所有的優化細節都考慮周詳。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;"><strong>6.內容和樣式是否分離</strong></p><p style="line-height: 25.6px;"><strong>
</strong></p><p style="line-height: 25.6px;">在網站開發中，所謂內容與樣式分離，就是讓內容的歸 HTML, 樣式歸 CSS, 不要混著用。</p><p style="line-height: 25.6px;">
</p><p style="line-height: 25.6px;">這樣做的目的是使內容版式盡量協調統一，樣式文件可以多出引用，整體降低了樣式文件的請求次數，也有效的避免了字體不統一，行間距不統一等等造成的頁面混亂。</p><p>
</p>