我不得不承認，這篇文章有點“軟”，但是請相信，這篇文章絕對不是為了軟而軟的。文章的來源是這樣的。因為工作需要，所以分析了一下h公司的SEO方面的不足以便改進，在為了完成這個工作的過程中，收集了一些SEO方面的資料和資料。當工作快完成的時候，發現收集的資料和資料還挺多的，於是就想順便利用這些資料來寫篇博文，一來是分享，而來也是一個小小的工作資料的積累。於是這篇文章就出來了。因為它的出生就來源於真實的公司資料的分析產物，所以免不了有點軟。我已經聽到了大家對“軟文”的反對。的確，如果很多的朋友通過搜尋引擎，找到了部落格園的這篇文章，卻發現是一片軟文，會對部落格園產生非常不好的影響。我當時沒有想到這點，一想到可能會給大家喜愛的部落格有帶來負面的影響，我就感到很慚愧。以後，我會非常注意這點，盡量讓文章“硬”起來。就算是想與大家一起分享知識和經驗，我也會努力的不摻雜過渡的“軟”的東西。我以後會盡量多的寫一些技術方面的“硬文”。畢竟，部落格園應該是技術的樂土，而不應該是軟文的溫床。這次，此篇文章的“軟”，給大家帶來了眾多的不便，請你們原諒……
引言現在越來越多的網站開始關注SEO（搜尋引擎最佳化）了。的確，從我的部落格最近一個多月的訪客來源來看從搜尋引擎過來的瀏覽者大約佔了25%的份額。從這個資料來看，搜尋引擎的確能給網站帶來大量的新使用者和訪問者。
如果是一個商業性的盈利網站，這些新鮮的訪客將會帶來大量的商機和機遇。更重要的是，搜尋引擎的最佳化，排行。有點先到先得，永久資源的味道。先搶佔到一個關鍵字，將自己排到靠前的位置，將會長久的給你帶來持續的好處。相反，當n年以後再想起來對自己的網站進行SEO的話，你將會非常的被動和艱難。將非常難以取得比較靠前的排名。（當然，花錢買排名的除外，但是那麼多關鍵字，你有能買的了幾個呢？）
SEO實戰素材既然是實戰，自然全部採用真實的資料。最近英語培訓非常流行，我的很多同事都很想充充電。所以我們選擇一個關於英語培訓的實戰主題。在培訓機構中"新東方"是唯一已經上市的公司，所以我們假設的情景是這樣的：我，一個都市小白領，最近兜裡有點錢了，於是想學習一下英語，給自己充充電。而我的同事、朋友都推薦“新東方”，甚至一“假鬼子”用蹩腳的英語對我說——“Yes！I recommend XinDongfang！”，於是俺就決定上這個“XinDongfang”了。我現在就住在上海，所以，我就到網上以“上海新東方”為關鍵字進行了搜尋。然後我們對搜尋結果進行SEO實戰，分析不同排名網頁之間的SEO方面的差異。為了防止再一次被認定為文章槍手，所以，在這裡非常鄭重地聲明一下：我和新東方半毛錢關係都沒有，絕對不是新東方的槍手！如有虛假，天打五雷劈，被天下最醜的女人天天…… （大哥，一篇文章而已，沒有必要發那麼重點誓吧 -_-b... )
實戰開始我們先以“上海新東方”在百度中進行真實的搜尋（選擇百度而不是google的原因，身為中國網民，這個應該不用解釋了吧。）。我們發現第一名的是： shanghai.neworiental.org 進去看看就知道這個是上海新東方的官方網站，分析一下代碼，發現SEO做的並不好，顯然這個“排行第一”是花錢買來的。所以這裡就忽略掉了。第二名是： http://www.koolearn.com/，分析一下代碼，恩，做的還不錯，應該不是用錢買的。於是，兩位選手就自然是搜尋結果的第二名和搜尋結果的第三名了（因為如果第二名不是用錢買來的排版，第三名自然也不會是。）。 再看看第三名： http://brand.hjenglish.com/17/。
好的，現在就讓我們分析一下，看看為什麼第二名在第三名上面，而第三名在第二名下面吧。
頁面代碼查看http://brand.hjenglish.com/17/的頁面源碼，然後把這些源碼粘貼到Microsoft Expression Web中，我們遺憾的看到頁面出現了很多的紅色底線。這裡說明一下：出現紅色底線是因為，Microsoft Expression Web認為有語法錯誤（這和大家熟悉的VS是一樣的）。讓我們來看看這些語法錯誤吧——
頁面架構的選擇檢驗文法之前，我們一定要先確定一下頁面使用的是何種架構（文件類型、DOCTYPE），因為不同的頁面架構意味著不同的文法規則。看看這個——
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">顯然，頁面想使用的是過渡XHTML。我們知道，過渡XHTML到標籤是必須要閉合的，也就是說想img這樣標籤，也必須寫成下面這種形式(注意後面的"/"閉合符號)。
<img src="http://images.cnblogs.com/cnblogs_com/justinyoung/myPic/BlogLogo.gif" alt="YES!B/S!" />所以，像link、meta也是應該用“/”符號閉合的，代碼中也是這樣寫的，的確閉合了，但是為什麼提示法錯誤呢。
滑鼠移上去，提示“在當前架構中，不允許次元素包含自身。請刪除結尾斜線。” 奇怪了，頁面不是過渡性XHTML架構嗎？標籤應該都應該“閉合”的呀。為什麼提示錯誤呢？找找看，發現竟然多了一個<html>標籤。是不是因為這個呢？去掉以後發現，錯誤提示依然參照，看來不是因為這個多出的<html>標籤（當然，出現兩個<html>標籤也是錯誤的）。看似，沒有頭緒的錯誤，甚至開始懷疑是不是因為Microsoft Expression Web編輯器出了問題。其實，引起錯誤的原因很簡單，簡單到你似乎不敢相信——<!DOCTYPE>標籤被寫成了<!doctype>！不對吧～html不是不區分大小寫嗎？但是，遺憾的是<!DOCTYPE>標籤是個特例。一定能夠要大寫這個標籤，否則，它將不起效。它不起效的結果就是，瀏覽器不會理會<!doctype>標註的文件類型，而採用預設的文件類型（這也是為什麼有些頁面不定義DOCTYPE類型也能很好的顯示頁面的原因。）而預設的文件類型根據瀏覽器不同而不同，ie6預設的是html4.0。自然，會提示“在當前架構中，不允許次元素包含自身。請刪除結尾斜線。”了。
非常智慧的問題，無論你是“上帝萬能論”的擁護者，無論如何回答，都是在自己打自己的耳光。但是這個頁面上卻也出現了這樣的問題。讓我們來看看38行的代碼——
<img src="http://pic.hjbbs.com/biz/Banner/b17.gif">以及75行的代碼——
<img src="http://photo.hjbbs.com/brand/17/2007061874735119_882_m.jpg" border="0" />同樣是img，一個帶了閉合了標籤，一個沒有閉合標籤。其實哪一種都沒有錯，但是如果出現在同一個頁面中那麼就必然錯了。因為不自閉合的img文法是html4.0架構的文法，而自閉合img的寫法是xhtml的寫法。一個頁面只有可能有之中文檔架構，所以，同時出現這兩種寫法，就必然有一種是錯誤的啦。
img標籤的alt屬性以前在html4.0的時候，好像大家都對這個alt屬性沒有什麼興趣，但是在xhtml中，img的alt屬性被提到了一個很高的地位。因為img標籤不寫alt屬性的話，將意味著語法錯誤。當然在SEO中，圖片的alt也有著特殊的意義。為什麼百度圖片搜尋可以找到那麼多準確的圖片？alt功不可沒。（當然，圖片周圍的文字也是重要原因。）順便提醒一下，第75行，直接設定img標籤的border屬性，在xhtml架構中也是錯誤的。正確的做法是在它的style樣式中設定border-width樣式。
沒有父母的孩子再看看http://brand.hjenglish.com/17/頁面代碼中，紅線提示法錯誤的地方。可以發現，所有的li標籤都被提示法錯誤。提示的錯誤為“<div>不能包含<li>標籤”。那什麼才能包含<li>標籤呢？答案是：只有它們的父母才可以，而它們的父母就是<ul>標籤或者<ol>標籤。所以，絕對不能單獨使用<li>標籤，因為如果那樣<li>標籤就變成了沒有父母的孩子。
SEO方面的不足我們依然選擇更為不足的第三名作為分析的對象。
Keywords和Description標籤Keywords和Description標籤的設定，可以說是頁面SEO最基本的設定了（當然，還包括title標籤的設定）。但是，我們非常遺憾的看到http://brand.hjenglish.com/17/頁面並沒有設定這兩個標籤。這表示當時製作頁面的時候，程式員可能並沒有意識到SEO的問題。
img的alt屬性這點在“頁面代碼”段落中已經提到，所以在這裡就不再贅述了。這裡順便提一下的是<a>標籤的title屬性。這個和img對alt屬性一樣，搜尋引擎對此也十分感興趣，但是一定要注意到是：無論是img對alt屬性，還是a標籤的title屬性，千萬不要使用關鍵字的堆砌，放很多的，和此圖片（連結）沒有任何關係的關鍵字在裡面。很容易被搜尋引擎認定為作弊。切記～
關鍵字的出現頻率我們用搜尋蜘蛛類比工具（http://www.webconfs.com/search-engine-spider-simulator.php）分別抓取 http://www.koolearn.com/網站和http://brand.hjenglish.com/17/網站。然後對結果進行關鍵字(“上海新東方”)出現的次數進行統計。結果如下——
雖然，搜尋蜘蛛類比工具的抓取結果只能作為一個參看，但是這兩個數字似乎也能說明一些問題。
對http://brand.hjenglish.com/17/網站SEO的修改建議其實在頁面上加上Keywords和Description標籤，在img標籤上加上alt，在a標籤上加上title……都不難，就那麼一順手的事情。難道是，在這些地方到底加上哪些關鍵字？哪些關鍵字才是搜尋量既大，競爭力又小的“黃金關鍵字”？其實要想找到這些“黃金關鍵字”也並不難，且聽我慢慢道來——
“新東方”、“新東方培訓”、“新東方學校”……不錯，的確是些不錯的關鍵字。但是，如果你主打這些關鍵字後，你會發現10年8年後，你的網站還是排在搜尋結果的第n頁之後。原因很簡單，你想到的別人也想到了，而且別人比你做的早，比你做的好，更有甚者會花錢買這些關鍵字。猴年馬月能輪到你呀。你忘記考慮了“關鍵字競爭度”因素。
百度上搜尋 新東方關鍵字百度的相關搜尋功能是個好東西，它能協助你找出此關鍵字的相關關鍵字。當然這些關鍵字都是百度使用者最經常搜尋的關鍵字。所以很有參考價值。裡面不乏有些“我怎麼沒有想到”這樣的關鍵字。例如我們搜尋最簡單、最簡約的“新東方”關鍵字，百度的相關搜尋就會推薦到以下關鍵字——“新東方英語”,“北京新東方”,“上海新東方”,“新東方學校”,“武漢新東方”,“廣州新東方”,“北京新東方學校”,“天津新東方”,“南京新東方”。我們便可以找出更多新的關鍵字。這種方法的好處就是簡單實用。而問題也依然明顯——我們還是不知道其中哪些關鍵字更熱門一些（當然google也學習了百度的這個功能）
在百度的“搜尋索引鍵熱度”中搜尋 新東方關鍵字為了知道關鍵字的熱度，我們可以去百度搜尋索引鍵熱度中查看相關關鍵字的熱度。右邊的橫向柱狀圖可以一目瞭然的標識出各個關鍵字的熱度資訊。通過這個圖我們好像應該選擇“新東方”為主打關鍵字，因為它最長，也最熱。但是，如果你主打這些關鍵字後，你會發現20年16年後，你的網站還是排在搜尋結果的第m頁之後。原因很簡單，你想到的別人也想到了，而且別人比你做的更早，比你做的更好，更有甚者會花大價錢買這些關鍵字。猿年驢月能輪到你呀。很顯然，這種方式依然沒有考慮到“關鍵字競爭度”因素。
最終殺手鐧:Google關鍵字工具中搜尋 上海新東方關鍵字當你開啟Google關鍵字工具頁面，並在裡面輸入要查詢的關鍵字後，你會發現，我這個人是多麼的自私和卑鄙 竟然將這麼好的東西偷偷留在最後才講。 因為有了這個工具，上面講的那些已經幾近於廢話。通過這個工具你立刻就能得到相關推薦關鍵字，關鍵字的熱度，以及關鍵字在上個月的搜尋量。如果我們要主打新東方這個關鍵字的時候，我們發現“新東方”,“新東方英語”,“新東方學校”,“北京新東方學校”,“新東方新概念英語”的廣告客戶競爭程度最為激烈，根據“敵強我躲”、“敵進我退”、“敵弱我攻”、“好漢不吃眼前虧”、“以柔克剛”、“打蛇打七寸”、“趁他病要他命”……的原則 -_-b... 我們應該盡量避免這些大家都搶破頭的關鍵字。而將注意力放在搜尋量很大，而競爭度較小的關鍵字上，例如"上海新東方","上海新東方學校","上海新東方英語","上海新東方英語培訓","上海新東方英語學校","上海新東方論壇","北京新東方"上面。
千萬別想SEO作弊主打關鍵字一定不要貪多，如果一個網頁全是關鍵字的堆砌，那麼這個網頁必定會被搜尋引擎認定為作弊。在中國如果被百度認定為作弊，而被封殺了的話，後果會非常嚴重。這篇文章就非常之危險，因為關鍵字的堆砌就比較嚴重。所以，當你在搜尋引擎搜不到此篇文章的時候，請不用感到詫異
千萬不要試圖耍小聰明，玩seo作弊，例如隱藏個層，層裡面都是關鍵字啦，把很多的關鍵字背景顏色設定成河背景顏色一致啦，這些小把戲，搜尋因為已經完全能夠識別，並會採取非常嚴厲的懲罰。老老實實的做好網站，把內容提升上去才是最主要的。
內容第一，兼顧SEO最佳化，厚道做人。才是蒼天正道呀！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
