SEO 入門必讀!7 個關鍵打造高流量網站

在開始說 SEO 前先說個故事︰

最近聽到一個非常過份的 SEO 案例,以下以 A 公司代表案中受害公司,F 公司代表幫忙做 SEO 的公司。

A 公司老闆在 Google 上搜尋 SEO 並找到 F 公司,A 公司老闆希望 F 公司幫忙做 SEO 以提高 A 公司網站排名,A 公司的網站其實已經齊備 SEO HTML Tag 並通過 W3C 驗証服務,網站在 Google PageSpeed Insights 上拿到 90 多分,亦有不少有關鍵字的文章刊登在網站上,算是非常不錯。

不知為什麼  F 公司不滿意 A 公司現有的網站,要求 A 公司將整個網站換成 WordPress 系統,A 公司職員其實已經力勸老闆現有網站只需等待排名上升就可以了,沒有需要找別的公司再做 SEO,但 A 公司老闆可能覺得對方是專業,收費又高,做 SEO 後排名一定比現在好,不理會 A 公司職員勸喻,非要 F 公司做 SEO 不可。

A 公司職員在轉換為 WordPress 系統時已經發現很多問題,WordPress 網站在同一服務器上比舊網站慢了三倍以上,在 Google PageSpeed Insights 趺到 20 多分, A 公司老闆喜愛的 WordPress 模板又通過不了 W3C 驗証服務,但 A 公司老闆仍然堅持要繼續。

A 公司職員因為沒有太多 WordPress 的經驗,最後花了整整三個月才建立好新的 WordPress 網站令 A 公司老闆滿意,並將舊網站文章搬到新的 WordPress 網站上,再通知 F 公司幫忙設定 WordPress 去做好 SEO。

到正式上線運作時,發現搜尋引擎上的連結全部出現 404,原來當初 F 公司根本沒有提醒需要將舊網址使用 HTTP 301 重新指向新網址上,新網站比舊網站流量大幅減少,F 公司表明剛做 SEO 是正常的,並說待幾個月後排名會愈來愈好的。

A 公司等了將近 3 個月, 在 Google 搜尋自己網頁發覺排名依然非常差,比不做 SEO 時更差,當初在搜尋引擎上顯示的文章簡介不見了,最後 A 公司職員經調查後發現  F 公司根本沒有幫忙在 WordPress 上設定好 SEO,還是維持一開始的樣子, F 公司待問題被 A 公司發現後才開始設定 WordPress 的 SEO。

A 公司白花時間轉換成 WordPress 系統,浪費了一大堆時間,而且 F 公司的收費不是一般的貴(可能 SEO 這個關鍵字在 Google AdWord 成本太高有關),但 A 公司老闆仍然相信這些錢將會是值得的,排名一定會比以前好…

感想︰要做好 SEO 就要非使用 WordPress 不可?就算是市面上看似很好的 SEO 公司也不能盡信,只要你的系統能夠輸出 HTML 就可以做好 SEO,就算是靜態網頁也一樣可以!

 

以下是一些 SEO 入門必定要知道的關鍵︰

1. 為搜尋引擎達成目標

搜尋引擎的目標是「令人們找到他們想要的東西」,當連結被大量用戶點擊並只有很低跳出率時,搜尋引擎就會認定這個網頁就是最佳結果,你為搜尋引擎達成目標,排名怎會不跳上高位?

所以優質內容配合關鍵字是非常重要的,你的網頁內容應該要有一個主題並圍繞數個重要關鍵字去書寫,而不是每一篇網頁內容都插入所有關鍵字,因為如果網頁內容有太多關鍵字,主題會變得很混亂,挑選數個最重要的,在網頁內容不斷提及就可以了。

亦不要單單大量堆砌關鍵字在網頁內容內,文章一定要有想傳達的意思,沒內容的文章令進來的用戶發現這不是他想要找的東西時,一定會跳出去找下一個搜尋結果,跳出率高排名當然會降低。

就算搜尋引擎背後的演算法怎麼改變又加入了不同的人工智能作輔助,最終也只是想達成「令人們找到他們想要的東西」這個目標,這是做 SEO 一定要明白的事。

另外搜尋引擎喜歡經常有更新的網站,這代表網站是活躍的,排名亦會提高,所以一定要定期新增內容到網站上。網站加上部落格功能是一個不錯的選擇,因為可以寫大量文章圍繞網站主題和關鍵字,用戶有很大機會經由部落格文章進入到網站,亦令到搜尋引擎認為網站是很活躍的,都是提升排名的好方法。

2. 用戶體驗最佳化

SEO 不單單是搜尋引擎最佳化,用戶體驗也要最佳化。用戶體驗包括網頁載入速度,支援不同大小裝置和版面設計等等元素。

網頁載入速度

網頁載入速度是其中一個搜尋引擎看得很重要的因素,試想想用戶點擊後,3 秒後版面依然顯示空白一片,就算你的文章有多好,針對關鍵字有多準確,用戶未等到載入完成就已經跳出了。所以網頁載入速度是搜尋引擎其中一個很重要影響排名的指標,你可以使用 Google PageSpeed Insights 去測試一下網頁載入速度。

支援不同大小裝置

支援不同大小裝置是其中一個搜尋引擎看得很重要的因素,網站一定要支援不同大小裝置,特別是手機。現今人們使用手機上網已經超越了傳統電腦,如果網站不支援手機,搜尋引擎會將網站排名降低,因為搜尋引擎亦會考慮到當前用戶的裝置,如果當前用戶正在使用手機,那搜尋結果亦會將支援手機的網站排更前面。

版面設計

版面設計雖然不是其中一個搜尋引擎的指標,但也有一定程度相關性的。試想想如果用戶進來不能立即找到他們想要的東西時,可能會立即跳出,跳出率對搜尋引擎就是一個非常重要指標。網站設計不能先顯示其他和搜尋結果不匹配的資訊給用戶,當用戶因為 A 資訊進來,但卻先顯示 B 資訊給用戶看,要向下滾動才是 A 資訊,這會令用戶產生混亂,可能未向下滾動已經跳出了,跳出率對搜尋引擎是一個非常重要指標,千萬別看輕了。

3. 支援 HTTPS

現今網站安全性是搜尋引擎其中一個重要指標,如果你的網站不支援 HTTPS,排名亦會被降低。試想想用戶在咖啡店使用免費沒有加密的 WIFI 去瀏覽網頁,瀏覽沒有 HTTPS 的網站的數據因為沒有任何加密,所以其他人也能夠看得到這些內容,憑這些內容就可以知道用戶的私密資料,所以搜尋引擎會將使用 HTTPS 的網站排更前面,以提高整體網路安全性。

不用擔心購買 SSL/TLS 憑證增加網站成本,這裡有一些免費的  SSL/TLS 憑證方案︰

Let’s Encrypt

Let’s Encrypt 是由許多大公司以及各大非營利團體為了推廣 HTTPS 而贊助的一家免費發佈 SSL/TLS 憑證的證書頒發機構。

CloudFlare

Cloudflare 以向客戶提供網站安全管理、效能優化及相關的技術支援為主要業務。通過基於反向代理的內容傳遞網路(Content Delivery Network,CDN)及分佈式域名解析服務(Distributed Domain Name Server),Cloudflare 可以幫助受保護站點抵禦包括拒絕服務攻擊在內的大多數網絡攻擊,確保該網站長期在線,同時提升網站的效能、載入速度以改善訪客體驗。

AWS Certificate Manager (ACM)

AWS Certificate Manager (ACM) 是一種服務,可讓您輕鬆佈建、管理和部署能與 AWS 服務搭配使用的 Secure Sockets Layer/Transport Layer Security (SSL/TLS) 憑證。SSL/TLS 憑證是用來保護網際網路上的網路通訊安全及建立網站身分。ACM 免除了耗時的手動購買、上傳和續約 SSL/TLS 憑證的手動程序。使用 ACM 可以請求憑證、在 Elastic Load Balancer、Amazon CloudFront 分佈或 Amazon API Gateway 上的 API 等 AWS 資源進行部署,以及讓 AWS Certificate Manager 處理憑證續約。您也可以將第三方憑證匯入 ACM,並建立它們與受支援 AWS 服務之間的關聯。透過 ACM 佈建的 SSL/TLS 憑證無須付費。您只需支付為執行應用程式而建立的 AWS 資源的費用。

4. 網站 HTML 結構要清晰簡潔

HTML 結構要清晰簡潔,不要令搜尋引擎錯過了某些資訊,要盡可能告訴搜尋引擎這個頁面有什麼,當搜尋引擎對你的網站收錄愈多資訊,搜尋結果亦會變得更加準確。

網站語言

網站語言和地區有很大關係,如果網站是使用繁體中文字,很難會在美國的英語使用者的搜尋結果上排行靠前位置,正如你很難會看見泰文或阿拉伯文的網頁出現在搜尋結果上一樣。

你需要在 html 標籤上加上 lang 屬性去設定語言碼,告訴搜尋引擎你的網頁語言是什麼,這會影響不同語言的使用者的搜尋結果。

建議︰可參考 W3 School 這篇文章去設定 https://www.w3schools.com/tags/ref_language_codes.asp

網站標題要一致

搜尋結果的網站標題一定要和網頁內的標題一致,這樣才不會令用戶產生混亂。試想想你正在搜尋「蘋果的好處」,在搜尋結果看見網頁標題是「蘋果的好處」,但點擊進入網頁後發現標題是「蘋果和香蕉的好處」,雖然也有蘋果的好處在內,但這樣會立即令用戶產生混亂,因為和搜尋結果的標題前後不一致,這有可能會提高跳出率,排名當然不會好。

建議︰顯示在搜尋結果的 HTML 標籤是 title,網頁可以使用 h1 來顯示網頁標題,請盡量令搜尋結果和網頁標題一致,不要令用戶產生混亂。很多時候 title 標籤也會加上網站名稱在最後,只要標題和網站名稱有明顯分隔就可以了,例如︰蘋果的好處 | 生果網,h1 的網頁標題︰蘋果的好處。這樣也沒有問題的。

搜尋結果簡介

搜尋結果簡介是很重要的元素,可以增加用戶在搜尋結果下的點擊率。請看以下圖片︰

紅色箭頭指出的就是搜尋結果簡介,這個可經由 <meta name=”description” content=”搜尋結果簡介” /> 來告訴搜尋引擎這個網頁的簡介,簡介夠吸引,一定可以增加點擊率,如果沒有提供簡介,搜尋引擎會自動顯示出網頁內最相關的內容。

建議︰要使用夠吸引力的簡介增加用戶點擊率,字數也不能太多,中文盡量控制在 100 字內,另外不建議讓搜尋引擎自動選擇最相關的內容,因為失去了主導權,有比較多不確定因素。

不要使用圖片去顯示文字內容

因為搜尋引擎不能明白圖片意思亦不能將圖片的文字抽出並收錄(我相信遲一點搜尋引擎使用機器學習會做得到),如果你的文字全都塞在圖片內,那搜尋引擎就會收錄不到足夠資訊,上面已經提到要盡可能告訴搜尋引擎這個頁面有什麼,所以不要使用圖片去顯示文字內容。

建議︰現在的 CSS3 其實已經很強大,可以使用 CSS 來模擬一些以前只有圖片才能做出的特殊效果。

要告訴搜尋引擎圖片的內容是什麼

上面已經提到搜尋引擎不能明白圖片意思,那如果網站有很多圖片那怎麼辦呢? 可以使用 imgalt 屬性告訴搜尋引擎這張圖片的內容,例如︰<img src=”image.jpg” alt=”蘋果” />,這樣就可以告訴搜尋引擎這是一張蘋果圖片。別人使用「蘋果」搜尋圖片時便有機會顯示你的圖片在搜尋結果上,從而點擊進到目標網頁,一樣可以為網站長期帶來流量。

建議︰可考慮由關鍵字角度出發去選擇圖片

避免不同網址指向相同內容

這個是比較易忘記的一個重要技巧。網址是 https://ctlok.com/6-reasons-do-not-use-static-site-generator-create-blog/,在網址後面加上參數也一樣可以指向這篇文章,例如︰ https://ctlok.com/6-reasons-do-not-use-static-site-generator-create-blog/?ref=1234,這是宣傳用的網址,那搜尋引擎就會發現 2 個網址都是相同內容,應該選擇那一個好?

這時搜尋引擎可能會隨機選出宣傳用的網址,那數據就變成不正確了,用戶經搜尋引擎進來會當成經宣傳用的網址進入,所以需要告訴搜尋引擎那一個網址才是最終想要的結果。

建議︰可以使用 <link rel=”canonical” href=”https://ctlok.com/6-reasons-do-not-use-static-site-generator-create-blog/” /> 來告訴搜尋引擎那一個網址才是最終想要的結果。

在 Google PageSpeed Insights 拿到 80 分以上

修改完 HTML 後就可以使用 Google PageSpeed Insights 測試一下網站 HTML 結構是否達到要求,一定要將不同類型的頁面也要測試一次,確保所有頁面也能達到要求。

在 Google PageSpeed Insights 能夠拿到 100 分當然是最好,但 Google PageSpeed Insights 某些提議優化的項目是比較難達到的,尤其當你使用了第三方服務,例如︰ Facebook Social PluginGoogle Tag Manager 等等。比較奇怪的是加入了 Google 自家的 Google Tag Manager 也會令到分數下降,所以不要浪費太多時間去追求 100 分,你的時間應該用在內容創作上。

建議︰行動版和電腦版達到 80 分或以上

W3C 驗証

其實我不太重視能否通過 W3C 驗証服務,連 https://www.google.com/ 也一樣不能通過 W3C 驗証服務,而且很多排名第一的網站一樣通過不了 W3C 驗証服務。現在的搜尋引擎已經很強大,就算不標準的網頁一樣能夠讀取得到,所以懷疑 W3C 驗証實際會不會對搜尋引擎產生影響。

如果你是完美主義者,就試試你的網站能否通過 W3C 驗証服務吧,和 Google PageSpeed Insights 一樣,一定要將不同類型的頁面也要測試一次,確保所有頁面也能達到要求。

建議︰盡量解決所有錯誤和警告,解決不了就不用理會。

備忘錄 — 建議頁面上都有以下的 HTML 標籤︰

  1. html (<html lang=”zh-Hant”>)
  2. title (<title>主標題 | 網站名稱</title>)
  3. meta description (<meta name=”description” content=”搜尋結果簡介” />)
  4. like canonical (link rel=”canonical” href=”https://ctlok.com/” />
  5. h1 (<h1>主標題</h1>)
  6. h2 (<h1>次標題</h1>)
  7. h3 (<h1>次次標題</h1>)
  8. image alt (<img src=”image.jpg” alt=”蘋果” />)

5. 提交 Sitemap 到各大搜尋引擎

各大搜尋引擎都提供工具讓網主可以了解在搜尋引擎的點擊率,關鍵字排名等等資訊,其中提交 Sitemap 這個功能是比較重要的,您可以在 Sitemap 列出網站上的網頁,讓搜尋引擎瞭解您的網站內容架構。

以下都是需要使用 Sitemap 的情況︰

  • 網站規模極大: Google 網路檢索器很有可能會因此漏失部分新網頁或近期更新的網頁,沒有檢索到。
  • 網站擁有大量的內容網頁,但這些網頁處於隔離狀態或彼此之間沒有適當的連結: 如果網站上的網頁無法彼此參照,您可以將這些網頁列在 Sitemap 中,確保 Google 不會漏失部分網頁。
  • 網站才剛建立,而且連往該網站的連結不多: Googlebot 和其他網路檢索器是透過網頁層層連結的方式來檢索網頁,因此如果沒有其他網站連往您的網頁,Googlebot 可能很難發現這些網頁。
  • 網站使用 Google 新聞中顯示的互動式多媒體內容,或使用其他與 Sitemap 相容的註解。在適當的情況下,Google 會把 Stiemap 所提供的額外資訊納入搜尋範圍。

Sitemap 對新網站特別重要,因為提交 Sitemap 後搜尋引擎才會知道網站的存在,加快將頁面收錄到搜尋引擎下。另外亦可以防止一些頁面沒有被搜尋引擎發現,令到遲遲也沒有將網頁顯示到搜尋結果上。

以下是常用的搜尋引擎管理頁面︰

  1. Google Search Console
  2. Bing Webmaster (Yahoo 也是使用 Bing 搜尋引擎,所以這個已經包括了 Yahoo 在內)
  3. 百度站長工具

** 提醒一下,Google 和 Bing 都可以將網站設定到不同地區,記得要選擇對語言的地區才是最佳化。

6. SEO 需要一定的等待時間

不要以為所有事情做好後都會立即在搜尋引擎上反映出來,特別是新網站,搜尋引擎處理的時間會較慢,需要一至三個月不等,Google 會較快,大約數天就可以反映出來,但一開始排名一定不會很好,提高排名是需要時間慢慢累積的。

有研究指出網站在熱門關鍵字上達到搜尋結果第一名的時間需要 2 年時間或以上,冷門一些的關鍵字最快也要差不多 1 年時間。

所以 SEO 是一個長期戰,就算你有大量優質內容,也要時間慢慢累積。

等待收成的期間也不能放鬆,盡量趁這段時間製造更多內容,增加更多的頁面。

容,增加更多的頁面吧。

7. 不要使用黑帽 SEO

現今的搜尋引擎已經愈來愈聰明,Google 加入了不少機器學習的功能到搜尋引擎中,令搜尋引擎可以更準確和更快速。

所以千萬不要使用任何黑帽方法去令排名上升,這些方法可在短期內令排名上升,但搜尋引擎最終也會發現這些欺騙手法的 SEO,這些方法根本不可能長期有效,更有可能因為使用黑帽方法令搜尋引擎懲罰網站或將網站加進黑名單,到時就得不償失了。

網站和搜尋引擎是一個長期合作關係,千萬不要太短視為一時利益而犧牲長期利益。

結論

網站和搜尋引擎就好像伙伴一樣,網站和搜尋引擎要一起達成共同目標 — 令人們找到他們想要的東西,搜尋引擎自然視你為好伙伴,將你的排名提高。相反你使用欺騙手法在短時間取得流量,搜尋引擎發現並不再信任你後,就永遠不能挽回這段失去信任的關係。

做 SEO 不只從提高流量的角度作出思考,要時常在用戶和搜尋引擎的角度作出思考,想出方法令用戶快速地找到他們想要的東西,網站亦要盡可能提供資訊給搜尋引擎令搜尋結果更準確有效,這樣的 SEO 才是長遠方案,永遠不用害怕搜尋引擎更改演算法帶來的流量下降。

因為很重要,在最後再提三次︰「令人們找到他們想要的東西」「令人們找到他們想要的東西」「令人們找到他們想要的東西」,這是網站和搜尋引擎的共同目標,做 SEO 一定要在這方面多加考慮。

 

待過小公司,大公司。有創立個人公司和成為共同創辦人經驗,不怕失敗,永遠保持創業熱誠,籍創業不斷學習並改進自己。