我想絕大數的國人用的搜索工具都是百度吧，甚至咱們也經常Google一下baidu,或者baidu一下Google，甚至是有段時間，Google到百度後，打開網站倒是跳轉到Google，不過如今Google退出了中國市場，因此目前國內搜索引擎仍是百度一家獨大，這兩個大公司之間的競爭就不談了，畢竟離咱們還蠻遠的。php
我想你們，不論是什麼社會身份，什麼工做職位，如今都離不開網絡，離不開搜索引擎，有什麼不懂的，都會下意識的利用搜索引擎，百度知道，維基百科等等來查詢本身想要的信息，並且隨便輸入一個關鍵字，或者關鍵詞，總會有不少網頁出如今咱們的搜索結果下面，那麼如今出現了一個問題，咱們通常都會點第一個網頁，對吧，爲何呢？這是一個習慣，或者說是下意識的反應，下意識的認爲排名在前的網站可靠度，信任度會高於其餘的。固然也會出現你搜索到的網站確實是在一個位，嘿嘿，可是別人是給了百度推廣費的，因此你懂的....html
對於咱們前端工程師來講，咱們要作的事情就是讓本身作的網站在搜索引擎上的排名越高越好。這裏就產生了一個專業名詞SEO。前端
仍是說說搜索引擎吧，搜索引擎貌似都用的一個蜘蛛程序，他的基本工做原理主要就兩個：html5
1：搜索引擎派出「蜘蛛」程序，沿着已知的連接對互聯網站進行檢索。一旦發現新的網站，它會自動提取網站的信息和網址加入搜索引擎的數據庫。
2：網站擁有者也能夠主動向搜索引擎提交網址。 「蜘蛛」程序，將會直接來掃描你的網站並將有關信息存入數據庫，以備用戶查詢。
SEO是什麼呢？
SEO就是搜索引擎優化，也叫搜索引擎排名、網站優化等，英文名稱爲 Search Engine Optimization，簡寫爲SEO。
SEO是讓網站設計符合搜索引擎檢索習慣，從而提升網站在搜索引擎的排名，使潛在客戶經過產品關鍵詞在各大搜索引擎上都能搜索到網站，提高網絡營銷效果。
why we need SEO?
1:搜索引擎是網民獲取信息的主要工具算法
2:搜索引擎是高效的網絡推廣渠道數據庫
3:網民更信賴天然檢索的結果服務器
4:網民通常只查閱在搜索結果中排名靠前的結果網絡
SEO 能作什麼？前端工程師
1：提高網站的搜索排名--------SEO經過研究搜索引擎的抓取和檢索規律，讓產品網站適應這些規律，並取得好的搜索排名。架構
2：帶來更多的優質流量--------SEO能夠帶來有明確需求的訪問者，大幅度提升網站的營銷效果。
3：優化網站建設質量 ---------經過SEO，可讓網站頁面、架構、層次更清晰、合理，更符合普通網民的使用習慣
搜索引擎的排名規則
搜索引擎的任務是，把最符合用戶搜索需求的網站排在檢索結果的前面。
搜索引擎經過一系列複雜的算法，來給每一個網站打分，並排名。
根據經驗，咱們大概能夠發現搜索引擎通常經過三個方面來評估網站。
1：網站的受歡迎程度----在互聯網上被普遍連接的網站，點擊率高
2：網站的相關度----網站的內容主題與用戶搜索的關鍵詞密切相關
3：網站的質量----網站的訪問量大，原創內容多，頁面更新速度快......
排名的基礎：網頁級別（PR值）
關鍵詞的相關度
1:搜索引擎會評估每一個網頁的主題內容關鍵詞。
2:並計算該網頁與用戶所查詢關鍵詞的相關度。
3:相關度越高，越有機會排名靠前。
網站質量評估
有符合用戶檢索需求，網站質量高的網站，搜索引擎優先推薦。
有訪問價值的網站：
被收錄的頁面多
網站訪問量大
網址點擊率高
原創內容多
頁面更新速度快
域名的歷史久
有良好訪問體驗的網站：
頁面打開速度快（服務器、帶寬）。
無惡性插件
內部連接通暢。
有網站地圖，清晰的網站導航。
SEO的核心：關鍵詞策略
1:網站分析
網站提供哪些產品、服務內容，用戶能經過什麼關鍵詞搜索到咱們的網站
2：確認核心關鍵詞
和網站業務相關度，具備高轉換率的關鍵詞。產品用戶常使用，搜索次數高的關鍵詞選擇容易取得排名的關鍵詞，避開競爭熱門詞。
3：組合長尾關鍵詞
根據用戶的搜索習慣，組合延伸，造成系列關鍵詞組
4：關鍵詞推廣策略
通常網站首頁，用來推廣核心關鍵詞和關鍵詞組。創建更多二級網站，逐個優化長尾關鍵詞。
關鍵詞密度：
關鍵詞密度是指關鍵詞在頁面中出現的頻次。
計算公式：關鍵詞密度 = 關鍵詞數量/頁面全部詞彙數量
關鍵字密度太高有做弊的嫌疑，太低起不到優化的效果。
密度通常在2%-6%之間，比較合適。
關鍵詞分佈：
1：頁面的Title和Meta標籤
2：文章標題、頁面頭部、左側、正文前200字
3：加粗、加大、加色、加連接
4：Img的ALT標籤
5：網址中含關鍵詞的英語或者拼音
網站連接策略：
在互聯網上有被普遍連接的網站，會被搜索引擎優先推薦。
網站內部全部子頁面，都有指向首頁的連接。
頁面出現關鍵詞文字，能夠用來連接相關主題的頁面。
清晰的網站導航，使用「麪包屑型(breadcrumbs)導航。
創建展現網站全部內容的網站地圖。
儘可能把站內全部重要頁面之間，兩兩互聯。
儘可能用文字連接，少用圖片、FLASH連接。
不要讓你的網站出現死連接。
引入高質量的外部連接：
主動將你的網站提交搜索引擎相關目錄。向行業網站的相關目錄，提交網站。
與高質量（PR和流量）的競爭對手網站，進行友情連接。
與高質量的合做夥伴網站，進行友情連接。
在重要的行業網站，發表帶有網站連接的軟文。
不要作一些垃圾連接：在論壇、留言本等批量髮帶有網址的內容。
網站建設優化：
使用高性能穩定的服務器，避免和垃圾網站同在一臺服務器或一個IP字段。
域名和網址的設計，考慮和推廣的關鍵詞相關。例如用英文或漢語拼音。
網站欄目的規劃，須要考慮到長尾關鍵詞的推廣。
發佈豐富的原創內容，搜索引擎會優先推薦原創網站。
網頁優化：
儘可能使用DIV-CSS，讓網頁代碼簡潔。這樣頁面打開速度快，也方便蜘蛛程序抓去。
若是頁面有JAVA腳本，能夠考慮將腳本放置在頁面尾部，或調用JS文件。這樣可讓關鍵詞儘可能集中在網頁代碼的前部。
儘量使用靜態網址，避免重要欄目出現帶有?、& 、= 、%的動態網址。
避免使用不一樣的連接指向網站頁面，搜索引擎通常對不一樣的連接地址單獨評估PR。
不得以使用動態地址，儘可能只帶有1個參數。 參數越多，搜索引擎抓取難度越大。
圖片優化:
少用或不用FLASH。
爲你網站內的每張圖片增長ALT屬性，標識圖片主題。
重要圖片防止在首頁或重點欄目裏，圖片主題和頁面主題保持一致。
不要做弊，避免被懲罰
SEO必需要了解的規則，避免在無心中使用這些手法，而遭到搜索引擎的懲罰。
關鍵詞堆砌（Keyword Stuffing）
隱藏文字/連接（Hidden Text/ link ）
橋頁（Doorway Pages）
無用的meta標籤（Useless Meta Tags）
假裝頁面（Cloaked Page）
連接工廠（Link Farms）
重定向（Re-Direct）
作白帽SEO，不要作黑帽SEO。
經常使用SEO工具
複合搜索：
http://www.gogou.org 多個搜索引擎對比檢索
http://www.baigoogledu.com GG/百度對比檢索
關鍵詞分析
http://www2.baidu.com/inquire/rsquery.php 擴展關鍵詞
http://index.baidu.com/ 百度指數
https://adwords.google.com/select/KeywordToolExternal
http://ww.google.com/trends/ 關鍵詞查詢熱度
http://tool.chinaz.com/Seo/Key_Density.asp 關鍵詞密度
查詢工具
http://tool.chinaz.com/Rank/Index.asp PR查詢
http://www.alexa.com/#traffic 流量查詢
http://tool.admin5.com/grasp.html 收錄與反向連接查詢
HTML5的語義化與SEO的關係
HTML5中對不少標籤進行了一系列的語義化，好比導航的NAV，table裏面的Theard，Tbody，Tfoot標籤等等.....Html5對標籤的語義化，使得代碼的可讀性，可維護性大大加強，也知足了SEO的規則，html5的語義化，有利於搜索引擎的檢索以及對代碼的閱讀。
做爲前端開發的咱們，必需要了解SEO的規則以及HTML的規範，寫出能讓人看懂的代碼，而不是隻有機器能看懂的代碼. fighting man!!!!
