fbpx

SEO 攻略|SEO 教學 – 持續更新

Search Engine Optimisation, SEO 是指搜尋引擎優化,搜尋引擎例子有 Google、Yahoo、Bing、百度……在互聯網時代,它們是我們日常獲取資訊的主要途徑,試想想,當有潛在客戶 Google 『網上推廣服務』時,你的網站排在最頭,網站自然更多人點擊(91%點擊在第一頁)、而且更具權威性。SEO 就是在 Google 的關鍵字檑台中競爭排名。勝利者便能得到源源不絕的客戶查詢!以下是 SEO 教學

SEO Check List

其實從選擇寄存公司,你網站的 SEO 已經開始了!下圖是一個簡單的 SEO 流程,我會慢慢具體介紹這些 SEO 手法是什麼、會用到什麼工具、應該怎樣做。

01 寄存公司的考慮

坊間最常見的是向寄存公司租用空間,一般按年費。我用的寄存公司是 SiteGround,除了可以快速安裝 WordPress 外,亦提供免費的SSL證書 (https),根據 Glow Big 計劃,第一年價錢約:HKD600/年,正常價約:HKD2000/年。(加價了~)

寄存公司選擇的重點:

  • 寄存公司 Server 位置,愈接近瀏覽者的地區,他們瀏覽你的網站更流暢。
  • 寄存公司功能齊備,例如:儲存空間、資料傳送量、子域名、MySQL 數據庫、電子郵件帳戶數量、自動備份等等。
  • 專業的寄存公司提供防火牆及病毒掃描
  • 寄存公司的支援,支援時間及支援所用的語言

簡單來說,如果你選擇的是大型、專業的寄存公司,它們已經安排好 https 的設置,並不用費神。

02 檢查網站

在建立好網站基本內容,例如:首頁、關於我們、產品頁、聯絡我們。我們需要初步檢查一下網站:

A. 不同裝置的顯示

現時的網站大多也是響應式,以我們網站為例是在 WordPress 加入了響應式的模板,雖然模板能夠自動建立好其他裝置上的顯示(手機、平板電腦),但手機版可能會出現錯誤 – 例如:字體太細、轉行問題、圖片排列問題等等。所以當完成網站基本內容後,應用其他裝置進入網站檢查。

B. 網站速度

網站速度除了會影響 SEO 排名外,亦會影響瀏覽者的體驗。一般影響網站因素眾多,除了剛剛提到寄存公司 Server 地點外,網站的內容亦是非常重要,例如:圖片過大,或影片是放在自己的媒體庫。因此,建議圖片若無必要,不要使用過大解像度圖片,例如現在本網站首頁 slider 則是 1920×1080,影片建議放在 Youtube,透過 Youtube 或其他平台播放器播放。

測試網站速度,最簡單用手機上一次網站看看流暢與否,有沒有圖片要等待 loading?另一個工具是 Google 免費提供的 Page Speed Insight,它會試圖找出可增加網站速度的地方,不過並不是全都能優化,例如:不受控制第三方內容,若你是門外漢大多不懂如何優化。因此若測試網站流暢、速度合格,不需要太深究。

seo-page-speed-insights

C. robet.txt

robet.txt 主要用途是用來防止搜尋引擎 (Google)索引某些網站頁面,例如:頁面未完成或管理員頁面,當在 robet.txt 設置後可確保 Google 找不到。直得一提,在2019年7月 Search Engine Land 一篇文章指出未來可能會取消 noindex (不讓搜尋引擎索引)。關於 robet.txt 如何做,可參考:Google 建立 robots.txt 檔案 以及 Harris 先生的文章

如果你是用 WordPress,可以在外掛下載 Yoast SEO,在左面列表找到 SEO > 工具 > 檔案編輯器 > robot.txt:

User-agent: * 大概是指允許所有搜尋引擎訪問你的網站。

Disallow: 是指不允許訪問, /wp-admin/ 以我的網站為例是指 https://studymonsterhk.com/wp-admin 及下層的網站如:https://studymonsterhk.com/wp-admin/example

seo-robot

如果你的網站是一般的 wordpress 網站,可以參考我的 robot.txt:

User-agent: *

Disallow: /wp-admin/
Disallow: /wp-content/
Disallow: /wp-includes/
Disallow: /*/comment-page-*
Disallow: /*?replytocom=*
Disallow: /feed
Disallow: /*/feed
Disallow: /comments/feed
Disallow: /?s=*
Disallow: /*/?s=*\
Disallow: /*?*
Disallow: /attachment/
Disallow: /faq-items/
Disallow: /forums/topic-tag/

Sitemap: https://studymonsterhk.com/sitemap_index.xml

最後可以加上你的 sitemap 網址,wordpress 一般是 domain.com/sitemap_index.xml。根據個人經驗,當 Disallow 某個頁面,現時 Google Search Console 會警告你,而在 robot.txt 刪除該頁面的路徑後,Google 需要約1個月時間會重新找回頁面,因此用 robot.txt 時需要三思。

D. 索引狀況

下一步需要非常重要的工具 – Google Search Console,可以參考 TransBiz 有關 Google Search Console 連結網站及使用的文章。當最初連結 Google Search Console 後,資料才會開始記錄,如果你的網站已經有人瀏覽需要一段時間才可以看到數據。(當搜尋引擎索引網站後約三天時間)

簡單來說可以在「成效」看到被索引的網站(即使未交 sitemap 亦會被索引,只是會較慢),可以看看有沒有出現錯誤的狀況,例如:某些網址失效便需要 redirect 網址 (稍後會再詳細講解)。排除是剛才所提到 noindex 的網址,如果出現錯誤一般可以在網上找出解決方法,尤其是 WordPress 多人用的網站平台。

seo-index-situation

03 檢查網址

網址(url),例如:本網站的 url 是 https://studymonsterhk.com,http 簡單來說是瀏覽器和服務器的通訊協議,https 的 s 是指 Secure 即安全性,即瀏覽者能安心瀏覽的網站,studymonsterhk.com 是 domain name 是網站的名稱。

A. 網址的長短、內容、層數

網址的長度在瀏覽器可以高達 2000 個字元,但一般並不建議,網址宜簡潔易明,長的網址無論復製或分享亦會造成麻煩,個人建議不超出瀏覽器框架內為佳。另外,網址內容需要和網站內容有關聯、容易明白 (亦可以作關鍵字的考慮),無論對 Google 和瀏覽者都會有幫助。補充一下:空格要用「-」破折號代替,例如:https://studymonsterhk.com/seo-教學

網址層數不建議多於3層,多於3層除了對於 Google 索引不好,瀏覽者亦會產生疑問,例如:你看到一個網址是:https://studymonsterhk.com/freelance/service/digitalmarketing/facebook/price

你對這個網址有什麼感覺呢?

另外,很多人會問:網址應該中文還是英文?因為中文網址被 Google 索引會變為一串長長的英文,傳聞對 SEO 不利。我個人建議,如果你的網站主要是中文的話,不需要擔心,以我的經驗中文網址對 SEO 並無太大的影響。相反,中文能針對網站的目標受眾,對瀏覽者更有友善,以 Google 的原則和發展,分分鐘網址的中文對網站的地區性有利!

近十年,Google 越來越聰明,而他的原則是令瀏覽者更方便容易找到想找的網站,因此遇到一些 SEO 決擇時,不妨站在瀏覽者的角度 (User Experience) 來看!

B. Re-Direct 301

在前文「索引狀況」提到過,把錯誤的網站 Redirect (轉址),錯誤的網站包括:重覆了的網站、失效網站、被 Google 索引了但更改了網址的網站等等。例如:我把網址 https://studymonsterhk.com/reading 更改為 https://studymonsterhk.com/閱讀理解,Redirect 的功用就是當瀏覽者點擊不存在的前網址時,自動轉到後網址,瀏覽者亦能找到網站。注意:若網址已經被 Google 索引,使用 Redirect 後新網址的關鍵字排名必然下跌,約1-2星期才會回升。

如果你是用 WordPress 可以下載外掛 – Redirection,在左欄中選工具 > Redirection。注意做 Redirect 時可以建立一個文件把需要 redirect 的網址整理好,放便自己 redirect 後的檢查。如果你是 html code 的網站,可以參考:成長駭客行網誌

seo-redirect301

C. 站內/站外連結檢查

站內連結是指自己網站連結到自己網站,站外連結則是連結其他網站。這個部驟非常簡單,就是嘗試人手點擊這些連結,測試網站內的連結和連結的內容是否正確(影片、文章⋯⋯)。

04 頁內優化檢查

接下來,要做的便是常見的頁內優化:

A. Title Tag

當你設置了 Title Tag 有什麼用、在哪可以看到?以這篇文章網頁為例, Title Tag 是「新手易明的SEO教學 – StudyMonster」,在瀏覽器的 Tag 會出現,不過顯示有限:

studymonster_titletag

Title Tag 一般會寫主要關鍵字/次要關鍵字,最後加上你的公司名稱,例如:SEO教學|SEO攻略 – StudyMonster,不過這種已經是舊式寫法,現在一般 Title Tag 除了主要關鍵字外,還應該有吸引力,令瀏覽者在 Google 看到時點擊。

semdisplay-studymonster

你覺得 SEO教學|SEO攻略 – StudyMonster 還是上圖對 SEO 新手更吸引?

接下來說 Title Tag 怎樣加呢?如果是 html 網頁則是在內加入,如果對 html 有興趣可以參考 HTML、CSS、JAVASCRIPT 的學習筆記。如果你是用 WordPress,請安裝 SEO Yoast (免費),便能簡單輸入 Title Tag、Meta Description 等設置。

B. Meta Description

就上文的圖片可以看到,可以看到 Meta Description 會出現在 Google 搜尋頁面的網站描述,不過在 2017 年 Google 已經放棄了 Meta Description 作為 SEO 排名因素,所以現時撰寫的方向不再是針對關鍵字,而是吸引目標受眾點擊、產品/服務重要資訊。注意:英文字長度為:230-320字、中文長度為:110-150字,但是在 Google 搜尋頁顯示仍然有限(約70字):

seo-searchpage

至於做法,WordPress 利用 Yoast SEO;HTML 則在內加入:

C. 圖片連結的 ALT

alt 又名為代替文字,用來標示圖片和什麼有關,在 html 的 coding 顯示:

seo-image-code

在圖片的 alt 標示關鍵字有助 SEO 排名,在 meta title、meta description 都被排除排名因素之一的現在,圖片的 alt 非常重要,如果是用 WordPress 當新增圖片時已經可以編緝圖片的 title 及 alt,html 則可以如上圖加入 alt。【提示:jpg 圖像檔案比 .png 小,對網站速度有幫助。】

D. 網站內容 h1,h2,h3

h1 是 html code,指標題1字型,如果是 WordPress 的 Text block 如同 Word 一樣可以把內容設置標題1。Title Tag 和 h1不同之處有:1. 前者出現在搜尋結果,後者出現在網站之中;2. 在 html 中,前者中,後者在中。Title Tag 的優化對索引更有用;h1、h2、h3 則是放便搜尋引擎了解你的網站內容。兩者同樣非常重要,可以相同或不相同。【小秘決:只放一個h1在頁面



05 爬蟲檢查及 Search Console

在之前的初步檢查了網站的內容、速度、網址是否有效和正確,但有一些網站結構性的異常和整體內部優化需要透過 seo 工具才能有效分析。接下來,為大家介紹免費 seo 工具 Screaming Frog。

A. 爬蟲軟件 – Screaming Frog

下載軟件:http://www.screamingfrog.co.uk/seo-spider

主要有3個作用:

1. 可以直接顯示網站頁面的問題如:redirect、頁面不存在、競食內容、noindex內容等等。

2. 可以清楚顯示各頁面的 meta description、title tag 用來避免重複內容或沒有填寫,方便定立關鍵字策略。

3. 亦可以在 internal 找出網站頁面的數據如:字數、外部連結數量等等。

seo-screaming-frog

B. 提交 Sitemap – Search Console

Google Search Console 亦有指導如何提交sitemap 的文章。Sitemap 是什麼?其實是一個網站的地圖,告訴搜尋引擎 spider 什麼需要被索引。提交搜尋引擎可以加快網站的內容被找到,令 spider 知道網站更新了。

如何建立 Sitemap?如果你是用 Yoast SEO,它已經會自動建立 Sitemap – 詳細,如上文 robot.txt 把 Sitemap 寫進去。亦有 Generator 能自動產生 Sitemap。

建立 Sitemap 後,在 Google Search Console,按 sitemap > 提交sitemap > 完成。

C. schema.org

schema.org 的結構化資料標記,這種資料會用在搜尋引擎的應用上,例如:搜尋結果、知識圖譜、內部索引作業等等。好像好深?看圖!

seo-搜索結果

Google Search 搜索結果

這個網站的搜索結果有 searching 欄,有其他分頁的連結。這些也是結構化資料,其他還有:活動時間、產品價錢、餐單等等。

seo-知識圖譜

Google Search 知識圖譜

右方就是知識圖譜的應用,顯示出公司的資料,你可以自行搜索一些公司如:Google、Apple 看看。

看到這些應用,你必然非常興奮,究竟如何做出來呢?建立結構化資料分成三種方法,分別是 JSON-LD (Google 推薦)、Microdata、RDFa,當然亦有不需要編程建立的方法,例如:WordPress 部分插件能夠輔助建立 – 例如: All in One Schema.org Rich Snippets。JSON-LD 是 javascript 編寫,只要在 html 的 head 內插入一段script就完成!

不懂編程不要緊,我發現了坊間原來有:Generator 可以填寫需要的資料(包括:活動、文章、分頁),填寫後可以直接匯出一段 code 放在 html 網頁的 head 內便完成。(本人還未嘗試。)

結構性資料寫法(JSON-LD)參考網站:http://schema.org/website 。Google 亦提供結構性資料測試

D. Markup 資料螢光筆

剛才提到的方法好像太難~有沒有其他方法?有。Markup 資料螢光筆。這是一種「結構化資料標記」產生器,以下是介紹影片:

資料螢光筆做法很簡單且很有用,但不少人忽視,建立資料螢光筆,跟隨這個連結部驟後,便能建立螢光筆資料,標明的資訊可能是產品、書評、活動、餐廳、電影⋯⋯可以設定單頁標記(2)/多頁標記(1)。

seo-markup1

最後,可以用Google 提供的結構性資料測試測試。

06 持續優化

最後就是持續優化,持續優化簡單來說,一般在 Search Console 及 Google Analytics 觀察你有什麼關鍵字突圍而出,或想推出什麼關鍵字?你亦可以利用一些工具觀察競爭對手,例如:SEMrushalexa.com 另一個測試搜尋頁的工具:SERP

當分析過後,再設立目標,例如:我想推「Digital Marketing xxx」一系列長尾關鍵字,然後再做行動。

A. Content Marketing

Content Marketing 內容行銷和 SEO 有很多重疊,因為搜尋引擎一般是利用內容把網頁歸類不同的 Keywords。不少人不斷撰寫文章,令自己網站成為內容農場。不是說內容農場不能推高網站排名,而是市場上已經有很多內容的超級農場!要穎脫而出,內容要新鮮、有重點、有吸引力。而內容善用 h1、提及關鍵字。懂得運用內部連結,例如:在高點擊的文章中,找出相關字眼加上連結,引導現有瀏覽者到達文章。

重點:文章應從用戶體驗 (User Experience) 出發!

B. 社交媒體 和 Email Marketing

社交媒體如:Facebook,在 Google 的爬蟲看來,即使你的專頁有過萬人 Follow,有過萬對你帖子留言、讚好分享(社交訊息),也是一個普通的外部連結。不過當別人透過連結點擊進入網站,人流越多對 SEO 亦有幫助。而且經營社交媒體可以建立品牌效應,當別人知道你的品牌後在網上尋找,人流自然能有助 SEO 的提升。

Email Marketing 亦是相同,例如:Mailchimp,這是教學,能夠輕鬆做到 Re-Marketing 把客戶帶到網站內,從而提高網站流量。

有機會再一起探討 SEM!

C. 外部反向連結

外部反向連結,一般自然的反向連結是指別人認為你的文章有用而連結了你的文章,因而在 SEO 看來,你的文章權威性高,最後提升了你的排名。但是,坊間亦有人用不正當的手法建立反向連結 (又稱為:垃圾連結),這些手法有機會被 Google 懲罰機制發現,排名下滑插水。不過坊間,仍然有人善用這些手段 – 被稱為:黑帽,而我個人並不推薦使用這種手法。

若是找 SEO 公司亦要問清楚他們的服務內容,是黑帽還是白帽?若是黑帽要小心一點,因為有公司是利用大量的反向連結推高網站排名,當有一天你取消服務⋯⋯你的排名便會插水⋯⋯介紹檢查 Linkminer 工具

07 總結

SEO 優化的過程就像打擂台,排名是長期的競爭,所以 SEO 的流程是:觀察 > 分析 > 報告 > 發現問題/定下目標 > 計劃  > 行動 >觀察。一般 SEO 應每日觀察,每月製定報告和設立明確目標,而行動便會運用上文提到的 SEO 優化方法和工具,你亦應該留意有關 SEO 的最新消息。如果有任何問題,歡迎留言,一起探討,謝謝你看我的文章!

希望此文章對大家有幫助,如果可以,請點擊有興趣的廣告,謝謝大家!

如果對 digital marketing 有興趣/已入行的朋友,歡迎點擊加入 Telegram Group 一起交流!

By |2020-06-07T07:32:08+08:00七月 18th, 2019|Categories: Digital Marketing|Tags: , , |2 Comments

About the Author:

Ken Chu 畢業於塔斯曼尼亞大學-工商管理。從事 Digital Marketing / Media 工作。

2 Comments

  1. seo 二月 13, 2020 at 11:07 下午 - Reply

    thanks for sharing

Leave A Comment