最新在最佳化網站,關於SEO不是很瞭解所以在網上找了一些資料,看到這篇博文對我來說很有用,所以就轉載到這裡,學習一下。
轉載地址:http://www.cnblogs.com/JustinYoung/archive/2008/01/07/SEO-actual-combat.html
引
現在越來越多的網站開始關注SEO(搜尋引擎最佳化)了。的確,從我的部落格最近一個多月的訪客來源來看從搜尋引擎過來的瀏覽者大約佔了25%的份額。從這個資料來看,搜尋引擎的確能給網站帶來大量的新使用者和訪問者。
統計資料表明,搜尋引擎帶來了近1/4的流量
如果是一個商業性的盈利網站,這些新鮮的訪客將會帶來大量的商機和機遇。更重要的是,搜尋引擎的最佳化,排行。有點先到先得,永久資源的味道。先搶佔到一個關鍵字,將自己排到靠前的位置,將會長久的給你帶來持續的好處。相反,當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">
<html xmlns="http://www.w3.org/1999/xhtml">
顯然,頁面想使用的是過渡XHTML。我們知道,過渡XHTML到標籤是必須要閉合的,也就是說想img這樣標籤,也必須寫成下面這種形式(注意後面的"/"閉合符號)。
<img src="http://images.cnblogs.com/cnblogs_com/justinyoung/myPic/BlogLogo.gif" alt="YES!B/S!" />
所以,像link、meta也是應該用“/”符號閉合的,代碼中也是這樣寫的,的確閉合了,但是為什麼提示法錯誤呢。
Microsoft Expression Web中的錯誤提示(點擊圖片查看大圖)
滑鼠移上去,提示“在當前架構中,不允許次元素包含自身。請刪除結尾斜線。” 奇怪了,頁面不是過渡性XHTML架構嗎?標籤應該都應該“閉合”的呀。為什麼提示錯誤呢?找找看,發現竟然多了一個<html>標籤。是不是因為這個呢?去掉以後發現,錯誤提示依然參照,看來不是因為這個多出的<html>標籤(當然,出現兩個<html>標籤也是錯誤的)。看似,沒有頭緒的錯誤,甚至開始懷疑是不是因為Microsoft Expression Web編輯器出了問題。其實,引起錯誤的原因很簡單,簡單到你似乎不敢相信——<!DOCTYPE>標籤被寫成了<!doctype>!不對吧~html不是不區分大小寫嗎?但是,遺憾的是<!DOCTYPE>標籤是個特例。一定能夠要大寫這個標籤,否則,它將不起效。它不起效的結果就是,瀏覽器不會理會<!doctype>標註的文件類型,而採用預設的文件類型(這也是為什麼有些頁面不定義DOCTYPE類型也能很好的顯示頁面的原因。)而預設的文件類型根據瀏覽器不同而不同,ie6預設的是html4.0。自然,會提示“在當前架構中,不允許次元素包含自身。請刪除結尾斜線。”了。
"如果上帝是萬能的,那麼他能造出一塊連自己也舉不起來的石頭嗎?"
在XHTML架構中,標籤必須閉合
非常智慧的問題,無論你是“上帝萬能論”的擁護者,無論如何回答,都是在自己打自己的耳光。但是這個頁面上卻也出現了這樣的問題。讓我們來看看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://www.koolearn.com/網站中“上海新東方”關鍵字出現23次
- http://brand.hjenglish.com/17/網站中“上海新東方”關鍵字僅出現5次
雖然,搜尋蜘蛛類比工具的抓取結果只能作為一個參看,但是這兩個數字似乎也能說明一些問題。
對http://brand.hjenglish.com/17/網站SEO的修改建議
- 自然是儘快修改頁面的語法錯誤
- img標籤加上alt屬性
- 使用<strong>標籤代替<b>標籤
- 加上Keywords和Description標籤。並選取合適的主打關鍵字
- 在遵循文法的提示地方,加入符合語境的主打關鍵字
如何選擇主打關鍵字
其實在頁面上加上Keywords和Description標籤,在img標籤上加上alt,在a標籤上加上title……都不難,就那麼一順手的事情。難道是,在這些地方到底加上哪些關鍵字?哪些關鍵字才是搜尋量既大,競爭力又小的“黃金關鍵字”?其實要想找到這些“黃金關鍵字”也並不難,且聽我慢慢道來——
腦袋裡面的關鍵字最簡單的當然就是自己拍腦袋了
“新東方”、“新東方培訓”、“新東方學校”……不錯,的確是些不錯的關鍵字。但是,如果你主打這些關鍵字後,你會發現10年8年後,你的網站還是排在搜尋結果的第n頁之後。原因很簡單,你想到的別人也想到了,而且別人比你做的早,比你做的好,更有甚者會花錢買這些關鍵字。猴年馬月能輪到你呀。你忘記考慮了“關鍵字競爭度”因素。
百度上搜尋
新東方關鍵字
百度的相關搜尋功能是個好東西,它能協助你找出此關鍵字的相關關鍵字。當然這些關鍵字都是百度使用者最經常搜尋的關鍵字。所以很有參考價值。裡面不乏有些“我怎麼沒有想到”這樣的關鍵字。例如我們搜尋最簡單、最簡約的“新東方”關鍵字,百度的相關搜尋就會推薦到以下關鍵字——“新東方英語”,“北京新東方”,“上海新東方”,“新東方學校”,“武漢新東方”,“廣州新東方”,“北京新東方學校”,“天津新東方”,“南京新東方”。我們便可以找出更多新的關鍵字。這種方法的好處就是簡單實用。而問題也依然明顯——我們還是不知道其中哪些關鍵字更熱門一些(當然google也學習了百度的這個功能)
在百度的“搜尋索引鍵熱度”中搜尋
新東方關鍵字
為了知道關鍵字的熱度,我們可以去百度搜尋索引鍵熱度中查看相關關鍵字的熱度。右邊的橫向柱狀圖可以一目瞭然的標識出各個關鍵字的熱度資訊。通過這個圖我們好像應該選擇“新東方”為主打關鍵字,因為它最長,也最熱。但是,如果你主打這些關鍵字後,你會發現20年16年後,你的網站還是排在搜尋結果的第m頁之後。原因很簡單,你想到的別人也想到了,而且別人比你做的更早,比你做的更好,更有甚者會花大價錢買這些關鍵字。猿年驢月能輪到你呀。很顯然,這種方式依然沒有考慮到“關鍵字競爭度”因素。
最終殺手鐧:Google關鍵字工具中搜尋
上海新東方關鍵字
Google關鍵字工具
當你開啟Google關鍵字工具頁面,並在裡面輸入要查詢的關鍵字後,你會發現,我這個人是多麼的自私和卑鄙 竟然將這麼好的東西偷偷留在最後才講。 因為有了這個工具,上面講的那些已經幾近於廢話。通過這個工具你立刻就能得到相關推薦關鍵字,關鍵字的熱度,以及關鍵字在上個月的搜尋量。如果我們要主打新東方這個關鍵字的時候,我們發現“新東方”,“新東方英語”,“新東方學校”,“北京新東方學校”,“新東方新概念英語”的廣告客戶競爭程度最為激烈,根據“敵強我躲”、“敵進我退”、“敵弱我攻”、“好漢不吃眼前虧”、“以柔克剛”、“打蛇打七寸”、“趁他病要他命”……的原則 -_-b... 我們應該盡量避免這些大家都搶破頭的關鍵字。而將注意力放在搜尋量很大,而競爭度較小的關鍵字上,例如"上海新東方","上海新東方學校","上海新東方英語","上海新東方英語培訓","上海新東方英語學校","上海新東方論壇","北京新東方"上面。
千萬別想SEO作弊
主打關鍵字一定不要貪多,如果一個網頁全是關鍵字的堆砌,那麼這個網頁必定會被搜尋引擎認定為作弊。在中國如果被百度認定為作弊,而被封殺了的話,後果會非常嚴重。這篇文章就非常之危險,因為關鍵字的堆砌就比較嚴重。所以,當你在搜尋引擎搜不到此篇文章的時候,請不用感到詫異
千萬不要試圖耍小聰明,玩seo作弊,例如隱藏個層,層裡面都是關鍵字啦,把很多的關鍵字背景顏色設定成河背景顏色一致啦,這些小把戲,搜尋因為已經完全能夠識別,並會採取非常嚴厲的懲罰。老老實實的做好網站,把內容提升上去才是最主要的。