網站SEO優化

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

SEO search engine optimizationcss

總體優化

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>
相關文章
相關標籤/搜索