Table of Contents

什麼是On-site SEO(On-page SEO)?

On-site SEO是優化網站內容的方法,也有人稱為網頁內部SEO,藉由這個方法,讓你的網站在搜尋引擎上的排名越來越前面,以得到越來越多流量。

 

不管你是要做一個登陸頁,寫一篇文章或是優化既有的網頁內容,只要你想在搜尋引擎上取得好的排名,增加人們找到你的機率,你就需要一些方法讓搜尋引擎更了解與辨識你的內容,更重要的是,你的讀者也能有更好的使用者體驗,這就是今天要介紹SEO網站優化方法之一:On-site SEO的最大目的。

 

但不是On-site SEO做好就結束囉!除了On-site SEO之外,你還需要Off-site SEO跟技術上的SEO來幫助你提升排名,Off-site SEO有包含反向鏈接(Backlink)的操作等等,技術上的SEO,則需請教專業的SEO工程師,本篇將針對On-site SEO進行探討。

 

如果想知道SEO的入門基本知識,歡迎參考:SEO是什麼?SEO優化要怎麼做?這篇一步步帶你了解

On-site SEO需要做什麼?來看檢核清單

為幫助你更清楚的執行On-site SEO,以下將一一列舉的需執行的各個項目,希望能幫助你更清楚SEO網站優化的方法(文末也提供可下載的On-site SEO優化清單,以便讀者下載核對):

未命名-1_工作區域 1-1

關鍵字搜尋

主要關鍵字

 

關鍵字是什麼?簡單來說,人們會在搜尋引擎平台上打的字,就是你的關鍵字。在決定關鍵字時,請問自己以下問題:

 

1.人們在搜尋這個主題的時候,會打什麼字?

如果人們根本不會輸入你的關鍵字,那等於根本不知道你的存在。

 

2.我找到的關鍵字,跟我網頁的主題有關嗎?

你的關鍵字必須符合你的網頁主題,不然人們就算點進去,找不到他要的答案,一樣會跳出你的網頁。

 

3.這個關鍵字的「競爭程度」是高還是低?

這個關鍵字有很多人在搶嗎?如果大家都選用這個關鍵字,表示競爭程度高,你要排到前面就相對困難,所以也建議找自己能力範圍內可以應付的競爭程度。

 

當然如果你有信心可以成為一個競爭程度高的關鍵字的後起之秀,也可以挑戰看看,說不定因為你的內容受到大眾肯定,排名直線上升也不一定呢!

 

那要怎麼知道所謂的競爭程度呢?市面上有很多關鍵字規劃網站,像是國外知名工具Ahrefs,或是Google開發的關鍵字規劃網站等等,都是分析關鍵字的好工具,多嘗試幾個關鍵字分析網站,找到最適合自己的工具吧!

 

長尾關鍵字

 

如果你想用的關鍵字競爭程度都很高,或是這個關鍵字涵蓋的領域太廣泛,那要怎麼辦?這時長尾關鍵字就可以派上用場。長尾關鍵字就是字詞比較長的關鍵字,通常由3個以上的字詞所組成。

 

以下將以「網路行銷」這個關鍵字,及使用Google搜尋引擎為例:

 

「網路行銷」是一個領域非常大的字,大到很難看出人們搜尋的目的是什麼,也就是說,搜尋這個字的人,是想知道網路行銷是什麼?還是想上網路行銷課程?還是想找網路行銷公司?還是...太多不同的搜尋意圖,若只用「網路行銷」當作關鍵字,要讓目標群眾找到你就比較困難。

 

那要怎麼找到長尾關鍵字呢?除了上述的關鍵字規劃工具,用Google建議的關鍵字來尋找長尾關鍵字或是搜尋頁面底下的建議字(Searches related to),都是不錯方法。

用Google找-長尾關鍵字

同義字與相關字


同義字,就是與你的關鍵字有相同意義的字,相關字,就是與你的關鍵字有關的字。例如:101大樓的同義字就是台北101、台灣最高建築,相關字就是台北市景點、台北展望台等等。

 

關鍵字規劃工具一樣可以幫助你找到同義字與相關字,Google搜尋也可以使用。以下將繼續以「網路行銷」這個關鍵字,及使用Google搜尋引擎為例:

 

如果你的主題是想藉分享網路行銷的案例,讓人們了解網路行銷,那就可以在Google上多搜尋幾個相關的主題:(可試試空格或打字只打一半,看看Google會幫你跑出什麼字)

相關字-在Google上搜尋主題

得到這樣同義字或相關字的資訊,我的「介紹網路行銷」的內容,就可以有一個初步的標題想法,例如:

網路行銷是什麼?用案例了解定義(2019年的更新指南)

 

其他關鍵字靈感:社群、論壇、書籍

 

如果你在尋找關鍵字時遇到瓶頸,那可能是你還不太了解目標客群在想什麼,所以就不知道他們會搜尋什麼字,這時建議瀏覽相關主題的論壇、臉書社群、書籍或是雜誌,看看他們都問什麼問題?有什麼主題特別能引起大家的共鳴及討論?

從中能擷取很不錯的題材,再加以發揮,不僅目標客群看的開心,自己也更了解目標客群在想什麼,簡直是一舉兩得。

URL網址優化

網址,是幫助搜尋引擎了解你的網頁的途徑之一,Google也表示網址應該越簡單越好,也需盡量使用可閱讀的字詞而非冗長的 ID 數字,所以你更應該盡可能地縮短、簡化網址,可閱讀的字詞建議選與主旨有關聯性的字詞,讓人一看到網址,就知道網站的主旨是什麼。

 

假設我的網站的主旨為網路行銷的相關資訊,網址就應以網路行銷為主:

 

(O)http://www.example.com/網路行銷知識

(X)http://www.example.com/index.php?id_sezione=360&sid=3a5ebc944f41daa6f849f730f1

 

冗長的網址,不僅造成觀感雜亂,不吸引讀者的問題,搜尋引擎平台也不樂見這樣的網址出現,你的排名自然就不會上升。最後,我們也建議將你要優化的關鍵字放入 URL 網址中。

標題設計

有了初步的標題之後,再來就是設計一個含關鍵字等字詞,且具吸引力的標題。

像是數字、年份,強勢的字詞「最」、「必須」,課程導向的「教學」、「終極指南」等等都是常見的標題愛用字,能為標題增添吸引力。初步的標題就可以改成:

 

2019網路行銷的終極指南:用案例秒懂定義!

 

是不是為標題增添很多風采了呢?

 

延伸閱讀:標題設計學問大!如何設計好的文章標題

描述標籤(Meta description)

描述標籤會顯示在哪?

描述標籤雖然已經被Google明講不是排名的因素之一,但因為它會顯示在網站標題的下方,是一個會被搜尋者看見的說明,所以還是不能忽略。

建議不要超過65~70字(含標點符號及數字),才不會因為過長而變成「...」,若你的描述標籤已經超過65~70字,那就必須確保顯示在搜尋頁面的字是能夠把標題說明得更清楚的重點字。

 

怎麼看自己的網站有沒有描述標籤?

 

1.請先按以下快捷鍵:

PC電腦:CTRL + U

Mac電腦:Command + option + U

2.找尋程式 (可用 CTRL + F 或 Mac 的 Command + F 來進行搜尋):

<meta name="description" content="你的描述標籤文字會顯示在這裡">

3.若你的網站有描述標籤,將會看到以下畫面:

描述標籤的程式碼

 

那描述標籤要怎麼加入?許多像Hubspot的軟體都會有建立描述標籤的功能,使用者只要跟著操作介面指示進行就可以了,不必真的去手動輸入程式碼。若你沒有類似的軟體工具,建議找專業的工程師操作或諮詢。

內文優化

內文是一個網頁最重要的精髓之一,若你的內容對讀者沒有價值,那再多的技術都沒有辦法提升你的排名。若一開始不知道怎麼提筆,請參考以下步驟:

 

步驟一:找一個你想分享的主題

可參考相關社群、論壇、書籍找適合自己的主題。

 

步驟二:在開頭說明網站內容可以解決什麼問題,建立信任感

內容的開頭,往往是吸引讀者的重要地帶,若第一眼不能吸引讀者,可能就會影響轉換率及跳出率。而告訴讀者這個網頁的「目的」,為什麼他們要看你的內容?看了之後他們會有什麼樣的收穫?在開頭就告訴他們這些問題的答案。

 

步驟三:開始撰寫對讀者有幫助的內容,請保持一定長度

若是撰寫部落格文章,建議至少2,000字,請記得自己選定的主題、關鍵字、同義字與相關字是什麼,並自然且合理的放在內文中。

但要注意千萬「不要」為了放關鍵字而去大量的放關鍵字,以下以台北101為例:

 

(X)台北101曾經是世界上最高的大樓,大家都很喜歡去台北101,不管什麼身份地位的人都喜歡去台北101,台北101有購物中心、有101觀景台,全家大小都適合去台北101。

→為了衝關鍵字的數量,在短短的內容中塞入大量的關鍵字,對讀者沒有幫助,搜尋引擎也不會將此視為好的內容。

 

那為什麼要保持一定的長度呢?因為一般而言,越長的內容可能等同於越有價值的內容(就像不可能短短幾個字就說清楚複雜的理論一樣),但這不代表很長的內容就等於很好內容。

 

還是需要回歸最初的:什麼內容對讀者而言,是最受益且最有價值的?在價值與字數間取得平衡,能把要傳達的知識精確地說完的長度,就是最好的長度。

 

步驟四:調整格式與排版

好不容易建立出好內容,卻因為格式與排版沒有調整而影響讀者的閱讀觀感,實在太可惜了!以下將介紹能幫住閱讀性的格式與排版:

 

1. 主標題(h1)、主標題下的次標題(h2)、次標題下的子標題(h3),還可以繼續以此類推(h4、h5、..):


這些h+數字的東西,是HTML代碼,將你的內容用這些標題代碼區分,讀者跟搜尋引擎就都看得清楚內容的架構。

讓我們繼續沿用設計好的標題當案例,假設今天要寫一個部落格文章,架構就會像這樣:

HTML文章架構

 

2. 延伸觀念:標題標籤(title tag)跟H1標籤有什麼不一樣?

 

2-1.顯示方式:

標題標籤 Title tag 會顯示在瀏覽器、搜尋頁面及若轉貼在社群網站,也會顯示標題標籤的文字,H1標籤則是只會顯示在你的網頁的頂部或是其他特定位置,一般來說,H1標籤用在網頁內容「裡面」,顯示頁面標題。

2-2. 程式碼:

<title>這是標題標籤的程式碼</title>

<h1>這是H1標籤的程式碼</h1>,會在<body>這是內文標簽</body>裡面

2-3. 數量:

標題標籤只能有一個,但是H1標籤可以有好幾個(但許多SEO專家也是建議只用一個就好),若你用了好幾個H1標籤,請注意這將影響搜尋引擎爬文的理解度。

2-4. 重要性:

標題標籤的重要性非常明顯,但H1標籤呢?當搜尋引擎在「爬」你的網頁內容,H1標籤能幫它辨識頁面的結構跟內文的意義(是內文標題?內文?圖片?...),就像其他H2,H3等等的標籤一樣。

 

這時你可能又有疑問,那標題標籤跟H1標籤可以一樣嗎?答案是:看狀況。若你是新聞報導,請依照Google官方建議操作:

Google官方圖片規則說明

 

若你不是新聞報導,那標題標籤跟H1標籤就必須有很高的關聯性,但不一定要相同。

 

3. 排版


若文字全部擠在一起,便會影響美觀及讀者閱讀的耐心(畢竟誰想看密密麻麻的字?),記得要將內容依標題分段,請注意每段不要太長,大概維持3~4行即可,以讓讀者好閱讀為主,總體來說,盡量保持40%~50%的空白,讓版面維持容易閱讀的簡潔感。

 

要如何寫出好內容,說實話因人而異,因產業別或內文的目的不同,呈現的內容也會不同,但這就跟Inbound marketing集客式行銷的心態一樣,只要永遠保持著「要對讀者有價值,要分享有用的知識」的心態,用流暢易懂的口吻建立內容,那就是好的內容。

內外部連結

內部連結:

你的網站的其他連結,像是網頁、文章、影片連結。內部連結的用意,除了提供讀者更多相關資訊之外,搜尋引擎也可以去瞭解你連向的網頁內容,判斷你是否為值得信任的網站。

 

要怎麼一覽所有你發佈過的內容?其實用Google搜尋引擎就可以辦到,以Blog為例,在Google上搜尋:

 

site:{空格}你的網址.com/blog/”關鍵字”

 

就可以看到所有含有這個關鍵字的你的部落格文章,再從中找到適合連向的網站,或者,你也可以從網頁內容中挑選其他簡單清楚的文字,再連向相關的內部網頁。

 

外部連結:

若你想給讀者更多相關主題的資訊,你也可以連到外面的網頁,這就是外部連結。連到外部連結時,請注意連向網站的正確或權威性,普遍公認的指標像是維基百科、政府的網站或是相關產業具權威的公司或人的網站都是可考慮連向的指標。一樣也需挑選簡單清楚的文字作為超連結 (專業術語叫做「錨點」 Anchor text),再連向相關外部網頁。

 

上述內外部連結提到的「簡單清楚的文字」要怎麼挑選呢?就是需注意不要用過於籠統或冗長的文字:

 

(X)網站」或是「文章」-->太籠統,無法知道連向的網頁內容。

(X)如果你想了解網路行銷是什麼,或想從事相關工作,那就一定要繼續看下去以進一步了解。」-->太長了,對使用者不友善。

(O)「如果你想了解網路行銷是什麼,我認為從案例看網路行銷是最好的方法之一。」-->簡單、清楚又明瞭,讀者知道點進去後會看到網路行銷的案例(文字與連向的網頁相關)。

圖片

  • 設計不要太雜亂,圖片中不要有太多字,以清晰、圖文相符的設計為主即可。
  • 注意尺寸,不要大到拖慢網頁載入的速度,也建議依照網頁尺寸調整圖片的大小。
  • 為圖片命名(alt text):對讀者而言,alt text是無法顯示圖片時會顯示的替代文字,對搜尋引擎而言,這是讓它辨識圖片的程式碼:

 

<img src="上傳圖片的檔案名.圖片格式(jpg/png等等)" alt="需要填寫alt text的地方"

 

更多關於圖片的優化資訊,請參考Google的圖片說明

Call to action

你希望讀者看完你的網頁,下一步要進行什麼動作?是繼續造訪另一個網站,還是追蹤你的社群媒體平台,還是訂閱你的部落格呢?

Call to action 行動呼籲可以是圖片,也可以是按鈕:

call to action-範例

別忘了在總結處給讀者下一步的指示,建議在網頁內文中先用一段文字進行Call to action的說明後,增加Call to action 按鈕設計,把讀者導向你想讓他們去的地方。

 

在放上Call to action之後,你的網頁的內容幾乎快完成了!請記得重新檢查一遍:

1.有無錯字

2.圖文是否相符

3.語句是否順暢好懂

4.是否連到無效的網址

5.是否已放入合適的call to action

進行基本檢測與定期更新

進行基本檢測


  • 你的網頁是否也做了手機頁面的排版?可使用Google提供的手機友善測試網站進行檢查:

https://search.google.com/test/mobile-friendly

  • 是否因為檔案或是圖片太大等問題造成網速變慢?可使用Google提供的網頁載入速度檢測進行檢查:

https://developers.google.com/speed/pagespeed/insights/

 

定期回去檢視、更新及優化內文

 

網站內容可能會隨者時間有所不同,可能是資訊與圖片需要更新,或者有更多相關主題的內容可以增加,請記得定期檢視既有網頁內容,更新最新及最正確的知識,保持在搜尋引擎上的競爭力。

結語:心態的重要性

Google曾說:「網頁製作的重心是滿足使用者,而不是搜尋引擎。」

 

很多網站為了衝排名,可能會為了排名而去建立一些對使用者不見得友善的內容(也就是俗稱的內容農場),這已經與搜尋引擎平台的觀念背道而馳了。

 

內文及網頁的形成,都應建立在「幫助使用者」的觀念上,上述On-site SEO的種種做法,也是以這樣的觀念為基底去發展出來的,也就是說,你甚至可以說它是「如何讓讀者更舒服閱讀你的網頁」的指南,而部分程式碼、架構等等的目的,就是讓尋引擎可以助你一臂之力,讓你辛苦建立的好內容更容易被世人看見。

 

「助人」就是一切的根本,就是On-site SEO的價值。

SEO網站優化下載

還是意猶未盡嗎?歡迎下載我們精心準備的「On-Site SEO 檢核清單」。照著做,提升你的 SEO 排名!