好的SEO網站架構是什麼?這樣做SEO成功率才會高!

Author: 路卡斯特
架構2


在談提升網站流量之前,必須要先做好 SEO網站架構,有好的網站架構再進行後續的網站內容策略、流量分析、優化、自然關鍵字排名等探討,整體工作流程才會比較順暢。SEO網站架構好不好,要從「網站基礎架構」與「網站SEO功能」這兩個重點來檢視,「網站基礎架構」由網頁設計公司負責,使用一些工具就可以測試架構好壞,「網站SEO功能」需要由設計公司提供手冊或截圖,才能知道網站置入SEO功能有哪些,網站架構優化(SEF)是SEO的第一步,做得好就可以贏在起跑點。
〈延伸閱讀:SEO行銷之前,你應該了解的10件事
〈延伸閱讀:SEO入門知識,簡單說讓你聽得懂
〈延伸閱讀:SEO是什麼?SEO怎麼做?2024 重點教學

 


SEO網站架構是什麼?

SEO網站架構的意思是指,網站遵循 SEO 的相關規範和思維下去做整體架構(網站頁面內容)規劃。如果 SEO網站架構完善、符合 SEO 的規範,可以讓 Google 了解網站大概有什麼分類和內容,除了有助於搜尋結果的排名,也可以幫助使用者體驗能更順暢。網站進行「搜尋引擎友善化」後,也會比較好進行後續的行銷策略規劃!
〈延伸閱讀:關鍵字排名優化最重要的3件事

搜尋引擎友善化(SEF)是什麼?
搜尋引擎友善化(Search Engine Friendly,即 SEF)可以經過特定項目規劃、優化,提升網站品質讓 Google 搜尋引擎能夠正確抓取、索引及分析網站內容,並提供高質量和有幫助的網站給使用者。
 

 

SEO 網站基礎架構項目

SEO 網站的基礎架構測試最主要有「網站效能」、「結構化資料」和「HTML 架構」三項,從測試報告可以知道網站基礎架構是不是扎實,是不是適合執行 SEO,SEO 三要素的重要性佔比,網站架構佔 30%,網站內容 60%,外部連結 10%,網站有好的架構,排名才能會又快又穩定。


項目一:網站效能

檢測 SEO 網站效能最好的工具是Google PageSpeed Insights (簡稱:PSI),Google PSI 檢測之前要先看網站是不是RWD(響應式網頁設計)? 如果網站沒有響應式網頁設計,即不符合 PSI 的測試條件。PSI 測試包含了:主機速度、程式效能、HTML、CSS、JavaScript、圖片壓縮、第三方程式碼、使用者體驗等檢測項目,如果檢測結果是綠燈,代表網站速度良好,如果是紅燈就要想辦法修正網站速度問題,若要調整到優良的 SEF 狀態,檢驗分數最好在80分以上才算是通過!
〈延伸閱讀:PageSpeed Insights 是什麼? 對SEO有影響?
〈延伸閱讀:網站速度- SEO優化的重要項目
〈延伸閱讀:5個網站優化方法,改善網站PSI分數
〈延伸閱讀:img alt 是什麼? 對於SEO來說很重要嗎?

Google PSI 測試網站效能
psi測試網站
 
PSI 是甚麼? 
PageSpeed Insights (PSI) 是由 Google 提供的網站效能測試工具,可同時測試行動裝置以及電腦的網站效能,再根據測試結果作為網站改進的建議,PSI 結果項目包含:首次內容繪製、首次輸入延遲、 最大內容繪製 、累積佈局偏移 ,這些是網站重要的 SEO 排名要素,根據報告修正就能改善網站效能。
【Google速度測試工具: PageSpeed Insights
0-49分是,50-89是中等,90-100是優良
 


項目二:結構化資料

結構化資料的加入可以讓 Google 搜尋引擎了解網頁上的特定資訊,它有明確的標記規範,目前一共有40幾種,根據不同的網站內容配置適合的結構化資料,並按照這些標準格式書寫結構化,能夠幫助 SEO網站架構達到 SEF 優化。當網站有置入這些「標記程式」才算是具備好的 SEO網站架構,如果想要測試網站有沒有具備結構化資料,可以用 Google 提供的「Google 結構測試工具」,如果測試出來沒有結構資訊,可以請網頁設計公司改寫程式。
〈延伸閱讀:結構化資料標記是什麼?對關鍵字排名有幫助嗎?
【結構化資料測試工具:Google結構測試工具 】

紅框有資料才是有結構化資料
結構化資料測試工具
 


項目三:網站SSL

SSL 就是網址 https:// 的「s」,代表網站資訊很安全,有加密、有認證。另外,Google 也正式提出 SSL 影響SEO 的說法,檢測SSL最簡單的方法,就是看瀏覽器有沒有一個鎖頭,有鎖頭就是有SSL,顯示不安全就是沒有SSL,有 SSL 才是好的 SEO網站架構,對 SEF 也有些許幫助。
〈延伸閱讀:SSL憑證是什麼? 網站真的需要安裝嗎?

有安裝SSL會有一個鎖頭符號
SSL會有一個鎖頭

沒有安裝SSL會出現不安全字樣
沒有安裝SSL會出現不安全

項目四:行動裝置相容性測試

網站的行動裝置相容性是非常重要的 SEO網站架構要素,因為 Google 已經正式宣佈「搜尋結果以行動裝置為主」,也就是說網站如果沒有手機版本網站(RWD/AWD),會影響 SEO 成效、無法跟其他網站競爭,外表看起來有 RWD 網站,但不一定有完美的相容性,頁面的字體過小、字距行距太小、圖太擠、跑版等,都會被判定相容性不佳,被搜尋引擎判定它為 SEF 網站設計的機會也會降低。
延伸閱讀: 什麼是RWD? RWD跟AWD有什麼不同?


用行動相容工具測試網站
測試網站的行動裝置相容性
 

網站 SEO 功能

SEO網站架構需要常常更動網站內容,如果有方便、完整功能的後台(CMS)更新內容時就會更有效率,後台的 SEO 相關功能很多,像是 Meta 欄位功能、HTML 編輯器,可以方便寫入meta、alt、title、link、H1~H6、header、footer等,第三方程式碼功能、網址優化(自訂網址)、Sitemap自動提交、自動產生導覽列(麵包屑)、301轉址等功能也相當重要。
〈延伸閱讀: CMS是什麼?好的網站後台有什麼特質?

專業的網站後台(CMS)
內容管理系統CMS


項目一:Meta欄位

SEO 後台最基本要有的功能就是 Meta 欄位,Meta 資料分為標題、關鍵字與描述,必須要讓每一個網頁都能寫入 Meta 資料,更好的後台甚至可以幫你自動帶入標題、描述,讓你可以少很多工作。雖然 Google 官方已公布 Meta 資料對 SEO 影響已經沒有像以往一樣大,但如果要讓使用者在瀏覽搜尋頁面時能夠更精確的得知網頁內容,就必須在描述撰寫上花一點心思,也能讓 SEO網站架構再更完整一些!
〈延伸閱讀: SEO教學,網站標題跟描述要怎麼寫?


從後台更新 meta

SEO後台

 

 

項目二:第三方程式碼置入

網站如果要追蹤行銷成效,就必須要埋入第三方程式碼(例如:Google Analytics(GA)、Facebook Pixel等)。分析碼好不好安裝也是 SEO網站架構優化的一部分,網站後台有方便的置入欄位可以降低埋入的不便性,只要複製、貼上程式碼,按下送出就可以輕鬆搞定,完全不需要專業人士幫忙,而且還可以在HEAD、BODY區塊分開置入程式分析碼,甚至將常用的事件自動寫入網站,不一定要使用Google Tag Manager (GTM),好的網站後台CMS可以幫您省時省力!
〈延伸閱讀: SEO優化成效要怎麼評估? 4個重點必須掌握!

第三方程式碼是SEO重要功能

 


置入後可以跑GA分析報表

達米肉舖月成長數據


項目三:網址優化(自訂網址)

網址優化的意思是,網址經過 Rewrite(網址重寫技術),使用者可以清楚辨識搜尋項目以外,SEO網站架構也會更清楚,並有助於 Google 快速了解網頁大概是甚麼分類。例如:https://www.da-vinci.com.tw/service/webdesign  ,網頁的結構即:https://官網網址/服務/網頁設計,因為網址透過階層化設計優化,所以我們可以快速就知道這個頁面是在說明公司的網頁設計服務。以SEO為目的建造的網站後台,一定要有自訂網址功能,像是我可以把SEO介紹頁訂成 https://www.da-vinci.com.tw/service/seoseo代表可以自訂的網址內容。
〈延伸閱讀: 網站連結優化怎麼做?讓Google看懂你的SEO


目測網址是否工整,如果網址很長代表沒有優化

rewrite自訂網址
 

項目四:Sitemap自動提交

提交網站 Sitemap.xml 的目的就是要「主動」告訴 Google ,網站有多少網頁要收錄,如果每次增加網站內容就要提交一次 Sitemap,真的太費功夫,具SEO功能的網站,可以自動產生最新的 Sitemap.xml,如果網站沒有這個功能,可以請網頁設計公司製作,這個功能可以讓 SEO網站架構地圖早點被 Google 收錄,也能減少每次都要手動提交帶來的不便性。

〈延伸閱讀: Sitemap是什麼?一次搞懂網站地圖提交

 
正常要到GSC提交Sitemap.xml
sitemap提交到google


項目五:自動產生導覽列(麵包屑)

這個導覽列一方面能幫助搜尋引擎抓取網站結構,一方面又能讓瀏覽者更清楚目前的頁面是在網站的什麼位置,這個功能對 SEO網站架構也是相當有幫助,尤其在使用者體驗的方面。
〈延伸閱讀: SEO排名因素有哪些? 45個要點一次看完!

導覽列通常在網頁左上角,如同階層化結構設計

導覽列(麵包屑)


項目六:301轉址功能

301轉址是 SEO 時常需要用的工具,一般網站比較少見,Wordpress也沒有內建301功能,必須外掛 Redirection 套件才能進行301轉址,執行 SEO 要重視301轉址的執行效率,有好的301轉址功能能讓 SEO網站架構更加完善,也能避免網站改版或是換網址時,造成網站流量流失。
〈延伸閱讀: 301轉址沒做好,SEO排名越來越差!


後台的301轉址功能

CMS的301轉址功能
 

項目七:提供 Google 正確的 hreflang 標籤

具備 SEO網站架構的程式,必須將語系的「hreflang 標籤」定義到網站的語系中,並告訴 Google 目前網頁是使用哪個語言,這個標籤通常是網頁設計公司幫忙建置;另一個方式是將有 hreflang 的 Sitemap.xml 提交給 Google,hreflang 有助於 Google 搜尋根據語言或地區收錄正確的網頁內容,沒有 hreflang 會造成 Google 語系錯亂。
〈延伸閱讀: 企業B2B網站SEO要怎麼執行?


後台語系刊登程式
後台管理-語系刊登

用程式定義不同的語系

hreflang標籤

 

項目八:內建 canonical 標準化網頁內容

網站果有重複內容的話會嚴重影響 SEO,一定要用 canonical 語法去排除重複內容,以 canonical 語法告訴 Google 重複內容要以哪一頁當做標準頁,這是有 SEO網站架構的自動化功能之一,檢查一下你的網站有沒有這個語法,如果沒有,趕緊請網頁設計公司改程式,將這些語法放上去。
〈延伸閱讀: 重複內容影響SEO,如何使用 Canonical?


使用canonical語法指定「標準化網址」

canonical語法使用範例


做好SEO網站架構有什麼優勢?

讓 Google 抓取速度加快

如果網站要被使用者看見,就必須讓搜尋引擎收錄後,才會呈現在搜尋結果頁面得到曝光機會。當網站擁有好的 SEO網站架構時,搜尋引擎可以更快辨識網站裡的內容,提升收錄的速度,並讓頁面可以完整的顯現在搜尋結果頁當中。
〈延伸閱讀: 用 robots.txt、noindex 限制搜尋引擎抓網站資料
 

讓使用者體驗良好

以「網站效能」和「行動裝置相容性測試」來說,可以讓使用者在要瀏覽頁面時減少頁面載入的時間,以及用不同裝置都能進行舒適的閱讀,打好這些基本 SEO網站架構基礎後,可以再做更多、更深入的使用者體驗優化項目,幫助你的網站在瀏覽時增加流暢度與直覺性,並提升使用者的體驗滿意度。
〈延伸閱讀: 網頁設計的使用者體驗(UX)如何執行?
​​​​​​

經營網站有事半功倍的效果

網站過於注重 SEO 或是網頁設計部分都並非好事,必須得將 SEO網站架構規劃好,並整合網頁美感提升的部分,後續經營網站時才會比較輕鬆,既提高了許多網站競爭力,也可以免除後續要再花費大量時間補足缺少的部分。
〈延伸閱讀:2024 網頁設計指南



結論

搜尋引擎友善化(SEF)是 SEO 優化的第一步,完善 SEO網站架構需要專業的網頁設計公司去執行,SEO公司通常無法執行 SEF,因為這是網站程式與 html 結構的問題,SEO公司大多只能提出「網站改善建議書」,但因為網站已經做完,中途要再去修改或調整就變得比較困難,尤其是網站核心程式,一開始就把 SEO網站架構相關技術都加入網站,就是 SEO 與網頁設計最完美的整合!你還在尋找同時具備 SEO和網頁設計服務的公司,馬上與我們聯絡,我們有最專業的 SEO 及網頁設計整合服務,幫助您解決各方面的困擾!
【馬上申請:SEO檢測服務
〈延伸閱讀:網頁設計與SEO的完美整合
〈延伸閱讀:SEO收費行情?該怎麼選擇SEO公司?


(本文為達文西數位科技所有,轉載文圖請註明出處)

 

邁入網站與SEO工作已經超過20年,喜歡探索新知與研究技術,總是希望給您最適合的解決方案。

SEO套版網站,優惠 $ NT 62,000 (1年代管+SSL)

請與我們聯繫
線上客服 TOP