Pages

Subscribe:

Ads 468x60px

Labels

2015年6月2日 星期二

網路行銷的第一步 - 認識SEO

資料來源


SEO就是所謂的 Search engine optimization ,也就是搜尋引擎最佳化,經過SEO的網頁可以在搜尋引擎中自然獲得極佳的名次,被點選的機率必然大增,您的業務量及訪客也將大幅的增加。
相信您一定上過搜尋引擎,也就是Yahoo以及Google搜尋引擎,當您在搜尋引擎打上您要搜尋的關鍵字時,搜尋引擎就會在第一頁當中列出大約十個的搜尋結果,以及在上方及右邊剩餘空間內打上付費的網路行銷廣告。
所有的網站空間(虛擬主機商)都會像您推銷Yahoo或是Google搜尋引擎的關鍵字廣告,他們告訴您要讓您的商品接觸到客戶就一定要用他門的關鍵字廣告服務,他們向您推銷所謂的Google Adsense或是Yahoo關鍵字廣告,他們絕口不提什麼SEO,為什麼?
因為如果你SEO成功了,排名於您想要的關鍵字第一名,您將永遠不用付一毛錢廣告網路行銷費並且享受巨大的利益!
所有的網站設計公司(網頁設計商)都會像您推銷SEO服務並且收費昂貴,他們告訴您SEO有多好多厲害但是就是不肯告訴您SEO的秘密到底是什麼。為什麼?
因為他們知道SEO是一種不可告人的秘密,SEO是網路時代致勝的超級武器,掌握了SEO就等於掌握了巨大的利益!
SEO奧妙的地方就是,人人都有一套理論但個個沒有辦法證明誰的理論正確,為什麼?因為你只是你,你只是一個人,你沒有辦法進Google以及Yahoo當上搜尋引擎研發工程師,所以你當然沒有辦法證明誰的理論正確。那既然沒有辦法證明理論?那本文章還有需要討論下去嗎,又討論的結果又能證明什麼呢?
答案是可以!因為當您愈來愈理解SEO的原理之後,您就會了解到,他們還能玩什麼!逃不SEO達人的手掌心!
SEO - 從零開始,化身為Google工程師

SEO

搜尋引擎SEO的原點 - 知己知彼 百戰百勝

問問你自己:你到哪裡搜尋?Yahoo還是Google搜尋引擎? 再問問你自己:他們怎麼決定搜尋的排名順序?您可能要說了,我又不在那上班,怎麼會知道?說的好,那我再問你:那如果您在Google上班,你是不是就會知道了呢?您可能又要說了,應該有很多種因素吧,誰會知道?
說到這裡,其實我已經告訴您答案了。搜尋引擎要搜尋的東西就是網頁(或是網站),搜尋網站就像是選美比賽,評審訂出了比賽的規則,美貌佔幾成,知識佔幾成,靈機應變佔幾成,再把每一位佳麗的分數乘上每個變項的比重數,得到一個總分後,再排出名次來。因此我們可以說:網站就是佳麗,我們把網站所有的變項挑出來,每一個變項都做到最好(最佳化),那不管搜尋引擎每一個變項的比重有所不同,結果必定八九不離十。
列出一個網頁的所有變項,再盡可能的最佳化每一個項目,就能達到搜尋引擎最佳化的目的。
在列出所有SEO所要注意的變項之前,我們先告訴您一個觀念。
搜尋引擎(gugo)變項最佳化就是一場諜對諜的戰爭,他有著以下的大原則:
1. 大家都知道,平凡人愈能想到的變項,他佔權重較低,平凡人愈想不到的,權重愈高。
2. 操之在己的權重低,操之在人的權重高。
這麼簡單的原則,看過了就知道不稀奇,但你自己是否想得到呢?這就是為什麼網路上眾多的SEO高手們都不願意透露這個不能說的秘密了,因為唯有真正動動腦的人,才能獲得最後的成功。

SEO - 所有變項探討

拆穿搜尋引擎優化 - 所有變項一一曝光

本章節進入SEO的真正核心,也就是重點來了,我們要列出目前所有想得到的SEO變項,但我們不會將這些變項列出高低的排名,為什麼?
因為列了也沒辦法證明哪一項對SEO比較重要,但保證只要您一一的加以最佳化,必定能夠大幅提升您網站針對某個關鍵字的排名

SEO變項 1/13

網頁內容出現關鍵字

說明: 對於初學者的SEO這個是再明顯不過的了,但也是很多人唯一能夠想到的一項。要出現在搜尋某個關鍵字的結果當中,基本上必須網頁內容有出現該關鍵字,為什麼?因為您用的是Google與Yahoo耶。網路時代最巨大的兩個巨人,要是您搜尋某個字結果出來的網頁沒有那個字,他們就不配做搜尋引擎的龍頭了也不會有那麼多的網友愛用這些搜尋引擎了。
網路行銷seo的秘密

於Google搜尋"FTP SERVER"的結果之一,看到了嗎?"FTP SERVER" 關鍵字確實出現於網頁之中
在實際執行最佳化的時候要注意,關鍵字出現的次數確實會影響排名的順序,整個網頁出現的關鍵字次數愈多者的排名有高過低者的趨勢,但要注意關鍵字出現以自然語文的頻率為佳。若過度人造關鍵字的插入,有可能被歸類為作弊。
難度:極低 一般人認知度:極高

SEO變項 2/13

網頁標頭(HEAD)內出現關鍵字

說明: 現代人使用的DreamWeaver或是FrontPage這類所見即所得的網頁設計軟體,大大的降低了網頁設計的難度,因此很多人都會自己設計網頁了,確還不知道什麼是HEAD網頁標頭,網頁的原始碼中最前的一段就是HEAD,其中有多個項目內可以出現您想要SEO攻略的關鍵字。我們直接列出原始碼供您抄襲,是您最佳化成功最快速的好工具。


<span class="style33" style="color: rgb(255, 0, 0);">SEO</span> - 搜尋引擎SEO排名不能說的秘密
SEO
">
SEO">上面的是網頁的標題,這裡一定要出現您的關鍵字。<br>上面的<meta name="description".. 是網頁的說明,這裡一定要出現您的關鍵字。<br>上面的<meta name="keywords".. 是網頁的關鍵字宣告,這裡一定要出現您的關鍵字,可以用,分隔多個關鍵字。</p> <p> 這三個項目還有一個奧秘的可能性,凡是做字串的比對,我們要知道,在句子的一開頭就比對正確,那通常是高相關性,因此例如在<title>當中,我們建議把您要最佳化的關鍵字放在最先頭</p> <p> 佳:SEO - 搜尋引擎SEO排名不能說的秘密<br>差:搜尋引擎 SEO 排名不能說的秘密 - SEO</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/SRCCODE.jpg" alt="seo source code" width="225" height="263" border="1"><br><br><span class="style33" style="color: rgb(255, 0, 0);">於IE中按下滑鼠右鍵,就可檢視網頁的原始碼</span><br></p> <p> 另外在比對的學問中,還有一項常被人所忽略的細節,就是所謂的100%穩合與部份穩合,我們在網頁說明項目中打上 "SEO" 以及 "SEO 最佳化",在對於一個搜尋SEO字串的搜尋來說有什麼差別?很簡單,前者是100%穩合後者是30%穩合,您認為哪一個會排在前面呢?很顯然是百分一百穩合的具有優先性。</p> <p> 關於網頁的description也就是網頁說明,當您打上適當長度的文字的時候,將有可能被Google或Yahoo採用為網站搜尋結果的搜尋文字,因此這幾行字將是吸引網有點閱您的網站的非常重要的廣告文字。要好好把握,但若採用如SEO這麼短的網頁說明時,一般是不會被用於搜尋結果的說明項目,搜尋引擎將會自動由你的網頁內容文字來產生網站說明,這樣將會產生出不具語意的說明文字,網友點選率可能較低,這點要注意。</p> <p> 難度:極低 一般人認知度:中</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO網路行銷變項 3/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">網頁的語言宣告</span></h2> <p> 說明: 您的網路生意的市場在哪裡?台灣還是大陸?在台灣,你就要用繁體中文的網頁,在大陸你就要用簡體中文的網頁,一個繁體中文的網頁還是一個簡體中文的網頁擺在你面前,你大概也可看得出來,但你要知道,搜尋引擎的索引程式 (Spider) 只不過是一支人寫的程式,他是看不懂你在寫什麼語言的,因此你的網頁到底是什麼語言,這是非常重要的一件事情,一定要告訴搜尋引擎知道,這是搜尋引擎SEO常被人忽略的一塊。</p> <p> 如果搜尋引擎誤判你的網頁語言,將會有很嚴重的後果,例如你的網頁是繁體中文但被誤判為別的語言,當繁體中文用戶的搜尋要求被處理的時候。您的網頁將會被降低優先權,因為語言不合。</p> <p> 因此若要SEO我們絕對不能讓搜尋引擎來”猜”我們的網頁語言是什麼,我們一定要明確的告訴搜尋引擎這個網頁使用的語言為何,以下是宣告網頁語言的原始碼。您可直接抄襲來使用。</p> <p> <html><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=<span class="style33" style="color: rgb(255, 0, 0);">big5</span>"><br></head></p> <p> 紅字的部分為big5表示為繁體中文,gb2312為簡體中文,utf8為萬國語言。這邊又來了一個重點,許多人說認為big5是一種不良的編碼方式,因此在設計網頁的時候喜歡用utf8萬國語言,這是對搜尋引擎SEO極為不利的一種做法,因為萬一搜尋引擎判斷不出你的網頁主要語言是什麼的時候,你就別想在該種語言的搜尋結果內出現了。</p> <p> 難度:極低 一般人認知度:低</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO變項 4/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">網頁原始碼的HTML標籤 - 與搜尋引擎SEO具有關聯性</span></h2> <p> 說明: 現在誰還在學HTML原始碼?大家都在用DreamWeaver了吧,但HTML原始碼當中確也隱藏了SEO的秘密。怎麼說呢,HTML原始碼有很多標籤,與SEO無關的我們就不說了,我們只挑出與SEO能夠有相關性的來說明。</p> <p> 看過HTML原始碼的人都知道,一大堆字,不知道是什麼東西,真正屬於你網頁內容的只有一部分!重點來了,搜尋引擎的索引程式 (Spider) 只不過是一支人寫的程式,他怎麼知道哪些文字具有語意,哪些沒有,他又看不懂你在寫什麼!</p> <p> 我們仔細檢視HTML原始碼其中幾個與SEO相關的。</p> <p> 1. HEADINGS: 這是所謂的標頭,就好像報紙頭版的標題,這裡出現關鍵字絕對與提升你的關鍵字相關度。原理就是通常人們再撰寫文章的時候會以這個段落的主題為標題,因此這個段落的文字自然語該標題呈現相關狀態。<br>範例:</p> <p> <h1> <span class="style33" style="color: rgb(255, 0, 0);">SEO</span></h1> <br><h2> <span class="style33" style="color: rgb(255, 0, 0);">SEO</span></h2> </p> <p> 2. PARAGRAPH: 這是所謂的段落,段落在原始HTML的設計當中就是用來包括文章段落用的。因此我們在設計網頁的時候要千萬注意別亂用<p> 於沒有語意的地方,有些時候你的網頁原始碼從上面算起好幾千個字元了都還沒出現具有語意的文章,那搜尋引擎又要如何判斷哪些文字具有語意呢,就是靠<p> 。</p> <p> 範例:</p> <p> <p> SEO is good</P><br></p> <p> 3. 粗體字及斜體字,為您的關鍵字加上一兩個粗體或斜體也能增加一點與關鍵字的關聯性,不過應該也只能增加一點點。</p> <p> 難度:極低 一般人認知度:低</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> 搜尋引擎SEO變項 5/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">網域名稱Domain Name - 搜尋引擎優化的捷徑</span></h2> <p> 說明: 網域名稱對於關鍵字搜尋的排名具有相當大的優勢,原因是通常網域名稱與該網站內容呈現高度的相關性,例如www.ibm.com就是IBM公司的官方網站。網域名稱具有獨一無二的特性,一但被某人搶先使用就沒有第二個人能使用。幾乎所有的商業組織公司行號都早已把自己公司的商標搶先註冊起來,在搜尋引擎搜尋該商標名稱也通常會找到正確的該公司網站。這是一種自然而然的情形,一個公司一定會盡力把自己的公司商標的網址搶下來,這也是Goodgle與Yahoo能大膽的提高網域名稱與關鍵字比對的相關性的原因。</p> <p> 但大家有無想過,萬一這個關鍵字不是一個商標,而是一種產品的類型或是類別的時候呢?那麼擁有這個網址的人就獲得巨大的搜尋引擎優化排名優勢了!例如擁有books.com.tw的人就能輕鬆稱霸books關鍵字。講到這裡大家可能要難過了,全天下的頂級網址早就被搶光了哪裡還輪得到你我?</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/googlemp3.jpg" alt="SEO result on google" width="400" height="110" border="1"><br><br><span class="style33" style="color: rgb(255, 0, 0);">搜尋某個英文關鍵字的場合,有很大的機會排名第一的結果就是該關鍵字為主體的網址</span><br></p> <p> 如果你有這樣的想法那就錯了,因為books.com.tw沒了還可找books.net.tw books.tw books.idv.tw books.tv books.ws...數都數不清,只要你的網址出現了你鎖定的關鍵字,不管後面的結尾是什麼通通都有效!(但是否哪種節尾效果比較好這個無法確認,但應該是以愈難申請的愈具有代表性,例如政府單位網址 .gov 或是 .com 之類的)</p> <p> 因此如果你要SEO的關鍵字是英文的,那你能夠取得一個SEO的捷徑!趕緊去申請一個帶有你的關鍵字的網域名稱吧!甚至若是真的找不到,在關鍵字前後加一個字也算數,例如ibooks.com.tw,但是這就不算百分之一百吻合了。</p> <p> 另外,還有一個跟網域相關的變項存在,但目前尚無關查到其與SEO的關聯性,在此提供參考,就是網域的whois資訊,因為whois資訊中,是實上是有登記該網址位於哪一個國家或地區中,因此有助於搜尋引擎判斷該網頁的地理位置。有些人網站明明就放在台灣,但whois資訊確寫著美國,也許有一天這個變項納入了,也會影響到網站於該區域的排名喔。</p> <p> 查詢whois的網址:http://www.register.com/whois.rcmx</p> <p> 難度:高 一般人認知度:低</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO變項 6/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">網頁檔案存放目錄(資料夾)及檔案名稱</span></h2> <p> 說明:有沒有搞錯?連這個也算?沒錯沒有搞錯,就是算數,理論基礎就是一般人資料夾分類的方式本來就是表示這個資料夾下的文件具有該資料夾名稱的共通性,而檔案名稱的命名方式更是直接了當的表示了這份文件的內容屬性。</p> <p> 因此如果你要<strong>SEO</strong>的關鍵字是英文的,那就很簡單,如果你要最佳化SEO這個字,那就把這個檔案的URL訂為:</p> <p> http://www.seo.com/<span class="style33" style="color: rgb(255, 0, 0);">seo</span>/<span class="style33" style="color: rgb(255, 0, 0);">seo</span>.html</p> <p> 但是很抱歉,目前Google與Yahoo也似乎只承認英文關鍵字的部分,中文的關鍵字要用這種方法,也許也是要等到將來。</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/seo-7.jpg" alt="SEO網路行銷" width="562" height="84" border="1" align="middle"><br><br><span class="style33" style="color: rgb(255, 0, 0);">於Google搜尋IBM的結果之一,看到了嗎?IBM這個路徑被標示為粗體,表示列入搜尋結果的判斷之一</span></p> <p> 難度:低 一般人認知度:低</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO搜尋引擎最佳化變項 7/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">網站主機的地理位置 - 一個與內容無關卻搜尋引擎排名的重要因素</span></h2> <p> 說明:稍微好奇一點的網友就會發現,當你打上www.google.com與www.google.com.tw的時候出現的是兩套東西,一套是針對全世界(美國為主)的google,而另一套是針對台灣地區用戶的google,在台灣的google與美國的google搜尋同樣的關鍵字,出來的搜尋引擎排名結果是完全不一樣的。</p> <p> 基本上,在美國google(全球搜尋引擎排名)搜尋的結果具有以下特性,英文的網頁被提高了優先出現的機會,網站放置在美國的虛擬主機的網頁具有更高的優先性。</p> <p> 在台灣的google搜尋的結果具有以下特性,中文(繁體)的網頁最優先出來,且網站主機放置在台灣的IP者提高了優先度,甚至還有一種選項”台灣的網頁”完全提升了台灣IP的優先性。</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/SEO-1.JPG" alt="SEO也要看地區 台灣GOODGLE" width="463" height="217" border="1"><br><br><span class="style33" style="color: rgb(255, 0, 0);">使用中文的地區之Google通常有四種選項 所有,中文,繁體(或簡體)以及該地區的網頁(指實體IP位置)</span><br></p> <p> 因此這邊提供一個很簡單的原則,如果你要在台灣做生意,千萬別貪便宜跑去美國租GoDaddy,如果你要做德國的外銷生意,就請到德國租一個虛擬主機。最好的方法就是自己架站!保證在你當地經營,不然用到什麼國內的虛擬主機廠商,但實際上機房在美國,那就慘了。以下提供自己架網站的最佳軟體推薦:<a href="http://www.raidenhttpd.com/tw/" target="_blank">雷電HTTPD Web Server</a></p> <p> 以上只是大原則,但也有例外!怎麼說呢,其實你只要了解到語言的特性就知道了,如果一種語言只有一個國家或地區在使用,那google就不會提供”該地區的網頁”的搜尋選項,例如日本,他只有兩種搜尋選項就是,全部的網頁,日文的網頁,並沒所謂的日本的網頁。</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/SEO-2.JPG" alt="GOOGLE日本SEO不需要放在日本主機" width="470" height="212" border="1"><br><br><span class="style33" style="color: rgb(255, 0, 0);">於日本Google搜尋竟然沒有日本地區網頁的選項</span></p> <p> 但是像是中文及西班牙文,就會多出這樣的選項了。因此如果要搶攻日本市場,倒不需要租用日本的虛擬主機,但是將網頁宣告為日文就成為非常重要的因素了。</p> <p> 有些人看到這裡要問了:google怎麼查你的IP來自於哪個區域?其實這不稀奇,google早已擁有這樣子的資料庫,你也可以自己透過類似以下的網站來做查詢。</p> <p> MaxMind: http://www.maxmind.com/app/locate_ip</p> <p> 難度:高 一般人認知度:低</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO優化變項 8/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">真實的時光機器 - 搜尋引擎</span></h2> <p> 說明:人有分男女老少,網頁也有分新舊,到底是新的網頁好還是舊的網頁好,這個實際上除了用人工,很難去判斷,但是單純以資訊的角度來說,新的常常比舊的好,試想當您在搜尋一組關鍵字的時候,您希望是找到最新的網頁資訊,還是八年前,八年沒更新過的網頁資訊呢?</p> <p> 因此網頁的最後修改日期,也有可能成為搜尋引擎排名的關鍵因素之一,聰明的站長們,要記得時時更新您的網頁喔,就算不更新,最少也要動個日期,隨便加幾個字更動一下內容,好讓搜尋引擎知道這個網頁又更新了。</p> <p> 究竟搜尋引擎是如何知道網頁的日期呢?答案很簡單,就是透過所謂的HTTP Header,Web Server回應的HTTP Header當中包括了這個網頁的最後修改日期,而這個資料通常是由Web Server在讀取該檔案的時候一併取得的。</p> <p>  </p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/seo-lastmodified.jpg" alt="SEO last modified" width="317" height="102" border="1"><br><br><span class="style33" style="color: rgb(255, 0, 0);">HTTP Header當中的Last-Modified就是這個網頁的最後更新日期</span></p> <p align="left"> 如果說男人愈老愈有身價,女人愈年輕愈美麗,那麼網頁就是女人,而男人就是網域,一個申請已久的網域即代表了它對 Search Engine Optimization 的重要性,為維持一個網域每年都需要年費,如果是個不重要的網域,那麼相信一個站長也不願意付費去維持它,相對的,網域的年份也是它信譽的保證,如果一個網域是經營非法的東西,一旦它被抄台,隔一年相信這個網域也將不再存在,因為站長已經去蹲苦窯了,這個網域的年費也沒人續繳,那麼這個網域也終將消失,因此我們可以知道,長期維持一個網域的存在,對著網站排名最佳化,應該有正面性的幫助。</p> <p align="left"> 究竟 Yahoo 搜尋引擎是如何得知這個網域的註冊年份呢?其實這很簡單,在全球的 whois 資料庫當中都可以查詢的到。<br></p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/whois-created.JPG" alt="SEO created on" width="421" height="148"><br><span class="style33" style="color: rgb(255, 0, 0);"><br>whois 資料庫當中的 created on 就是這個網站的申請日期</span><br><br></p> <p> 難度:低 一般人認知度:低</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO最佳化變項 9/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">網站的PR等級:一級好站還是無名小站(Google搜尋引擎專用)</span></h2> <p> 說明:所謂網站的等級,一般指的是google的PR值,也就是PageRank,PR值愈高,搜尋引擎排名愈容易名列前茅,只要安裝google免費提供的google toolbar軟體並授權它使用PR值資訊,就可以輕鬆的查詢你拜訪的每一個網站的PR值,就算內容完全相同的兩個網址,擁有不同的PR值,在搜尋結果呈現的時候,高PR值的網站具有優先性。</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/SEO-3.jpg" alt="SEO的好工具,Google toolbar" width="480" height="103" border="1"><br><br><span class="style33" style="color: rgb(255, 0, 0);">開啟網頁後,該網頁的PageRank就會被顯示出來</span></p> <p> PR值最低為0,最高為10,愈高愈好,它確實影響了搜尋引擎排名的順序,提升PR值的方法眾說紛紜,但基本上有著兩個原則,一是開了愈久的網站普遍較高,二是愈多人連結及拜訪的網站PR值愈高,基本上PR值的設計不就是為了要評鑑網路上所謂重要的網站,好站嗎?因此你只要把你的網站經營好,讓他成為網路上重要的網站,那久了PR值自然就高起來了!</p> <p> PR值雖然愈高愈好,但可以確定的是低PR值的網站一樣可以排在高PR值的網站前面,因此SEO的原理就是了解所有變項,針對所有變項做最佳化,必能獲得成功。</p> <p> 在Yahoo上並無相對應的工具可以評鑑一個網站在Yahoo中是否為重要的網站。</p> <p> 難度:高 一般人認知度:低</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO優化變項 10/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">網頁的連入連結(Linking IN)</span></h2> <h2 align="center" class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <img src="http://www.raidenhttpd.com/manual/img/jl-seo.jpg" alt="SEO之詩" width="579" height="260"></h2> <p> 以下SEO內容太過敏感,已被移除</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO變項 11/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">網頁的連出連結(Linking OUT)</span></h2> <p> 以下SEO內容太過敏感,已被移除</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO變項 12/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">網頁關鍵字的同義字</span></h2> <p> 說明:所謂的同義字。通常發生在縮寫上面,什麼是SEO呢?上Google一查,發現原來是Search engine optimization,但是重點來了,我們看看Google搜尋的結果,我們明明只是搜尋<span class="style33" style="color: rgb(255, 0, 0);">SEO</span>但它卻把<span class="style33" style="color: rgb(255, 0, 0);">Search engine optimization</span>一併標示為紅字了。</p> <p> 這就是谷歌厲害的地方了,原來它內建有同義字辭典,因此我們在最佳話網站的時候,不要忘了也多加上同義字的關鍵字喔。</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/seo-no3.jpg" alt="SEO gugo page" width="565" height="396" border="1"><br><br><br><span class="style33" style="color: rgb(255, 0, 0);">打搜尋SEO連同Search engine optimization也被標示為紅色了。附帶一提,本站排名SEO關鍵字第三了,以一個SEO教學的網頁來說這是不是表示這篇教學非常具有教學價值呢。</span></p> <p> 難度:低 一般人認知度:低</p> <hr> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO變項 13/13</h2> <h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> <span class="style33" style="color: rgb(255, 0, 0);">影像檔案的奧秘</span></h2> <p> 以下SEO內容太過敏感,已被移除</p> </td></tr> </tbody></table> <table width="720" border="0" cellspacing="0" cellpadding="0" style="font-family: 微軟正黑體, 'Segoe UI', 細明體, Arial, helvetica, sans-serif;"><tbody> <tr><td height="20" class="txt1" style="font-size: 12px; margin-top: 0px; color: rgb(51, 51, 51); line-height: 15px; letter-spacing: 4px; border-width: 0px 1px; border-style: solid solid none; height: 25px; border-right-color: rgb(240, 240, 240); border-left-color: rgb(240, 240, 240); padding-right: 4px; padding-left: 4px; padding-top: 4px; background-image: url(http://www.raidenhttpd.com/manual/images/v2link.png);">搜尋引擎優化度分析,您的網站優化了嗎?</td></tr> <tr><td align="left" valign="middle" bgcolor="#FFFFFF" class="dotbox" style="font-size: 12px; margin-top: 0px; border-right-width: 1px; border-right-style: dotted; border-right-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: dotted; border-left-color: rgb(204, 204, 204); border-top-width: 0px; color: rgb(102, 102, 102); line-height: 15px; padding: 8px;"><h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO關鍵字行銷評量標準 - 搜尋引擎優化度分析</h2> <p> SEO是否可以評量? 是否有一定的標準? 答案很簡單,一個網站的搜尋引擎優化度是可以評量的,但是比較的對象是你自己的網站,過去的自己,今天與昨天比較,明天與今天比較。</p> <p> 那我們要用什麼樣的方式或是工具來評量一個網站的搜尋引擎優化程度呢? 我們首先分析網站的訪客來源種類大致可分為三種:</p> <p> 1。直接連線: 此類訪客通常直接輸入你的網址來拜訪,這種訪客的數量與比例愈高,表示你的網站知名度愈高<br>2。推薦連線: 通常由別的網頁的連入連結帶來,此類訪客數量與比例愈高,表示你的網站在網路上有一定的重要性。<br>3。來自搜尋引擎的連線: 此類訪客的數量愈多,表示你的網頁具有高度的搜尋引擎優化度。</p> <p> 好的網站當然是又有名,又重要,又經過搜尋引擎優化。您可透過各式各樣的網站LOG分析軟體來評估您各項指標的比例,以下是我們管理的其中一個網站目前的各項指標比例圖:(取自GOOGLE ANALYTICS)</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/seo-8.jpg" alt="seo pie chart" width="452" height="242"><br><span class="style33" style="color: rgb(255, 0, 0);"><strong>www.*****.com</strong></span></p> <p> 由以上的圖表中我們可以看出這個網站具有相當的知名度,相當的重要性,更重要的是優化度也非常之高。</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/seo-9.jpg" alt="seo visitors analysis" width="453" height="242"><br><span class="style33" style="color: rgb(255, 0, 0);"><strong>www.*****.com</strong></span></p> <p align="left"> 由以上的圖表中我們可以看出這個網站不具有知名度,也不重要,但優化度相對較高。</p> <p align="left"> 您是不是也學會了如何分析網站的搜尋引擎優化度了呢?</p> </td></tr> </tbody></table> <table width="720" border="0" cellspacing="0" cellpadding="0" style="font-family: 微軟正黑體, 'Segoe UI', 細明體, Arial, helvetica, sans-serif;"><tbody> <tr><td height="20" class="txt1" style="font-size: 12px; margin-top: 0px; color: rgb(51, 51, 51); line-height: 15px; letter-spacing: 4px; border-width: 0px 1px; border-style: solid solid none; height: 25px; border-right-color: rgb(240, 240, 240); border-left-color: rgb(240, 240, 240); padding-right: 4px; padding-left: 4px; padding-top: 4px; background-image: url(http://www.raidenhttpd.com/manual/images/v2link.png);">SEO - 搜尋引擎最佳化,您成功的最佳保證</td></tr> <tr><td align="left" valign="middle" bgcolor="#FFFFFF" class="dotbox" style="font-size: 12px; margin-top: 0px; border-right-width: 1px; border-right-style: dotted; border-right-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: dotted; border-left-color: rgb(204, 204, 204); border-top-width: 0px; color: rgb(102, 102, 102); line-height: 15px; padding: 8px;"><h2 class="style32" style="font-size: 16px; color: rgb(0, 0, 51);"> SEO行銷策略的心得 - 平常心面對</h2> <p> SEO沒有絕對的,今天的SEO冠軍明天可能又被別人蓋過你的搜尋引擎排名,重點是你要平常心面對,不要走火入魔,基本上本篇教學中提到的東西通通檢察一遍,盡你所能的加以修改,一定可以提高您的排名,相信我們,因為我們已經運用了這些原則取得好幾個我們鎖定的關鍵字的排行第一了。</p> <p> 寫了這麼多,當然要來行銷一下。既然您看到這裡了想必一定也是網站的架站一族,請參考我們的架站軟體產品,一定能帶給您更棒的架站體驗。</p> <table cellspacing="0" cellpadding="0" width="680" border="0"><tbody> <tr><td style="font-size: 12px; margin-top: 0px;"><p> 架WWW網站-推薦<a href="http://www.raidenhttpd.com/tw/" target="_blank">雷電HTTPD web server</a><br></p> </td></tr> </tbody></table> <br><table cellspacing="0" cellpadding="0" width="680" border="0"><tbody> <tr><td style="font-size: 12px; margin-top: 0px;"><p> 架FTP網站-推薦<a href="http://www.raidenftpd.com/tw/" target="_blank">雷電</a></p> </td></tr> </tbody></table> <br><p> 真的有看到這裡的人,才能享有SEO最後的一道秘密。也就是,常有人告訴我說:你去google搜尋”我公司的名字”我就已經第一名了阿,這是又好氣又好笑的說法,你就是剛創業的無名小網站,誰會搜尋你公司的名字,要搜尋你公司”賣的產品”類型名字排第一才有用啦。那到底網友們都用哪些字搜尋呢?用錯字,SEO將毫無效果,用對字甚至一夕之間成為熱門網站,以下就是最後一個秘密,關鍵字篩選工具,透過這個工具你就可以找到真正要最佳化的關鍵字在哪裡。</p> <p> Yahoo關鍵字篩選工具:http://tw.emarketing.yahoo.com/ysm/guide/index101.html</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/seo-6.jpg" alt="seo yahoo keywords" width="350" height="423" border="1"><br><br><span class="style33" style="color: rgb(255, 0, 0);">Yahoo關鍵字工具能夠確實地知道每個關鍵字的搜尋量,比Google好用多了</span></p> <p> Google(暱稱gugo)關鍵字篩選工具:https://adwords.google.com/select/KeywordToolExternal</p> <p align="center"> <img src="http://www.raidenhttpd.com/manual/img/googlekey.jpg" alt="seo google" width="400" height="408" border="1"><br><br><span class="style33" style="color: rgb(255, 0, 0);">Goodgle關鍵字工具不能看出每個月確實的搜尋量,無法評估市場規模,比Yahoo難用</span></p> <p align="left">  </p> <p> 對於本文有什麼問題?還是要提供我們您SEO的心得 <a href="http://mail.raidenftpd.com/company/contact.html" target="_blank">聯絡我們</a></p> <p> 本文作者為村榮資訊,保留一切版權,嚴禁轉載,可連結到本網頁,使用以下連結<br>歡迎大家一起來幫本網頁”加持”只要使用下面的連結就可以!</p> <p> <a href="http://www.raidenhttpd.com/manual/seo.html" title="SEO">SEO不能說的秘密</a></p> <p> 廣告連結(SEO的活用):<a href="http://www.raidentunes.com/">線上音樂</a> <a href="http://www.raidenftpd.com/company/%E9%98%B2%E6%AF%92%E8%BB%9F%E9%AB%94.html" target="_blank">防毒軟體</a> <a href="http://www.sooki.com.tw/" title="水準儀">水準儀</a><br><br>SEO相關網站: <a href="http://www.hitohiro.com.tw/newpro_con.php?prno=328">NIKON DTM 322</a> <a href="http://www.hitohiro.com.tw/newpro_con.php?prno=257" target="_blank">NIKON NIVO 2M/5M</a> <a href="http://www.seochat.com/" target="_blank">SEOCHAT</a></p> </td></tr> </tbody></table>

Google自訂搜尋功能

資料來源
作者:黃玫瑋 / 計算機及資訊網路中心程式設計組副理

想迅速打造專屬於您自己的搜尋引擎嗎?Google自訂搜尋功能可免費客製化您的需求,不僅提供更精確多元的搜尋結果,亦提供圖片搜尋、熱門關鍵字與統計管理等進階功能。您還在等甚麼,立即幫自己的網站訂作一個吧!
從目錄到搜尋在網站剛興起的年代,可以放在網站的資料並不多。網站管理者可以自己將資料依特性加以分類、建立階層式目錄來提供訪客使用。這種目錄通常只提供網站本身資料的分類與連結,卻查不到其它網站的資料。
對於跨網站尋找資料的需求日增,Yahoo、Google等網路服務先驅們提出了解決之道,他們將所有網站的資料加以整理分類,產生了聯合目錄服務的應用,例如:Yahoo Directory(dir.yahoo.com)Google Directory(已經在2011年中止服務)等目錄網站。
這種資料提供方式,使用者首先遇到的問題是:想找的資料到底屬於哪一類?對於埋藏在目錄深處的資料,使用者還得從分類階層下的目錄反覆猜測尋找下去。如果網站管理者或目錄服務提供者分類方式和網站的訪客的分類模式有很大的差別的話,使用者花很多時間也不一定可以找到那份存放目錄結構某處的資料。
當然後續的演變大家都很清楚:搜尋引擎取代了一切。接著搜尋霸主Google幾乎變成了所有人的搜尋引擎。假設我們所感興趣的是「臺灣大學」這個主題,現在,我們再也不會從「分類首頁/教育單位/大學院校/公立大學/臺灣大學」找到「臺灣大學」(Figure 1),而是從搜尋列直接輸入「臺灣大學」,取得「臺灣大學」的相關資料。


Figure 1 Yahoo 分類目錄
使用者愛用「搜尋」勝於「目錄」的演變,回過頭來再影響到各個網站的設計:網站管理者不約而同地在自己網站上加了個搜尋的控制項。當然我們不希望這個搜尋功能查回來的資料都沒有自己網站的資料,客製化搜尋引擎變成大家共通的需求,提供訪客搜尋自己的網站的資料。
自訂搜尋的服務建置方式,除了採購商業軟體或下載免費軟體Lucene等安裝在自己的伺服器之外,也可以用Google 或Microsoft提供的雲端搜尋服務。自行建置除了要採購相關軟硬體、看懂安裝文件之外,搜尋引擎常常會耗掉不少運算資源與儲存空間,幾年下來還會有吃掉伺服器運算時間或爆掉硬碟空間的問題。
如果要真的省事,筆者建議還是利用免費、免安裝、免維護的自訂搜尋功能。當然除了Google 有提供自訂搜尋(CSE: Custom Search Engine)的功能(Figure 2)之外,Microsoft Bing 也有相對的服務。限於篇幅,Microsoft Bing的部分就請讀者自行參考了。


Figure 2 Google搜尋引擎
利用Google CSE自訂搜尋 
請先登入Google,並請在網址列輸入http://www.google.com/cse/,以連線到Google 自訂搜尋(CSE: Custome Search Engine)。在這個網頁(Figure 3)點選「建立自訂搜尋引擎」的按鍵,就可以新增一個自訂搜尋引擎;完成新的搜尋引擎設定後,可以再回來修改,這時就是點選下方的「管理您現有的搜尋引擎」。


Figure 3 新增或管理現有搜尋引擎
設定您的搜尋引擎(Figure 4 )這一頁設定(姓名)及(說明)的翻譯與管理頁有點出入,(姓名)指的是搜尋引擎名稱,(說明)指的是搜尋引擎說明。請輸入搜尋引擎名稱(姓名)、搜尋引擎說明(說明)、語言以及要搜尋的網站後,並勾選同意服務條款,要注意的是要選擇標準版。接下來就可以選擇樣式並試用你的搜尋引擎(Figure 5 試用 )。不過這個時候的搜尋結果是包含廣告的(Figure 8 )。

Figure 4  設定您的搜尋引擎

Figure 5 試用 

Figure 6 管理搜尋引擎

Google CSE自訂搜尋版本 Google 自訂搜尋服務主要有兩個版本:標準版跟Site Search。標準版不用付費,但會在搜尋結果頁顯示廣告;Site Search 則是依照搜尋量收費,但不會出現任何廣告。雖然標準版預設顯示廣告,但還是可以透過設定隱藏廣告(Figure 7),前提是你的網站必須符合Google的條件(詳見公司設定頁之說明)。

Figure 7 進入公司設定選擇廣告狀態
設定隱藏廣告並儲存變更後,再回到原本加上搜尋列的網頁,就可以看到在搜尋結果頁面(請見Figure 8與Figure 9比較),廣告消失了,這樣是不是清爽多了? 

Figure 8 搜尋結果頁面(有廣告)

Figure 9 搜尋結果頁面(無廣告)
Google CSE功能說明
雖然Site Search 有更強的功能,標準版也已經有了許多好用的功能:
  • 搜尋引擎關鍵字:在基本資訊中設定,可以提升包含這個關鍵字的網頁在搜尋結果上的排序。例如:限制條件設定「程式設計組」時,訪客輸入「黃玫瑋」搜尋時,程式設計組的網頁會排在優先順位。(Figure 13)
  • 自動查詢建議:提供關鍵字自動完成功能,例如輸入c,系統就會出現ceiba等相關字彙供使用者快速點選。
Figure 10 自動完成功能設定與關鍵字新增
  • 統計學習:除了可統計搜尋關鍵字使用次數外,訪客常用的這些關鍵字還會自動成為查詢建議的字庫。
Figure 11 統計功能、熱門關鍵字與自建字庫等功能
  • 熱門關鍵字:可利用統計資訊功能,制定熱門查詢的功能,讓瀏覽者可直接點選最近熱門的查詢字彙進行查詢。(Figure 11)
  • 自建字庫:可利用統計資訊功能,建立自己網站常用的字彙(例如單位名稱、人名)等,不用等到統計學習彙整字庫。(Figure 11)
  • 擴充搜尋:搜尋指定網站外的網站。
     
Figure 12 擴充搜尋功能
  • 圖片搜尋:搜尋結果新增圖片頁籤。

    Figure 13 圖片搜尋、顯示縮圖、限制條件等功能
  • 顯示縮圖:提供圖文並茂的搜尋結果。(Figure 13)
  • 限制條件(Refinement):在搜尋結果頁放置頁籤,便利更進一步的縮小搜尋範圍得到更精確的搜尋結果。(Figure 13)

Figure 14 限制條件之功能可縮小搜尋範圍
  • 共同管理:可以邀請其它人一起管理搜尋引擎。
Figure 15 共同管理功能
  • 稽核:可記錄所有管理者何時改了那些設定。
  • 進階功能:提供將搜尋引擎設定下載/上傳的功能。
  • 關鍵字同義字:可以讓搜尋結果包含關鍵字的同義字。例如我們將「台大」設定有「臺灣大學、台灣大學、臺大」等同義字;使用者輸入「台大」搜尋時,搜尋結果將包含有「臺灣大學、台灣大學、臺大」等關鍵字的網頁。
Figure 16 同義字功能
結論簡單的幾個設定,就有如此強大的管理與搜尋功能,對於不善寫程式的網頁設計師來說,實在是一大福音。但Google自訂搜尋的最後一個設定程序是產生一段程式碼供網站管理者使用,所以想使用自訂搜尋的人,還是必須多少懂一些HTML/CSS/JavaScript的語法,比較能順利跟自己的網站首頁整合。
 
小秘訣有時候中文的界面或說明因為翻譯的關係有點難懂,這個時候,只要在原來的網址後面附加「&hl=en」就可以看到同一篇說明的原文。
 
參考資料Bing Webmaster
https://ssl.bing.com/webmaster/developers/appids.aspx?rfp=7 
http://jeez.eu/2009/10/14/using-bings-api-to-create-a-custom-search-engine.html
http://weblogs.asp.net/hajan/archive/2011/03/07/bing-search-using-asp-net-and-jquery-ajax.aspx
免費開放原始碼搜尋引擎 Lucene簡介, 曾保彰
http://www.cc.ntu.edu.tw/chinese/epaper/0010/20090920_1009.htm

SEO優化教學

資料來源
本篇將介紹個人在開發網站上有關於SEO的經驗, 基本上觀念與SEO真的只要做這些事就好@ModernWeb Conf講者所述內容大致相同提供給大家作為參考。

忘掉Meta Keywords

早期會使用為網站加入關鍵字, 以利SEO, 但因為這個東西被過度濫用, 現在Google已經不會參考這個東西, 甚至您的網站有可能會因為這個東西的濫用而被黑名單。
甚至連Google官方的文件都已經不再提keywords meta了, 可參考:Meta tags that Google understands

忘掉PageRank

以往為自己的網站製作反向連結, 能夠提升自己網站的PageRank以利SEO, 但Google已經放棄PageRank作為網站的指標, 也建議做SEO的人不要再用PageRank當作參考指標。

Head內最重要的Title與Meta description

</span><span class="pln" style="color: rgb(0, 0, 0);">越重要的關鍵字放越前面 | 可將網站名稱擺在後面</span><span class="tag" style="color: rgb(0, 0, 136);"></tilte></span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="tag" style="color: rgb(0, 0, 136);"><meta</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="atn" style="color: rgb(102, 0, 102);">name</span><span class="pun" style="color: rgb(102, 102, 0);">=</span><span class="atv" style="color: rgb(0, 136, 0);">"description"</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="atn" style="color: rgb(102, 0, 102);">content</span><span class="pun" style="color: rgb(102, 102, 0);">=</span><span class="atv" style="color: rgb(0, 136, 0);">"如果您不主動加入這個meta, google會擷取網頁的內容作為你的頁面description, 建議不要超過150字"</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="tag" style="color: rgb(0, 0, 136);">/></span></code></pre>
<h3 style="margin-top: 0px; margin-bottom: 2rem; font-weight: 300; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.1rem; font-family: sourcehansans-tc-medium; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);">
描述你的Canonical</h3>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
<code class="prettyprint prettyprinted" style="font-family: 'Source Code Pro'; font-size: 13.5px; padding: 0.2rem 0.5rem; margin: 0px 0.2rem; white-space: nowrap; border: 1px solid rgb(225, 225, 225); border-radius: 4px; overflow-x: scroll; display: block; background: rgb(241, 241, 241);"><span class="tag" style="color: rgb(0, 0, 136);"><link</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="atn" style="color: rgb(102, 0, 102);">rel</span><span class="pun" style="color: rgb(102, 102, 0);">=</span><span class="atv" style="color: rgb(0, 136, 0);">"canonical"</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="atn" style="color: rgb(102, 0, 102);">href</span><span class="pun" style="color: rgb(102, 102, 0);">=</span><span class="atv" style="color: rgb(0, 136, 0);">"http://www.example.com/product.php?item=swedish-fish"</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="tag" style="color: rgb(0, 0, 136);">/></span></code></p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
加入上述canonical到您的head當中, 可避免權重分散。</p>
<pre style="overflow: auto; font-family: monospace, monospace; font-size: 15px; margin-bottom: 2.5rem; color: rgb(34, 34, 34); line-height: 24px; background-color: rgb(255, 255, 255);"><code class="prettyprint prettyprinted" style="font-family: 'Source Code Pro'; font-size: 13.5px; padding: 1rem 1.5rem; margin: 0px 0.2rem; border: 1px solid rgb(225, 225, 225); border-radius: 4px; overflow-x: scroll; display: block; background: rgb(241, 241, 241);"><span class="pln" style="color: rgb(0, 0, 0);">http</span><span class="pun" style="color: rgb(102, 102, 0);">:</span><span class="com" style="color: rgb(136, 0, 0);">//www.example.com/product.php?item=swedish-fish&trackingid=1234</span><span class="pln" style="color: rgb(0, 0, 0);">
http</span><span class="pun" style="color: rgb(102, 102, 0);">:</span><span class="com" style="color: rgb(136, 0, 0);">//www.example.com/product.php?item=swedish-fish</span></code></pre>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
假設上述兩個網址所看到的網頁內容是相同的, 一旦Google爬到這兩則網址可能視為不同頁面進行收錄, 而分散了權重, 加入canonical精確描述此頁面內容網址, 一旦Google爬到n個不同網址, 發現canonical的網址相同就會視為同一個頁面。</p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
可以參考:<a href="http://googlewebmastercentral.blogspot.tw/2009/02/specify-your-canonical.html" rel="nofollow" style="color: rgb(30, 174, 219); text-decoration: none; transition: color 150ms ease-in-out; -webkit-transition: color 150ms ease-in-out; background-color: transparent;">Specify your canonical</a></p>
<h3 style="margin-top: 0px; margin-bottom: 2rem; font-weight: 300; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.1rem; font-family: sourcehansans-tc-medium; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);">
善用標題標籤H1-H6</h3>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
許多網站使用標題標籤純粹是為了偷懶將字體放大, 通常這些被放大的字都是不重要的, 反而你正告訴Google這是你網站重要的標題。</p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
例如你可能在一個最新消息的其中一筆資料頁放入:</p>
<pre style="overflow: auto; font-family: monospace, monospace; font-size: 15px; margin-bottom: 2.5rem; color: rgb(34, 34, 34); line-height: 24px; background-color: rgb(255, 255, 255);"><code class="prettyprint prettyprinted" style="font-family: 'Source Code Pro'; font-size: 13.5px; padding: 1rem 1.5rem; margin: 0px 0.2rem; border: 1px solid rgb(225, 225, 225); border-radius: 4px; overflow-x: scroll; display: block; background: rgb(241, 241, 241);"><span class="tag" style="color: rgb(0, 0, 136);"><h1>
</span><span class="pln" style="color: rgb(0, 0, 0);">最新消息</span><span class="tag" style="color: rgb(0, 0, 136);"></h1>
</span><span class="pln" style="color: rgb(0, 0, 0);">...</span><span class="tag" style="color: rgb(0, 0, 136);"><h3>
</span><span class="pln" style="color: rgb(0, 0, 0);">我才是標題</span><span class="tag" style="color: rgb(0, 0, 136);"></h3>
</span><span class="pln" style="color: rgb(0, 0, 0);">最沒意義的文字成了最重要的標題。</span></code></pre>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
如同講者所述: 適度關鍵字埋入, 不要用代名詞。</p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
盡量讓頁面只有一個h1標籤, 讓最有意義的keyword埋到h1標籤裡。</p>
<h3 style="margin-top: 0px; margin-bottom: 2rem; font-weight: 300; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.1rem; font-family: sourcehansans-tc-medium; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);">
使用HTML5標籤</h3>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
HTML5提供幾個常用標籤, 以利搜尋引擎在爬取網頁時可以找到網頁的重點內容。</p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
常用的標籤有:</p>
<pre style="overflow: auto; font-family: monospace, monospace; font-size: 15px; margin-bottom: 2.5rem; color: rgb(34, 34, 34); line-height: 24px; background-color: rgb(255, 255, 255);"><code class="prettyprint prettyprinted" style="font-family: 'Source Code Pro'; font-size: 13.5px; padding: 1rem 1.5rem; margin: 0px 0.2rem; border: 1px solid rgb(225, 225, 225); border-radius: 4px; overflow-x: scroll; display: block; background: rgb(241, 241, 241);"><span class="tag" style="color: rgb(0, 0, 136);"><header></span><span class="pln" style="color: rgb(0, 0, 0);">通常這裡會再放h1, h2, h3搭配使用</span><span class="tag" style="color: rgb(0, 0, 136);"></header></span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="tag" style="color: rgb(0, 0, 136);"><article></span><span class="pln" style="color: rgb(0, 0, 0);">文章內容, 通常裡面會再放一個header標籤, 同樣將h1標題置入header</span><span class="tag" style="color: rgb(0, 0, 136);"></article></span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="tag" style="color: rgb(0, 0, 136);"><section></span><span class="pln" style="color: rgb(0, 0, 0);">與article有相似功用, 每塊section的附近不必是相關的內容, 建議section內要搭配h系列標題</span><span class="tag" style="color: rgb(0, 0, 136);"></section></span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="tag" style="color: rgb(0, 0, 136);"><aside></span><span class="pln" style="color: rgb(0, 0, 0);">側欄</span><span class="tag" style="color: rgb(0, 0, 136);"></aside></span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="tag" style="color: rgb(0, 0, 136);"><nav></span><span class="pln" style="color: rgb(0, 0, 0);">搜尋引擎會視這個標籤內的連結為重要連結</span><span class="tag" style="color: rgb(0, 0, 136);"></nav></span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="tag" style="color: rgb(0, 0, 136);"><main></span><span class="pln" style="color: rgb(0, 0, 0);">主要內容, 請盡量確保一個站只有一個main標籤, 而最重要的內容就在main標籤內</span><span class="tag" style="color: rgb(0, 0, 136);"></main></span></code></pre>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
簡言之, 越能用HTML5標籤闡釋區塊所代表的意義就不要使用DIV。</p>
<h3 style="margin-top: 0px; margin-bottom: 2rem; font-weight: 300; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.1rem; font-family: sourcehansans-tc-medium; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);">
有意義的網址</h3>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
使用有意義的網址表達頁面內容以利SEO。</p>
<pre style="overflow: auto; font-family: monospace, monospace; font-size: 15px; margin-bottom: 2.5rem; color: rgb(34, 34, 34); line-height: 24px; background-color: rgb(255, 255, 255);"><code class="prettyprint prettyprinted" style="font-family: 'Source Code Pro'; font-size: 13.5px; padding: 1rem 1.5rem; margin: 0px 0.2rem; border: 1px solid rgb(225, 225, 225); border-radius: 4px; overflow-x: scroll; display: block; background: rgb(241, 241, 241);"><span class="pln" style="color: rgb(0, 0, 0);">www</span><span class="pun" style="color: rgb(102, 102, 0);">.</span><span class="pln" style="color: rgb(0, 0, 0);">example</span><span class="pun" style="color: rgb(102, 102, 0);">.</span><span class="pln" style="color: rgb(0, 0, 0);">com</span><span class="pun" style="color: rgb(102, 102, 0);">/?</span><span class="pln" style="color: rgb(0, 0, 0);">p</span><span class="pun" style="color: rgb(102, 102, 0);">=</span><span class="lit" style="color: rgb(0, 102, 102);">1</span><span class="pln" style="color: rgb(0, 0, 0);"> 
www</span><span class="pun" style="color: rgb(102, 102, 0);">.</span><span class="pln" style="color: rgb(0, 0, 0);">example</span><span class="pun" style="color: rgb(102, 102, 0);">.</span><span class="pln" style="color: rgb(0, 0, 0);">com</span><span class="pun" style="color: rgb(102, 102, 0);">/</span><span class="pln" style="color: rgb(0, 0, 0);">guide</span><span class="pun" style="color: rgb(102, 102, 0);">-</span><span class="pln" style="color: rgb(0, 0, 0);">to</span><span class="pun" style="color: rgb(102, 102, 0);">-</span><span class="pln" style="color: rgb(0, 0, 0);">seo</span></code></pre>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
網址也是SEO的指標之一, 後者含有關鍵字, 更有機會排名在前面, 同時在搜尋結果若網址含有關鍵字, 也會被加粗顯示。</p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
<img src="http://i.imgur.com/yLmF5UV.png" style="border: 0.5rem solid rgb(255, 255, 255); max-width: 100%; border-radius: 0.3rem; box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 4px; box-sizing: border-box; height: 85px; width: 500px;"></p>
<h3 style="margin-top: 0px; margin-bottom: 2rem; font-weight: 300; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.1rem; font-family: sourcehansans-tc-medium; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);">
使用結構化資料Schema.org</h3>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
<img alt="seo - schema.org" src="http://i.imgur.com/96qH4Sq.png" style="border: 0.5rem solid rgb(255, 255, 255); max-width: 100%; border-radius: 0.3rem; box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 4px; box-sizing: border-box; height: 248px; width: 600px;"></p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
簡單說就是在HTML標籤中加入一些屬性, 讓搜尋引擎更了解區塊中的內容是什麼, Google現在也建議使用Schema.org, 會記錄您有哪些結構化資料的頁面, 代表這對SEO有一定的影響力。</p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
至於使用方法可參考<a href="https://schema.org/docs/schemas.html" rel="nofollow" style="color: rgb(30, 174, 219); text-decoration: none; transition: color 150ms ease-in-out; -webkit-transition: color 150ms ease-in-out; background-color: transparent;">schema.org</a>每種type說明頁面底下都有範例, 在這裡就不細談了。</p>
<h3 style="margin-top: 0px; margin-bottom: 2rem; font-weight: 300; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.1rem; font-family: sourcehansans-tc-medium; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);">
提交Sitemap</h3>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
主動提交sitemap檔給Google某種程度上是催趕Google盡快為您的網站建立索引, 能夠加快網站內容被收錄, 並且是您指定的重要頁面。</p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
<span style="font-family: sourcehansans-tc-medium; font-size: 2.6rem;">為您的網站加入SSL</span></p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
Google已經宣布, 對於有使用SSL加密連線的網站會進行排名加分, 為網站加入SSL機制以利SEO。</p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
參考:<a href="http://searchengineland.com/google-starts-giving-ranking-boost-secure-httpsssl-sites-199446" rel="nofollow" style="color: rgb(30, 174, 219); text-decoration: none; transition: color 150ms ease-in-out; -webkit-transition: color 150ms ease-in-out; background-color: transparent;">Google Starts Giving A Ranking Boost To Secure HTTPS/SSL Sites</a></p>
<h3 style="margin-top: 0px; margin-bottom: 2rem; font-weight: 300; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.1rem; font-family: sourcehansans-tc-medium; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);">
Mobile friendly Website</h3>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
Google會對於行動裝置友善的網站進行排名加分, 使得在行動裝置上搜尋的結果會以mobile friendly的網站作為優先的排序。</p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
<img alt="seo - google mobile friendly" src="http://i.imgur.com/263dyFL.png" style="border: 0.5rem solid rgb(255, 255, 255); max-width: 100%; border-radius: 0.3rem; box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 4px; box-sizing: border-box; height: 96px; width: 400px;"></p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
可利用此工具測試您網站是否符合: <a href="https://www.google.com/webmasters/tools/mobile-friendly/" rel="nofollow" style="color: rgb(30, 174, 219); text-decoration: none; transition: color 150ms ease-in-out; -webkit-transition: color 150ms ease-in-out; background-color: transparent;">Google - 行動裝置相容性測試</a></p>
<h3 style="margin-top: 0px; margin-bottom: 2rem; font-weight: 300; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.1rem; font-family: sourcehansans-tc-medium; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255);">
加入社群按鈕</h3>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
加入社群按鈕如Google plus button, facebook like, 目前沒有直接的證實這個操作會影響SEO, 只知道搜尋結果會附上多少人+1, 但我認為若對SEO有影響的話也是Google plus, Facebook like的參考價值似乎沒有那麼高。</p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
參考: <a href="http://mashable.com/2012/02/21/google-plus-1-seo/" rel="nofollow" style="color: rgb(30, 174, 219); text-decoration: none; transition: color 150ms ease-in-out; -webkit-transition: color 150ms ease-in-out; background-color: transparent;">How Google's +1 Button Affects SEO</a></p>
<p style="margin-bottom: 2.5rem; color: rgb(34, 34, 34); font-family: 'Lucida Grande', sourcehansans-tc-normal; font-size: 15px; line-height: 24px; background-color: rgb(255, 255, 255);">
結語:個人認為越乾淨的網頁原創度越高的內容越有機會在搜尋引擎搶到第一位。</p>

SEO教學第12課:影響網站排名的因素:網頁關鍵字優化方式?

資料來源


在Title標題標籤中關鍵字出現的次數?我看過標題內沒有關鍵字,仍然排名在前十?怎麼提高關鍵字權重?h1標籤可以幫關鍵字加分嗎?網頁關鍵字怎麼安排?
在Title標題標籤中關鍵字出現的次數?我看過標題內沒有關鍵字,仍然排名在前十?怎麼提高關鍵字權重?H1標籤可以幫關鍵字加分嗎?網頁關鍵字怎麼安排?Descripton meta描述標籤內需要安排關鍵字嗎?關鍵字密度應該多少?
網頁上關鍵字究竟應該怎麼安排?我想是大家最關心的一堂課,畢竟辛苦的SEO優化為的就是期待關鍵字排名的上升,但是關於關鍵字優化實在有太多傳說,各門各派各有說法,其實關鍵字優化沒那麼玄也沒有那麼困難,做好了自然排名就是以下幾點,就可以做好關鍵字排行了。

Title標題標籤中出現關鍵字

如果連網頁標題之中都沒出現關鍵字,那自然不可能出現關鍵字排名,因此標題內一定要內含關鍵字是最最最重要的優化條件!標題中關鍵字優化的方式需要完整出現並且靠前,請見以下說明。
Title標題標籤:關鍵字越靠前越好
Title標題標籤:關鍵字越靠前越好
Title標題標籤:關鍵字越靠前越好
由上圖可以看出前三名關鍵字「seo」都是關鍵字靠近前方並且最靠前的排在第一名的位置,第四、五名是維基百科本身網站權重就高,因為外部連結數量的龐大!之後的六、七名一樣關鍵字都靠近前方。

Title標題標籤:關鍵字完整出現優於鄰近出現
Title標題標籤:關鍵字完整出現優於鄰近出現
Title標題標籤:關鍵字完整出現優於鄰近出現
同樣由上圖可見,假設我們搜尋「關鍵字排名」會發現排名靠前的都是關鍵字完整出現的,再往後瀏覽才出現關鍵字分開的的網站排名。這點一樣是用於description描述標籤

在Title標題標籤中關鍵字出現的次數?

關鍵字在標題內重覆2-3次已經是最多了,過多的重覆只是更容易被搜尋引擎判斷成作弊,對搜尋引擎優化沒有什麼好處。

我看過標題內沒有關鍵字,仍然排名在前十?
曾經有位號稱台灣seo專家的人利用這招招搖撞騙,號稱連標題都不用寫上關鍵字就可以排上前十,炫耀自己的seo功力很強!其實說穿了,只要運用數量龐大的外部連結加上錨文字,就可以辦到。

怎麼提高關鍵字權重?h1標籤可以幫關鍵字加分嗎?

除了Title標題標籤之外,h1標籤是能夠替關鍵字加分的第二重要條件!這點相當簡單替關鍵字加上h1標籤,但是切記一個網頁最好只有一個h1標籤,不僅可以替關鍵字加分,也可以讓搜尋引擎清楚的知道這個網頁的關鍵字是哪一個!相對的如果一個網頁有三個h1標籤那加分的效果就會除以3,而不會疊加權重。

網頁關鍵字怎麼安排?

在網頁中的前250個字符,也就是125個中文字內出現關鍵字,這裡指的是在網頁中出現的文字而不是源碼中的程式,由此可見文章開頭最好就直接切入主題,經常可以看見文章開頭東聊西聊,或是一大堆的廣告文字,到文章後半段才開始講主題,那對關鍵字排名是沒有好處的。

Descripton meta描述標籤內需要安排關鍵字嗎?
雖然google曾經表明,已經不再計算Descripton meta描述標籤內的權重,但是不管從yahoo、google、Bing的搜尋結果來看,描述內的關鍵字仍會被高亮起來,我相信應該是具有一定的權重。反過來說,一篇正常的文章當在描述這個網頁的內容時,應該會自然而然的提到關鍵字,所以不需要太過刻意追求,自然就好。

關鍵字密度應該多少?

有許多seo專家提出各式各樣的關鍵字密度,但我認為要多少的關鍵字密度取決於你的對手,如果你的對手關鍵字密度是3%,那你就3.5%,這樣不僅可以達到關鍵字優化的效果,也可以避免被誤判成作弊,因為,過高的密度在早期會很快速的得到排名,但是經過搜尋引擎多次的運算後,排名會一直往後退,進而產生排名波動過大,最終被判斷成是作弊的行為。而我愛用的關鍵字密度在5%~8%之間,但是並不特別強求一定要到達這個密度,主要還是看競爭對手的關鍵字密度。

內、外部連結需使用關鍵字

試著搜搜看「請點擊」
不準確的關鍵字使用,就是白白浪費外部連結傳遞的權重
不準確的關鍵字使用,就是白白浪費外部連結傳遞的權重
我們會看到排名結果出來的網站,不管標題或內容裡都沒有出現「請點擊」這個關鍵字,原因就在於有許多網站都連向了這個頁面,而在連結上使用的關鍵字就是「請點擊」,同理可證,我們在連結上所使用的關鍵字,等於是告訴搜尋引擎「這個關鍵字可以代表被連結的網頁」,也就是我們經常在強調外部連結的錨文字上要準確,而該關鍵字就可以替該網頁提高排名權重,因此避免使用「繼續閱讀」「請點擊」…等等無法準確代表被連結網頁內容的關鍵字,那最後你得到排名的關鍵字就會是這些無意義的關鍵字。

替圖片的alt加上關鍵字
Alt的用意原本是在,當圖片無法顯示的時候,以讓瀏覽者依然可以了解該圖片是什麼內容。不過搜尋引擎已經把alt內的文字計算進關鍵字權重、關鍵字密度之內,因此在seo搜尋引擎優化上,我們需要在alt內放上關鍵字,但是仍需要注意避免關鍵字密度過高,一般來說一張圖便約出現1-2次關鍵字即可。另外要注意的是,如果圖片被加上連結後,那代表alt所描述的關鍵字指的是被連結的頁面,權重是傳遞到被連結的頁面上。

bing、Yahoo優化需在網址上出現關鍵字?

這是相當特別的一點,在bing、Yahoo優化上有效而google的優化作用就不大,但是這也僅適用於英文的關鍵字,如果採用拼音的方式則完全無效,那使用中文網址呢?如:關鍵字排名.tw,這種網址對關鍵字排名是有效的,但是要想的是,這種中文形式的網址很少人使用,不要為了優化關鍵字而把網址弄的四不像,那就本末倒置了。

關鍵字優化不需要注意的亂七八糟傳說?

因為搜尋引擎不會公開排名的祕密,因此seo業界就有各式各樣的傳聞,常見的有:網址目錄使用關鍵字、圖片檔案名稱使用關鍵字、keywords標籤內使用關鍵字、檔案名使用關鍵字、程式碼內的註釋標籤使用關鍵字。這些都是無效的,只要把上面所提及的關鍵字優化方式做好就可以達到很好的優化效果,在優化關鍵字的時候最重要的就是自然,不要刻意塞關鍵字。

關鍵字搜尋及關鍵字排名(Keyword Research)

什麼是關鍵字(keywords)?

網路使用者在搜索引擎用來查找相關訊息所輸入的關鍵字詞。

相關資訊

網站排名/如何提高關鍵字在百度裏的排名?


 有很多關鍵字人們會經常拼寫錯誤的,找出這些經常出現錯誤拼寫的詞或片語可以為你帶來額外的流量。(就GOOLE來說,它有檢查拼寫錯誤的功能。建議不要用拼寫錯誤的詞、片語作關鍵字)
1、 處理關鍵字:
  首先收集很多與你的網站或產品有關的關鍵字了。接下來的工作就是把收集到的關鍵字進行組合,把它們組成常用的片語或短語。很多人在搜索的時候會使用兩個或三個字組成詞。據統計,平均是2.3個字。不要用普通的,單個字作為關鍵字。這樣的關鍵字很難排到搜索引擎的前十位元。例如:你有以下幾個關鍵字:“搜索引擎、軟體、提高”,試著把他們組合為“搜索引擎軟體”、“搜索引擎提高”等。把字組成關鍵字短語有利於提高你網站的排名,你將會更有效提高你網站訪問量。例如:很少人會用“搜索引擎”或者“軟體”。
2、 捨棄一些關鍵字: 尋找出那些搜索時很少用到的關鍵字:
A:在英文裏,在搜索引擎大小寫是沒有區別的。
B:拼寫錯誤的關鍵字是沒用的,但是找到一個經常出現拼寫錯誤碼的詞可以額外地提高你的訪問量
C:去除那些停用的詞,在英文裏有“the, for , a ,” 等。中文裏有“的,地,你,我”等。
D:沒有人會用“最好的”,“瘋狂的”等詞語進行搜索。如果你的網站裏有類似的詞,最好把他去除。
選擇最佳關鍵字:
  如果你按照上述所說,你一定列出了一大堆的關鍵字。儘管,你已經去除了一些沒人使用的。但是對於你來說還是太多了。現在是時候進入關鍵字優化的最後一步了。
提示:
  試著用剩餘的關鍵字在搜索引擎中進行搜索,不要把焦點放在最流行的關鍵字上。有時候,次關鍵字排名起來還是比較容易的。因為最流行的關鍵字會存在著更多的競爭對手,而次關鍵字反之。在選擇關鍵字時的技巧是找出關鍵字需求與關鍵字競爭的平衡點,即所選關鍵字競爭不是很激烈。
為什麼要使用html的meta標籤?
1、
  meta標籤是內嵌在你網頁中的特殊html標籤,包含著你有關於你網頁的一些隱藏資訊。Meat標籤的作用是向搜索引擎解釋你的網頁是有關哪方面資訊的。對於高級的搜索引擎來說,html 的meta 標籤並不是什麼新奇的東西。但是無論如何它是一個優秀網頁不可缺少的。下面我們就它進行一些講解吧。
2、
  當你計畫搜索引擎優化策略是meta標籤是非常重要的。儘管如此,一般的加入meta 並不能幫助你在搜索引擎中獲得更好的排名。有好幾種meta標籤,但重要的有以下幾個:description標籤, keywords標籤, title標籤(嚴格來說title不算是一個標籤)。當你不時刷新標籤時這幾個標籤顯得特別的重要。如果你希望搜索引擎對你的網站進行索引時就會用到html標籤的重定向(redirect)標籤與robots標籤.
注意:調查表只有20%的網頁用到“關鍵字”與“描述”標籤(即keyword, description)
多個關鍵字用逗號分開。
3、 title 標籤
  title 標籤可能是你網頁中最重要的標籤,它是你網頁中最先看到的部分。把它放在description 與 keyword前。在這個標籤中最好是加上你網站的關鍵字,title標籤在搜索引擎的搜索中佔有非常重要的地位。最好是把它放在其他meta標籤前,這更有利於你網站的排名。(注意:有些搜索引擎會按title標籤的字母的優先權進行排名,儘量在你的title中使用開始的字母)title標籤是人們在搜索引擎中第一個看到有關你網站的描述,所以儘量把它弄得簡單、明瞭。讓人一看就知道你的網站是關於什麼的。
4、 Description標籤
  Description標籤就在title後面,該標籤可以是一小段(一個或者兩個句子)。用於描述你網站。與title標籤一樣,這也是人們在搜索引擎列表中鏈結到你網站的點擊。這些描述將鼓動人們去流覽你的網站而不是你競爭對手的。(描述不能太誇張。不然,當訪問者到你網站發現內容根本不是你說的那個樣子,那麼他很快就會退出去。)很多搜索引擎允許描述的字數在150個左右,所以你要保證你的描述在150以下,否則搜索引擎會自動把多餘的部分剪去從而造成你網站的描述的不完整。搜索引擎認為描述裏的關鍵字遠比網頁中的內容要重要(好像現在這種情況不是那麼明顯了)。真如上所述,這裏提供了非常重要的資訊:確定你的描述能正確的反映你網站的主題,儘量在描述中加入你主要的關鍵字,越靠meta的關鍵字意義越大。這樣會突顯你的關鍵字。
現在大多的搜索引擎(google除外)都會支援descriptin標籤。如果你不使用的話你將會失去排名靠前的可能。
5、keyword 標籤
  相比於description與title標籤,keyword標籤顯得並不是那麼重要了。有些搜索引擎把它完全地忽略,但是使用下正確的keyword標籤對提高排名仍然有效。
除了搜索引擎外,一般情況下人們是看不到的。keyword標籤是一個隱藏的標籤,向搜索引擎提供了一組與你的頁面有關的的關鍵字或關鍵短語列表。你可以用相應的工具找出一系列適用於你網站的關鍵字。(注意:關鍵字標籤中只能包括與你本頁內容相關的關鍵字列表。所有在這裏的關鍵字必須與頁面的內容相聯繫。)
提示:在你每一個頁面中組織相關的關鍵字,每個頁面必須專注於不同的產品或者內容。在標籤中列滿關鍵字對於提高你網站的排名並沒有好處。多個關鍵字間用逗號用隔,逗號表示是邏輯“或”的意思。空格表示邏輯“與”。這是正式在keyword標籤中描述關鍵字必須的。儘管如此,很多搜索引擎也會把關鍵字間以空格分開以達到能搜索出更相關的結果的目的。這樣做的意義是,搜索引擎會把空格分開的關鍵字根據一定的方式自由組合。可以嘗試用兩種方法,看哪一種更加適合你。
關鍵字不宜以同一形式重複3-6次,一般這已經認為是最大的關鍵字重複數(好像現在又發生了變化)。所以,儘量避免把你的關鍵字一次又一次地不斷重複。這對於每一個搜索引擎來說是SPAM(關鍵字垃圾),你會因此而受到懲罰。大多數的搜索引擎會允許你在keyword標籤中使用最多1000個字元。通常,對每一個頁面使用相關連的關鍵字會提高你網站的排名。一個很重要的因素是你關鍵字冗餘度,如果你一個關鍵字是一個字元,而你的keyword標籤中有100個字元,那麼你關鍵字的冗餘度就為1%。搜索引擎將會利用相關的演算法對你的關鍵字冗餘度進行統計你網頁中的每一個重要的詞或短語。去除多餘的關鍵字有利於提高你網站的排名。
基本搜索引擎優化策略:
為什麼有的網站能在搜索引擎上排名很好,而有的卻連找到找不到呢?這個秘密何在呢?正如免費搜索引擎上的指導方針所說,有五個因素你是必須銘記於心的:
1、 你網站的內容與主題。
2、 每頁的關鍵字數。
3、 關鍵字放置的位置。
4、 點擊量。
5、 鏈結數量。
1、 搜索引擎優化策略:網站內容
網站的實際內容是你網路優化策略的一個重要的因素。如果你想你的網站能在搜索結果中排得靠前,在你的網站中必須有實際的內容。搜索引擎的蜘蛛基本上是一個瞎子。他們只能對你網頁內容進行判斷你網站的品質,而不能從圖片、flash動畫上判斷。在所有的頁面中有充足的內容給搜索引擎進行索引是一個成功搜索引擎優化策略的基本需要。很容易明白,為什麼一個沒什麼內容的網站很難排上去。人們在查找資訊的時候,總是希望找到一個包括很多重要資訊的網站。很自然,網頁內容豐富的網站要比那些網頁內容還那麼豐富的網站排名要好得多。每個為他們的網站進行優化的站主牢記。不要忘記更新你的網站。無論是搜索引擎還是訪問者都希望看到比較新的資訊。這是什麼意思呢?這就要求你要收集大量的資訊,專注於這領域的變化。
2、搜索引擎優化策略:關鍵字密度
網頁上通常會有數以百計的詞語,那麼搜索引擎怎樣去分辨哪些是描述你的網站的重要的詞語呢?搜索引擎會統計你一個頁面的字數。那些重複出現的詞或短語被認為比較重要些。搜索引擎利用自身的演算法來統計你頁面中每個字的重要程度。關鍵字數與該頁面字數的比例稱為關鍵字密度,這是一個搜索引擎優化策略最重要的一個因素。
為了得到更好的排名,你的關鍵字必須在頁面中出現若干次,或者在搜索引擎允許的範圍內。
怎樣才能知道關鍵字的密度是多少才能得到較好的排名呢?很簡單,只要你在搜索引擎中搜索你要優化的關鍵字,然後統計一下排在前面幾個網站該關鍵字的密度就可以了。當然也有很多統計關鍵字密度的工具(你可以在本站上找到)。
3、 索引擎優化策略:突出關鍵字
在有價值的地方放置關鍵字,當你統計完你的頁面需要多少個關鍵字後,接下來就是考慮把你的關鍵字放在網頁的什麼地方。突出關鍵字是吸引搜索引擎注意的一個最重要的因素。搜索引擎將會專注於你網頁中某一部分的內容,處於這一關注部分的詞語顯得比其他部分的詞語要重要得多。這就是所謂的“突出關鍵字”。
A: Title 和meta 標籤:在上一節已經提到,title 標籤是網頁中最重要的標籤。所以在title中放置關鍵字顯得非常重要。有一些搜索引擎會額外的注意“描述”與“關鍵字”標籤。
B: 標題(headings) -- 標題標籤為你的訪問者指明了哪些是網站中比較重要的內容。“標題”: 是處於 -- 中的文字。在“標題”標籤中能出現關鍵字對於提高你網站排名有很大的好處。
C: 超鏈結文本: 你鏈結到一個網頁與你網站內容相關,這一想法是非常正常的事。這也是關鍵字在鏈結文本中為什麼那麼重要。
D: URL文本:在你的功能變數名稱和你的網頁中出現關鍵字對於搜索引擎排名會產生很大的影響。這樣的關鍵字被稱為“URL文本”,在另一個網站與你網站建立鏈結時,儘量使用關鍵字作為鏈結文字,這有利於提高你網站的重要性,從而影響到PR。
E: 頂部:網頁頂部的文本,每段開頭的內容顯得特別重要,所以,儘量在這些地方把關鍵字包含進來。

iPhone、Android手機模擬器 (Google Chrome內建)

資料來源:香腸炒魷魚

Windows作業系統上,很多人常常在手機模擬器,想要透過PC來模擬Android或是iPhone的介面,可是往往很多模擬器的使用方式都非常麻煩,就算找到免費的手機模擬器,可能看完介紹就把網頁關閉。不過別擔心,如果你的手機模擬器用途只是單純要來做網頁測試,想要看看自己的網站在iPhone、iPad甚至是Android上看的樣式,那麼Google Chrome內建的手機模擬器就足夠你使用了。
很多人不知道其實在Google Chrome的開發者工具中,有一個模擬器的功能,可以讓你的Google瀏覽器模擬成行動裝置,或者是其他瀏覽器,透過「Use Agent」的參數設定,可以讓你的Google Chome模擬成Android、iPhone、iPad、BlackBerry(黑莓機)、IE7、IE8、IE9、Firefox等等的瀏覽器,讓你修改網頁一次看到所有介面,讓網頁修得更漂亮。
透過Google內建的開發者工具,我們就可以模擬多種的行動裝置畫面(每一個裝置又不同的解析度),並且可以透過內建的開發者工具對網頁調整CSS、HTML設定或者是bug修正,使用上十分的方便,在網頁相容性校正上,也有所幫助。這個Google Chrome手機模擬器功能其實長得非常的密,不特別去找的話,一般使用者根本不會發現這樣的功能。
使用Google Chrome的iPad、iPhone、Android模擬器有何作用,這對網頁設計師來講,在做手機版網頁的微調確實有極大的幫助,同時可以透過單一瀏覽器就可以一口氣校正IE、Firefox、Google Chrome、iPad、iPhone、Android以及黑莓機裝置,是不是很方便呢?看到這裡,你想要找的是Android的APP模擬器,那你可能要改用BlueStacks
第1步  以香腸炒魷魚本站為例,這是一般電腦看到的畫面,但是這樣的畫面用到手機上看就不適合了,因為畫面完全不符合,所以香腸先前有用WordPress專用手機版的外掛,去開發WordPress專屬手機版佈景
iPhone、Android手機模擬器 (Google Chrome內建)
第2步  接著我們要啟用Google Chome的手機模擬器,請先點右上角的圖案,再點選【工具】→【開發者工具】,或者是直接快捷鍵﹝Ctrl﹞+﹝Shit﹞+﹝J﹞。
iPhone、Android手機模擬器 (Google Chrome內建)
第3步  開啟後,請看到開發人員工具右下角,那邊有一顆很不起眼的齒輪,請點選。
iPhone、Android手機模擬器 (Google Chrome內建)
第4步  接著你就會看到一個令人驚豔的設定,這邊全英文。點選【Overrides】並將「User Agent」打勾,下拉選單中可以選擇您要的介面。
iPhone、Android手機模擬器 (Google Chrome內建)
第5步  這邊支援多款的介面,從IE、Firefox、Chrome、Android、BlackBerry、iPhone、iPad各式各樣的解析度都有,選擇你需要的吧!
iPhone、Android手機模擬器 (Google Chrome內建)
第6步  除了勾選「User Agent」別忘了勾選「Device metrics」,最後點一下「F5」重新整理網頁。
iPhone、Android手機模擬器 (Google Chrome內建)
第7步  重新整理後,網頁就會變成手機版了。是不是很簡單呢?這就是香腸炒魷魚的手機版,清單式的文章列表,寬度解析度完全符合手機專屬。
iPhone、Android手機模擬器 (Google Chrome內建)