網站SEO優化

jh2k15發表於2017-11-28
網站優化

http://openweb.baidu.com/doc/…

SEO search engine optimization

整體優化

1.生成對搜尋引擎友好的網站地圖
2.增加外部連結，到各個網站上宣傳
3.導航連結優化，不超過三層
4.麵包屑導航 增強位置感
5.不斷精簡程式碼
6.js程式碼如果是操作DOM操作，應儘量放在body結束標籤之前，html程式碼之後
  html檔案是自上而下的執行方式，css引入執行載入時，程式仍然往下執行
  script指令碼是則中斷執行緒，待該script指令碼執行結束之後程式才繼續往下執行
  頁面效果實現類的js放在body之前，動作，互動，事件驅動的js都可以放在body之後
  HTML中不區分大小寫，js區分大小寫
7.將重要內容的HTML程式碼放在最前面，最前面的內容被認為是最重要的，優先讓“蜘蛛”讀取，進行內容關鍵詞抓取
8.重要內容不要用JS輸出，因為“蜘蛛”不認識

語義化標籤

<title>  #只強調重點即可，儘量把重要的關鍵詞放在前面，關鍵詞不要重複出現，儘量做到每個頁面的<title>標題中不要設定相同的內容
<meta keywords> #關鍵詞，列舉出幾個頁面的重要關鍵字即可，切記過分堆砌
<meta description>  #網頁描述，需要高度概括網頁內容，切記不能太長，過分堆砌關鍵詞，每個頁面也要有所不同。
<body> #儘量讓程式碼語義化，在適當的位置使用適當的標籤，用正確的標籤做正確的事。讓閱讀原始碼者和“蜘蛛”都一目瞭然
<a title rel="nofollow">  #頁內連結，要加 “title” 屬性加以說明，讓訪客和 “蜘蛛” 知道。而外部連結，連結到其他網站的，則需要加上 rel="nofollow" 屬性, 告訴 “蜘蛛” 不要爬，因為一旦“蜘蛛”爬了外部連結之後，就不會再回來了
<img alt title> #圖片新增alt,title
<h1> #正文標題用<h1>副標題用<h2> h3-h6就不用了  #“蜘蛛” 認為它最重要，若不喜歡<h1>的預設樣式可以通過CSS設定。儘量做到正文標題用<h1>標籤，副標題用<h2>標籤, 而其它地方不應該隨便亂用 h 標題標籤
<br>  #只用於文字內容的換行<p><br><p>
<caption>  #表格標題標籤
<strong>、<em>  #需要強調時使用。<strong>標籤在搜尋引擎中能夠得到高度的重視，它能突出關鍵詞，表現重要的內容，<em>標籤強調效果僅次於<strong>標籤
<b>、<i>  #只是用於顯示效果時使用，在SEO中不會起任何效果
<main> #頁面主要內容，一個頁面只能使用一次。如果是web應用，則包圍其主要功能
<small>  #指定細則，輸入免責宣告、註解、署名、版權
<mark>  #突出顯示文字（yellow），提醒讀者。
<figure>  #建立圖
<figcaption> #figure的標題，必須是figure內嵌的第一個或者最後一個元素
<cite> #指明引用或者參考，如圖書的標題，歌曲、電影、等的名稱，演唱會、音樂會、規範、報紙、或法律檔案等
<blockquoto>  #引述文字，預設新的一行顯示
<time>  #標記時間。datetime屬性遵循特定格式，如果忽略此屬性，文字內容必須是合法的日期或者時間格式
<abbr> #解釋縮寫詞。使用title屬性可提供全稱，只在第一次出現時使用就ok
<address> #作者、相關人士或組織的聯絡資訊（電子郵件地址、指向聯絡資訊頁的連結）
<del> #移除的內容
<code>  #標記程式碼。包含示例程式碼或者檔名 （< &lt;  > &gt;）
<pre>  #預格式化文字。保留文字固有的換行和空格
<progress> #完成進度。可通過js動態更新value。
<meter>  #表示分數的值或者已知範圍的測量結果。如投票結果。
<audio>
<video>
<dialog>
<progress>
&copy #文字縮排不要使用特殊符號 &nbsp; 應當使用CSS進行設定。版權符號不要使用特殊符號 &copy;直接打出版權符號©
display:one;  #對於不想顯示的文字內容，應當設定z-index或設定到瀏覽器顯示器之外。因為搜尋引擎會過濾掉display:none其中的內容
iframe  #框架,因為“蜘蛛”一般不會讀取其中的內容

語義化佈局

<head>
  <title></title>
  <meta name="description" content="">
  <meta name="keywords" content="">
</head>
<body>
  <header></header>
  <nav></nav>
  <main></main>
  <article>
    <section></section>
  </article>
  <aside></aside>
  <footer>
    <address></address>
  </footer>
</body>

相關文章