SEO解釋:什麼是SEO,如何為網站進行優化?

(作者:貴設計  |更新日期:

當談到SEO(Search Engine Optimization、搜尋引擎最佳化),我們指的是一系列的技術和策略,旨在優化網站以提高其在搜索引擎結果頁面(SERP)中的排名,從而增加網站的可見性和流量。
首先,關鍵詞研究是一個重要的步驟。通過了解你的目標受眾和行業,你可以找到與你的網站相關且有潛在價值的關鍵詞和詞組。這些關鍵詞應該在你的網站內容中得到合理的應用,包括標題、段落、圖像標題等位置。
其次,優質內容是吸引訪問者和搜索引擎的關鍵。創建有價值、有吸引力且與你的目標受眾相關的內容,可以提高訪問者的參與度和頁面停留時間,進而對SEO產生積極影響。此外,你還可以優化內容的結構和格式,使用標題、段落、列表等元素使其更易於閱讀和理解。
另外,網站技術方面的優化也是重要的一環。確保你的網站具有良好的速度性能,可以提高用戶體驗和搜索引擎的評價。優化網站的結構和內部鏈接也能幫助搜索引擎更好地理解你的網站和內容。
此外,建立高質量的外部連結也是提升網站排名的重要策略之一。透過與其他相關網站的連接,你可以增加你的網站在搜索引擎中的權威性和可信度,從而提升排名。
因此SEO是一個綜合性的過程,需要在多個方面進行優化,包括關鍵詞研究、優質內容創作、網站技術優化和建立高質量的外部連結。透過這些努力,你可以提高你的網站在搜索引擎中的可見性,吸引更多的訪問者並實現你的網站目標。 但整體來說,貴設計會區分成二個方向優化,一個是從行銷人能力所及的SEO優化,一個則是IT技術人可以操作的方向。

📌 行銷能力長而久遠📌 廣告費用無需費用
📌 流量來源搜尋而來的自然流量📌 基本操作持續寫文章
📌 技術又難又高。需懂程式、寫文章、UIUX..📌 教學資源極多。文章影音、SEO課程都有
📌 優點提高網站能見度,消費者主動找到。長期自然流量、精準客戶...。📌 缺點技術專業高、發酵時間長,不適於短期推廣。

行銷上的SEO

搜尋意圖是什麼

Google的初衷便是滿足所有的搜尋都能找到100%滿意的答案(因而延伸出 SEO優化的技術。) 所以每一個網頁的內容要能夠滿足搜尋意圖是基本條件,接著再聚焦於搜尋意圖將文章寫的又深又滿(稱之為文章深度), 排名自然就會好,所以Google演算法再怎麼變,萬年不變的都是要滿足使用者的搜尋意圖。所以要有好的關鍵字排名基本就是滿足使用者的搜尋意圖。

  1. 100%的滿足搜尋意圖。EX:我要林志玲,請不要給我蔡依林。
  2. 文章深度。EX:請給我林志玲的一切,不要只給我她的簡介。

但何謂一篇叫做滿足搜尋意圖、又能夠做到文章深度的文章呢?就請客倌您繼續看下去~【搜尋意圖】是什麼?
Google平均每秒鐘發生超過4萬次的搜尋,每次的搜尋目地就是為了在找尋一個答案。 而Google就是那個提供滿足你搜尋目地的角色。 所以搜尋的目地其實就是所謂的搜尋意圖。 google-search-statistics
例如搜尋"網站架設"的目地是為了如何架設網站,所以出來的搜尋結果就會是教導他人如何架設網站。 網站架設搜尋結果
搜尋"網頁設計"的目地是為了找廠商協助官網的網頁設計,所以出來的搜尋會是一堆的網頁設計公司。 網頁設計搜尋結果
所以滿足搜尋的意圖,是寫文章的第一步,相反的藉由關察Google自然的搜尋結果,也可以了解該組字所謂的搜尋意圖是什麼,在寫文章上才不會文不對題,無法切中要害。就如上面寫的我要林志玲,請不要給我蔡依林。 一旦文章的內容未滿足使用搜尋的關鍵詞意圖,造成使用者快速回上頁或關閉網頁,這無疑對於該網頁的SEO是一大傷害。

🎥 影音說明: 請點擊

關鍵字研究分析

關鍵字研究分析目的是為了了解你的產業大家都使用什麼關鍵字做搜尋,知道慣用哪些關鍵字做搜尋之後再著手開始寫相對應關鍵字的文章(貼近使用者需求),文章才會被搜尋到。 不然即使寫了也是泛人問津。例如使用七言絕句寫的文章容易被Google到嗎?一定很難,畢竟懂七言絕句的人是少數。
那回到主題要如何挖掘關鍵字呢?

  1. 基本的SEO關鍵字就是你的企業服務名稱,如網站架設、辦公室出租,健康飲品、超音波拉皮之類的。
  2. Google Ads:Google廣告提供的關鍵字規劃工具,透過輸入關鍵字即會出現每月搜尋量及關鍵字提案,但前提是你需要先刊登Google Ads的廣告,才可免費使用該工具。如下圖 關鍵字研究工具 這邊Google Ads的關鍵字提案都是撰寫的文章方向之一,也是廣為Google使用者搜尋的關鍵字。
  3. GSC:Google Search Console也是Google官方所釋出是用來觀察關鍵字的工具,透過該工具可以得知目前某網址的關鍵字排名、曝光、點擊...等等。在GSC工具中透過觀察頁面的"熱門查詢項目"也是收集關鍵字的一種。 關鍵字研究工具GSC
  4. Ahrefs:SEO界無人不知的Ahrefs在2年前推出免費SEO工具,也可用來觀察關鍵字,重點是免費的。 關鍵字研究工具ahrefs
  5. 點一下空白法:文章開頭就說明了關鍵字研究重要性,所以找尋正確的關鍵字很重要。點一下空白法,是基於Chrome瀏覽器所提供的小功能,免費又簡單。 就真的只要點一下空白鍵就可以了哦。請直接看以下影片示範。
  6. 滑鼠拉到底法:滑鼠拉到底法,也是直接透過Chrome瀏覽器尋找相關的關鍵字。方式是非常的簡單,就真的把你的滑鼠拉到底就好了。請直接看以下影片示範。
  7. 付費的SEO工具,如ahrefs付費版、semrushsemrushmozneilpatel,歐美還滿多的,但都不便宜倒是。
  8. 較不正規的做法,就是可以去ppt、mobile01、fb、蝦皮等大流量的網站,收集大家慣用的用詞有哪些。

以下是為SEO研究院針對關鍵字研究做的總結

  1. 就是從混亂中去整理「關鍵字」與「主題」,這些要盡可能的貼近目標客戶的需求,並且找出優先順序。
  2. 從以上的結果,產生內容及相關策略(什麼樣格式的內容、數量、平台、頻率等)。
  3. 然後分析成效,再來修正。
  4. 當然最重要的就是,善用工具提升效率。

文章標題與描述

文章標題與描述很重要,因為標題、描述寫的好,會直接影響使用者點擊網頁的意願,直白點講網頁被點擊的機率,會直接影響排名順序(前提是內文滿足搜尋意圖),所以千萬小心命名。以下的黑色框就是所謂的文章標題,它是出現在Google的自然搜尋結果。

html title

再強調一次文章標題非常的重要,命名的時候不坊參考以下(勿過長、搪塞關鍵字,都會被google修改標題,建議長度30個中文字左右。)

  1. 文章標題要能夠準確表達文章的內容。
  2. 動人心並吸引訪客"點擊"。
  3. 加上年份、數字、最新、情緒性描述
簡言之,就是關鍵字+標題殺人法。例如
  1. 他智商5歲,卻年賺2,000萬
  2. 2021年前10大女模公認最帥的男子
  3. 林志玲一生最愛的10個男人

以上都是很好的文章標題命名,但請務必滿足文章的內容。例如"林志玲一生最愛的10個男人",請勿給蔡依林一生最愛的男人。 所以清楚了解每一次搜尋背後的意圖,如此才能有更貼切的文章標題。
用法如下,只要在你的文章html檔上加上如下

<title>文章名稱</title>

文章描述同樣會出現在Google自然搜尋結果(SERP),如下

html title

meta description為文章的摘要,同樣也要寫的動人、吸引訪客點擊,盡量讓你的主要關鍵字出現在句子的最前面。同時也多放些同義字,例如 歐巴馬為關鍵字,也可以放美國總統、黑人總統在描述或文章的首段。 但Google也不總是都那麼乖的會抓meta desciption放在自然搜尋結果,有時會擷取文章內的某一段放在Google自然搜尋內,因為Google"認為"那段更適合。
用法如下,只要在文章的head標籤加上(建議長度80個中文字左右。)

<meta name="description" content="自訂描述">

2022/12 最新更新:

🎥 影音說明: 請點擊

文章首段

文章首段是一篇文章的概要、大意、簡要,跟文章描述(Description)有點相似。文章首段對於做SEO是非常重要的一段內文,會決定網站訪客是否繼續看下去,也是SEO技巧母雞帶小雞的方法也是在首段設定的效果最為明顯、有用。
文章首段的,以標題關鍵字起頭,把查到的關鍵字寫成一段文字,關鍵字可重覆2次。範例如下 文章的關鍵字是【辦公室出租】,所得到的相關關鍵字為【台北辦公室出租、辦公室出租推薦、小型台北辦公室出租推薦、中山區辦公室租賃、信義區辦公室租賃、台北租辦公室】得到的文章首段如下
" 台北辦公室出租推薦3秒找到2~10+人千萬裝潢獨立小型台北辦公室出租,租金行情合理CP值高。信義區、中山區辦公室租賃、捷運沿線皆有,台北租辦公室就是好簡單。"
TIPS:這段辦公室出租的相關文字,其實從SEO的角度是不好的,因為稀釋了文章以SEO為主軸的關聯性,最好的方法是將這邊用圖片呈現。

🎥 影音說明: 請點擊

文章深度

一旦文章基本滿足了使用者搜尋的意圖,接著讓這個意圖徹徹底底的被滿足,也就是說提供更多、更豐富有關意圖的解答,讓搜尋意圖的解答趨近完美,這就是所謂的文章深度。
舉例來說,介紹林志玲的文章二篇文章,A文只有簡單100個文字介紹她,跟B文超過2,000字並圖文並茂,外加影片介紹,這二篇文章誰能勝出一目了然,一定是B文。因為B文提供更多、更豐富有關林志玲的資訊,想當然爾SEO排名會比較好。
但你說說看啊,如何要讓文章的深度被滿足呢?同樣舉林志玲的例子,在文章3種常用【關鍵字研究】方法提到 如何研究關鍵字,所以請用林志玲這個關鍵字找尋她相關搜尋的關鍵字(如下)

林志玲相關搜尋

基於上述查到的相關搜尋,能夠寫成文章的就納入文章的子章節(如林志玲現況、林志玲故事、林志玲產子),只需要一段話就可以講完的(如林志玲IG),就將該關鍵字塞入文章內。 如此該文章就是一個有夠足深度介紹林志玲的文章。
接著你再點選"林志玲現況"的連結,進入後同樣下拉到畫面最底端,又出現一堆的相關搜尋,如下的相關搜尋同樣的都可以做為文章深度的主題進行撰寫。如此就能滿足文章的深度。 林志玲相關搜尋

🎥 影音說明: 請點擊

文章聚焦再聚焦

一篇文章的撰寫千萬要"清楚了解每一次搜尋背後的意圖,才能給予正確的回答",這就是上述講的搜尋意圖,當文章滿足了搜尋意圖之後,就是讓文章聚焦再聚焦。 例如以下三個文章,在關鍵字"共享辦公室、借址登記、商標註冊費用"都佔劇Google搜尋結果的第一頁 (都貴設計操作的哦)。從文章的目錄就可以發現文章的內容非常的聚焦於它們的關鍵字。

搜尋意圖
搜尋意圖
搜尋意圖

BTW的提到一點,在執行SEO寫文章的時後,常有二個最大的毛病就是文不對題搞錯重點,文章艱深難懂,產業專有名詞過多。例如 搜尋意圖 上述的內文標題是介紹"各項程序審理時間",但卻只有"審理時間有所不同"就交待完畢了,這跟本沒有直接回答文章的標題,所以"扣分"。第二標題是說明審理時間,內容卻只有大概15個字回應標題,另外100個字都跟標題無關,再"扣分"。第三寫的不夠接地氣,過多專有名詞,三扣分。 基於第三點還好,但第一、二點就非常不適當,因為Google要的就是"直接回答"問題。所以聚焦再聚焦非常重要

🎥 影音說明: 請點擊

6.結論

執行SEO【寫文章】是第一件重要的事情,而【滿足使用者的搜尋意圖】是第二件,【聚焦再聚焦】則是第三件事。使用者搜尋林志玲,請不要給蔡依林。若不知道使用者搜尋意圖為何? 請觀察搜尋結果的前三名,看看別人是如何位在排名前三名,在觀察他的文章深度是你能夠超前的嗎?

技術上的SEO

網站被收錄了嗎?

想參與SEO錦標賽的排名,首先要【報名】參賽。因此要參賽的文章要有排名,必需要先跟Google報名參賽,而專業的術語就是指"收錄"。 想進入Google自然排序前三名,需滿足Google近300項的排名因素,但最基本的一點就是Google搜尋引擎能搜尋到你的網站嗎?你的網站顯示在Google上了嗎? 若連Google都未登錄自家官網,還談什麼關鍵字排名、網站SEO優化?但我要如何知道官網是否被Google登錄呢?

site:自家網址
範例如下:我在Google搜尋框輸入site:web-seo.vip後,若出現自家網站,就代表Google登錄您的網站了 Google登錄
若Google未收錄您的網站就會如下 google未收錄
所以透過上述方式就可以了解自家網站是否被Google登錄,而【 Google登錄 】就好比新生兒出生報戶口的動作,同樣你的新網站、新網頁也要跟Google報戶口。 報完戶口之後,再討論網站SEO怎麼做優化、操作關鍵字排名。不然一切都是甭玩。
那有網友詢問我們,要不要去Bing、百度之類的登錄? 時代的演進,全球主要的搜尋行為高達93%都在Google搜尋引擎上發生(參考下圖), 所以你說要不要去Bing、百度(除非客群在中國)呢?
所以現在快點檢查自家網站是否已被Google登錄,若尚未的話,就讓貴設計跟您分享以下3種Google收錄網頁的方式。你也可以聽聽Google怎麼講 為什麼 Google 搜尋找不到我的網頁?

文章被收錄了嗎?

文章是否被收錄的概念跟網站是否被收錄是一樣的,而驗證如上只是將網站網址換成文章的網址即可。若被收錄則會出現文章名稱。

site:文章網址
文章收錄

而唯一要注意的一點是,一個網站會有很多的網頁,為確保文章各各都有參與SEO錦標賽的話,就要保證所有的網頁(即文章)都有被收錄,其實小網站是沒有差的,所有的網頁很容易就會被收錄了,但一旦是上千、上萬的網頁要能夠被Google【全部】收錄,其實就會有難度了。一個不小心就會產生許多 Orphan page(指沒有任何內部連結到該網頁)。後續會分享到如何讓網站的所有網頁能夠確實被收錄。

文章收錄的三種方法

貴設計跟您分享以下3種Google收錄網頁的方式。你也可以聽聽Google怎麼講 為什麼 Google 搜尋找不到我的網頁?

Google登錄的三種方法

#方法優缺點做法
1無為而治法優:什麼都不必做
缺:登錄時間最..慢
文章產出、文章修改後,你什麼都不做,時間久了,依然會被Google登錄,但這就是隨緣。 。雖省時省力,但登錄時間會超慢。修改結果,例如文章標題、描述會較慢呈現在Google自然搜尋結果。
2一條連結法優:只要1秒鐘就搞定
缺:登錄時間較上述快
發佈新文章,就馬上分享到"即有"的網站,或個人FB。Google機器人便會隨著即有的網站(頁)爬到您的網站 ,接著就收錄了。二來有一個好處,一旦網頁內容被收錄會有一個時間標籤,該時間標籤會證明你的內容是第一手,防止他人盜用你的內容而被Google誤判為抄襲。
3GSC登錄法優:難度較高
缺:登錄快則15分鐘就會生效
透過GSC(Google Search Console)在每次文章的新增、修改,都透過的GSC網址審查的功能, 一旦送出審核,生效時間遠遠會快於上述二個方式。 但要如何透過該方法登錄文章呢? 進入GSC後台,將網址貼至以下紅色框的部份按下Enter即可 網址登錄

想要進Google自然排序前三名,基本報名參賽資格是必要的動作, 所以在網站建立完成or有新文章發佈、文章修改,請務必至GSC做重新提交的動作, 如此在自然搜尋結果也會較快反應您的修改結果。
提外話:以貴設計自已的做法除了偏向GSC登錄法,我們還會用另三種較進階的做法

  1. 使用sitemap.xml
  2. 使用網站地圖
  3. 內部連結

透過以上三種做法,連結正常(除"Orphan page")都會照本被收錄,我們後續會再講到,在此不妨先了解即可。
回顧上述最重要的一句話【想參與SEO錦標賽的排名,請先報名】,所以請先確保該網址有被收錄到。 若您說有100個網址呢?其實也是需要讓這100個網址統統被收錄,沒錯,就是必需這樣子。所以其實很多網站,他有很多的網址但是卻沒有被收錄,導致許多的頁面都無法參與這個世界關鍵字排名大賽。 所以還是那句老話【想參與SEO錦標賽的排名,請先報名】。

重要文字直接呈現

以下二點,對於以文字為主的SEO是非常的不友善

  1. 網頁內容以圖片方式呈現為主(請參考),因為以目前Google Spider仍是無法準確解析圖片中的文字。
  2. 網頁內容以程式動態呈現,例如(請點擊),以Google來說無法觸發事件的產生
  3. 重要文字內容不嵌入於iframe
至於什麼的情況會建議以圖片or程式動態呈現呢?
  1. 文章主題不相關的文字佔用過多的文字比例,建議以圖片呈現。
  2. 利用程式動態呈的平均停留時間

🎥 影音說明: 請點擊

RWD響應式網站

在過去手機尚未流行之前,網頁只要在電腦螢幕前面美美的的呈現就可以。但由於手機的興起,過去一個14寸的網頁要塞到只有5寸的手機螢幕or平版裡面,這跟本就是不可能的事。因此響應式網頁設計(RWD)的設計概念就跑出來了(也稱為自適應網頁、變形蟲網頁設計)。所以響應式網頁設計(RWD)就是讓你的設計出來的網頁能夠皆能夠完美的呈現在各式大小的螢幕內,一點也沒有網頁跑版、壞掉之問題

響應式網頁設計

所以響應網站的優勢是「同一個網站在不同尺寸的螢幕上會自動調適內容,以符合版面大小,都能夠清楚地看到網站的圖片和內文,都能完美呈現。」,支援多種瀏覽裝置,如電腦、平版或是手機等,可增加行動裝置用戶外在您的網站上直接下單的機率。台灣使用智慧型手機高達82%,提供給您的用戶最佳瀏覽體驗,讓您的網站手機、平板、電腦一次搞定!品牌形象一致,不需要針對不同版本而設計不同視覺效果,可使用單一網址做宣傳。在SEO(搜尋引擎最佳化)加分,因響應式網站不必拆成電腦版、手機版兩個連結,因此流量分析能統一,有利於SEO。
Google也建議所有網站使用 RWD 響應式網頁設計為標準,讓網頁能在不同大小的裝置,自動變換排版方式,有助於網站排名優化(SEO),方便各種裝置使用者瀏覽,故強烈建議以RWD Design方式製作網站,馬上淘汰非響應式網頁。可參考Google對於RWD響應式網頁的解釋。

🎥 影音說明: 請點擊

HTTPS

貴設計的網址是https://web-design.vip,在網址前面有一個"https(超文字安全傳輸通訊協定)",這代表網站透過協定上的加密機制後能夠防止資料竊取者就算攔截到了傳輸資訊卻也無法直接看到傳輸中的資料,講白一點就是資料從網站傳到你電腦上的瀏覽器都是經過加密的。

SSL安全憑證https

有心截取你資料的駭客是無法解密的(理論上)。網站要使用免費的https,可以去Cloudflare or Let's Encrypt註冊。一年大概可以省下2xxx多的成本。但當然加密等級是有差的囉!

🎥 影音說明: 請點擊

網站速度

一個簡單的問題,全家的店員結帳的速度愈快,當日的營業額是不是就愈高呢? 這是必然的。同樣這個道理也適用於網站的轉換率。 請參考以下的圖,網站下載速度3秒內,網站的轉換率是最高的。所以保持網站的高下載速度是重要的。

Google Optimize

那我們要如何知道網站的下載速度呢? 網站速度測試工具 PageSpeed Insigh(如下圖)、 Pingdom,這個分數沒有絕對。但就是建議比你的競爭對手高即可

Google Analytics

這是某一個網址的下載速度為100分(電腦版),手機版應該會略低。但不求高,但只求比競爭對手好。
若要看整個網站的網頁下載速度,請先登入GA -> 行為 -> 網站速度 -> 速度建議。 你就會看見以下的圖,下圖最右邊的紅色區塊,就是每一頁的分數。

網站整體下載速度

要優化網站整體速度的前提,必需先個別攻擊找出速度最慢的那一頁(看上圖分數最低)再優化。那要如何做速度優化呢?

  1. 亞洲主機:如Siteground的新加坡主機、GCP的台灣彰化主機。物理連線速度快。
  2. 減少頁面減少HTTP Requests的次數,頁面載入的效能就提升非常多
  3. 壓縮網頁的程式碼,包含js、css、html檔。推薦工具HTML Minifier
  4. 移除未使用的CSSPurifyCSS Online
  5. 圖片檔案限縮在100K or 更小。推薦工具Tiny Png
  6. 減少HTML的標籤,讓網頁保持輕盈,並善用defer、async
  7. 使用延遲載入推薦工具,Lazyload
  8. 善用CDN,如Cloudflare。參考CDN是什麼
  9. 優化Server端程式演算法:減少呼叫資料庫的次數
  10. 優化資料庫結構:移除不必要的欄位、資料,限縮字元的容量
速度優化前 上左圖:網頁速度優化前,Performance 59分、SEO 79分
速度優化後 上右圖:網頁速度優化前,Performance、SEO都提高許多
🎥 影音說明: 請點擊

Sitemap網站地圖

在了解Sitemap之前,先聊一下【爬蟲】,爬蟲在SEO界稱之為蜘蛛(Spider),它是Google派出來搜羅全球所有的網站、網頁。在文章收錄的章節裡面提到,要參加SEO錦標賽的排名,首先要【報名】參賽,而蜘蛛你可以想像成就是報名的窗口。所要SEO排名嗎?先給蜘蛛咬一下吧!
那Sitemap是什麼呢?Sitemap稱之為網站地圖,一般的做法是會把網站的所有網頁都放在sitemap.html內,讓網站訪客能夠快速找到他想找的內容(例如UDN聯合新聞網的網站地圖),這個版本是網站訪客使用的。
另一個版本(命名為sitemap.xml,例如sitemap.xml)是給蜘蛛、爬蟲看的,其用意是讓Google方便、簡單就能夠索引網站上【所有的網頁】,換句話說就是讓網站上所有的網頁都能夠參與SEO錦標賽。

🎥 影音說明: 請點擊

靜態化網址

靜態化網址這個名詞比較專業,直接用演的給你看吧!開發網站到一定規模的時後,網址後面都會附帶許多奇奇怪怪的數字、文字or符號,並用「&」做區隔。例如以下是Momo網站某商品的網址,這就是所謂的參數。 例如 https://momo.shop/女裝.jsp?顏色=黃&價錢=16900&適用對像=兒童&代理商=貴設計。網址用中文來解釋,就是momo的黃色女童裝,價錢1萬6千9,代理商貴設計在賣的衣服。
靜態化網址 以這種有一堆怪符號,又臭又長的網址是不受SEO的青睞的,所以我們都會做些手腳,讓網址看起來乾淨、俐落。例如如下 靜態化網址 這個過程就是叫做靜態化網址,靜態化網址的好處有

  1. 有益於SEO抓取,降地SEO收錄難度。
  2. 網站訪客用戶體驗佳。
  3. 提高網站安全。

另外針對網址在SEO的注意事項

  1. 勿用中文網址,以英文為主。
  2. 英文網址的意思盡量表達title。例如what-is-seo.html
  3. 勿有特殊符號,例如空間、雙引號、逗號、分號。
🎥 影音說明: 請點擊

Canonical標準化網址

SEO最忌諱的就是重覆性的內容,所以網站上全部有可能導致重覆性內容的問題都要處理掉。例如哪些?

  1. 手機版網站:早期沒有RWD技術時,會專為手機版建立一個m.fb.com的網站,但m.fb.com/a.html與fb.com/a.html的內容就會一樣.
  2. https網站:網站內容若沒有將http直接導至https的頁面,也會導致重覆性內容。例如http://fb.com/a.html與https://fb.com/a.html
  3. 電商網站:就剛前面的例子
    https://momo.shop/女裝.jsp?id=2342&顏色=黃&價錢=16900
    https://momo.shop/女裝.jsp?id=2342&顏色=紅&價錢=16900
    這二網址其實都是指同件衣服,只是衣服顏色不同,所以大概有99%的內容都是一樣的。電商網站的網址很多都會有這樣子的問題。
  4. AMP頁面(Accelerated Mobile Pages):AMP頁面是Google為了在手機版快速呈現網頁所提供的機制,只要將網頁內容修改成AMP的規範,Google便有機會將這頁以AMP的方式呈現。

上述是網站常見造成重覆性內容的原因,但有時還包括自己網站產生錯誤的頁面。那要如何解決這個問題呢,那就是"Canonical"了。透過Canonical告訴Google該頁內容的標準網址是xxx.com/a.html。任何重覆性內容的網址均不會被賦予排名,均以宣告的標準網址為主,並進行Google排名。

語法如下,在文章的HTML檔加上
<link rel="canonical" href="https://web-design.vip/seo-tutorial.html"/>

從好的程式角度習慣,所有的頁面都應該加上canonical,以避免日後網站龐大網址混亂的問題發生。

🎥 影音說明: 請點擊

延遲載入(lazyload)

何謂延遲載入呢?就是等有需要再拿的意思。在HTTP Requests中提到,網頁在"一開始載入會向主機端索取全部資源檔"。有看到重點了嗎? "一開始"、"全部"。就是一開始就下載全部的資源檔,就會造成網頁下載速度慢。
但通常網站訪客通常一進入網頁的時後,只會看到網站最上方的第一個畫面,此時只需提供訪客看到第一個畫面所需的圖片、資源檔。所有尚未用到的圖檔、js、CSS則可以等訪客將網頁畫面下拉到 下方,再將相對的呈現圖檔、資源檔即可。所以延遲載入就是這個概念【有需要再提供】,讓不是在第一個畫面所需的圖檔、影片檔無需載入,直到網頁拉到第二、第三個畫面才能載入。

🎥 影音說明: 請點擊

在寫文章的同時,請務必考慮將這三種連結都參考進入,這將會大大的有益於網站整個的SEO。

  1. 內部連結 (Internal links): 是指在網站內部頁面之間相互連接的超連結。通常,這些連結會以某個關鍵詞或詞語作為鏈接文本,以引導讀者到該詞語所描述的其他內容頁面。 站內連結可以幫助讀者更輕鬆地尋找和訪問網站上的其他相關內容,同時也可以提高網站內部頁面之間的互動性和相關性,從而提高整個網站的用戶體驗和搜索引擎排名。
    站內連結功能是指在網站建設過程中,將內部頁面的相關連結添加到網站的不同位置,例如導航欄、側邊欄、內容頁面等位置。站內連結功能也可以進一步優化網站的導航結構,使得讀者更容易找到自己需要的內容,同時也能提高網站的搜索引擎排名。
  2. 外部連結(External link):External link(外部連結)指的是在一個網站上指向其他網站的超連結。在網站內部,如果一個頁面中包含指向其他網站的連結,那麼這些連結就被稱為外部連結。 與內部連結(Internal link)相對應的是外部連結,兩者的區別在於指向的目標不同。內部連結指向同一個網站的內部頁面,而外部連結指向其他網站的頁面。
    外部連結在網站優化和SEO中是一個重要的因素,因為它們可以增加網站的權威性和可信度,從而提高網站在搜索引擎中的排名和流量。然而,需要注意的是,過多的外部連結可能會對網站的SEO產生負面影響,因此需要適當控制外部連結的數量和質量。
  3. 反向連結(Backlink):反向連結(Backlinks)指的是其他網站中指向你的網站的連結,也稱為入站連結(Inbound Links)或入口鏈接。反向連結可以幫助增加你的網站在搜索引擎中的權重和排名。
    反向連結是網站優化中非常重要的一個因素,因為搜索引擎通常會將反向連結作為評估網站權重和排名的一個重要指標。反向連結的數量和質量都會影響網站的權重和排名。通常來說,反向連結的質量越高,對網站的影響也就越大。
    當然,需要注意的是,反向連結的質量和數量並不是越多越好。如果反向連結的質量不高,例如來自垃圾網站或與你的網站主題不相關的網站,這可能會對你的網站產生負面影響。因此,需要選擇高質量、相關的網站進行反向連結。
    網站主人可以通過各種方式來增加反向連結,例如創建高質量的內容、參與社交媒體和博客、加入線上目錄和社群、與其他網站進行合作等。無論採用哪種方式,增加高質量的反向連結都可以幫助提高網站的權重和排名。

禁止反向連結

影響Google SEO排名最有力的就是【反向連結】。何謂反向連結呢?例如五月天、張惠妹都推薦的A歌手唱歌好厲害,那A歌手就容易被認定為厲害,因為這是天王、天後所認可的。五月天、張惠妹對於A歌手可以稱為反向推薦
那到了網際網路,也就是說美國白宮官網的部落格文章,有一條連結是寫【台灣英文翻譯推薦】,然後連結到你的官網,那可就不得了。你的專業能力是被白宮認可推薦的,Google就會將大家在搜尋【台灣英文翻譯推薦】的時後,優先給予你的網站好的排名及曝光。若美國時代雜誌、美國國家地理雜誌的官網也紛紛有一個連結類似如上的話,這不就更告訴Google你的網站的公信力跟權威度了呢,這的主因其實就是好網站推薦好網站的概念。那從美國白宮、美國時代雜誌、美國國家地理雜誌連到企業官網的連結就會被稱為【反向連結】。
那假設你的網站總是被一堆18禁網站、垃圾農場、賭博網站有反向連結做連結的話,這是不是也同樣宣告你的網站是類似很糟糕網站呢?答對了,就是。所以為了避免自已的官網被這種亂七八糟的網站做反向連結。不坊可以透過Google機制提交垃圾網站的連結,告訴Google這些都是來亂的,請不要相信他們之類的話。Google在評定該網頁的排名,就不會將因素列入。
作法,只要將 deny.txt檔案下載,調整垃圾網站的網址,並上傳至 Google即可。 垃圾連結

善用HTML標籤提高SEO

如何善用HTML標籤提高SEO?一篇文章要做SEO的文章基本的HTML標籤必需

  1. <title>標籤:使用<title>標籤才能調整SERP的結果,並且命名得宜可換來高點擊率大大提升SEO排名。

    html title
  2. meta description:在網頁加上meta description之後,會在Google自然搜尋結果出現如下

    html title
    meta description為文章的概要,同樣也要寫的動人、吸引訪客點擊,盡量讓你的主要關鍵字出現在句子的最前面。
  3. <H1>~<H6>標籤:H1~H6的標籤,以貴設計的習慣,只會用H1、H2,至多H3而已。一般 H1會放跟title一樣的名稱,但礙於title只能放最多35個中文字,H1就可以再加油添醋一些。
  4. 屬性title、al:title、alt屬性最常使用在 <a>與<img>。alt是指圖片若沒有顯示出來會有預設的文字, title是指當滑鼠滑過你的<a>與<img>上面會自動浮現文字(效果如下)

    選單示意圖
  5. meta robots:meta robots一般只有要求Google Spider不要收錄該網頁才會用到。
  6. link canonical:請參考canonical章節
  7. meta viewport:因應手機世代,所有網頁在呈現時均需滿足所謂的響應式網頁設計(RWD),而RWD也是Google強烈你的網頁勢必要滿足該條件。 所以除了使用一些RWD的前端程式(例如bootstrap),請同樣在html檔內加上 viewport。
  8. schema org:Schema org稱為結構化資料,結構化資料對於SEO的加分效果最強大,但何謂是結構化資料Schema org呢? 其實透過Schema org將網頁內容相關的明確線索提供給 Google Spider。如此的好處便是你的網頁在自然搜尋結果下,會以各種Google 提供的可能型式呈現,而不再是只有Title / Description。

了解更多請參考10個強化SEO的HTML標籤,最後的HTML標籤,讓SEO排名大增

🎥 影音說明: 請點擊

避免404、500的錯誤連結

在此先說明何謂是404、500是什麼東西。在每一次的網頁連線在網站的伺服器端會依據連線結果而回傳一個狀態碼,而404、500就是狀態碼的一種。最常用的狀態碼有三個200、404、500,但操作SEO還要知道一個就是410。這些狀態碼的說明如下

  1. 200:代表這次的網頁連線很【成功】,所以回傳200。
  2. 500:代表此次連線的網頁內容【發生錯誤】。
  3. 404:代表此次連線的網頁內容【暫時移除】。
  4. 410:代表此次連線的網頁內容【永久移除】

那為什麼要避免網站發生404、500的內容呢?

  1. 整個網站佔比過高的404、500頁面,會讓Google認為網站品質不好。假設有1000個頁面,其中300個頁面回傳404、500,近30%的頁面壞掉就是過高,若只有2%、3%則還能接受。
  2. 原本連線的網址回傳404、500,Google Spider則無法索引進行關鍵字解析(但google spider會一直來索引),二來也浪費索引預算。

可以在Google Search Console的左排選單的下方【索引->網頁】,再下拉至【網頁未編入索引的原因】就可知道。

404 500的錯誤

但在GSC裡面查看,通查代表傷害已經發生了,那我們如防患於未然,避免網站發生404、500的內容呢?答案就是善用工具吧! google搜尋404 checker 或 ahref 、 screaming frag都可以用來檢查網站健康狀態,可以參考網站SEO健康分數

那剛上述提到的410的做什麼的呢?網站一旦經營久遠或者是誤產生的網頁連結,我們都會回傳410讓google知道,該連結已經失效囉,請不要再索引了。
🎥 影音說明: 請點擊

網站SEO健康分數

技術SEO是為了打造一個值得嘉許的SEF (Search Engin Friendly、搜尋引擎友善度),讓Google Spider能夠簡單、快速了解網站在做什麼,網頁又在說什麼。 所以在前面的章節,強調網站收錄、重要文章呈現、RWD、HTTPS、網站速度、caninical、lazyload、站內外連結....等等。
但一旦網站變大或重大更新的時間,總不能每次都重覆檢查一次所有的細項吧!那豈不累死!所以推薦你Ahref的Health Score免費工具。 Health Score是代表【網站SEO健康分數】,如下我的網站貴設計的Health Score就高達97分。因此建議網站要將Health Score盡可能的提高打造一個高SEF,以減少網站問題導致Google Spider無法好好認識網站。

Ahref health Score

例如上圖的Top issues:

  1. Image file size too large:圖片檔案過大,建議用圖片軟體將檔案縮小。
  2. Non-canonical page in sitemap:你的sitemap的網頁內未有設定canonical。
  3. 4xx page:網站內有404、410的連結。
  4. Page has links to brokine page:網頁內有破圖的連結。
  5. Canonical URL has no incoming internal links:即為Orphan pages(未有內部連結到的網頁)