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> #標記代碼。包含示例代碼或者文件名 (< < > >) <pre> #預格式化文本。保留文本固有的換行和空格 <progress> #完成進度。可經過js動態更新value。 <meter> #表示分數的值或者已知範圍的測量結果。如投票結果。 <audio> <video> <dialog> <progress> © #文本縮進不要使用特殊符號 應當使用CSS進行設置。版權符號不要使用特殊符號 ©直接打出版權符號© 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>