在談提升網站流量之前,必須要先做好 SEO網站架構,有好的網站架構再進行後續的網站內容策略、流量分析、優化、自然關鍵字排名等探討,整體工作流程才會比較順暢。SEO網站架構好不好,要從「網站基礎架構」與「網站SEO功能」這兩個重點來檢視,「網站基礎架構」由網頁設計公司負責,使用一些工具就可以測試架構好壞,「網站SEO功能」需要由設計公司提供手冊或截圖,才能知道網站置入SEO功能有哪些,網站架構優化(SEF)是SEO的第一步,做得好就可以贏在起跑點。
〈延伸閱讀:SEO行銷之前,你應該了解的10件事〉
〈延伸閱讀:SEO入門知識,簡單說讓你聽得懂〉
〈延伸閱讀:SEO是什麼?SEO怎麼做?2024 重點教學〉
SEO網站架構是什麼?
SEO網站架構的意思是指,網站遵循 SEO 的相關規範和思維下去做整體架構(網站頁面內容)規劃。如果 SEO網站架構完善、符合 SEO 的規範,可以讓 Google 了解網站大概有什麼分類和內容,除了有助於搜尋結果的排名,也可以幫助使用者體驗能更順暢。網站進行「搜尋引擎友善化」後,也會比較好進行後續的行銷策略規劃!
〈延伸閱讀:關鍵字排名優化最重要的3件事〉
搜尋引擎友善化(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 測試網站效能
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會出現不安全字樣
項目四:行動裝置相容性測試
網站的行動裝置相容性是非常重要的 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)
項目一:Meta欄位
SEO 後台最基本要有的功能就是 Meta 欄位,Meta 資料分為標題、關鍵字與描述,必須要讓每一個網頁都能寫入 Meta 資料,更好的後台甚至可以幫你自動帶入標題、描述,讓你可以少很多工作。雖然 Google 官方已公布 Meta 資料對 SEO 影響已經沒有像以往一樣大,但如果要讓使用者在瀏覽搜尋頁面時能夠更精確的得知網頁內容,就必須在描述撰寫上花一點心思,也能讓 SEO網站架構再更完整一些!
〈延伸閱讀: SEO教學,網站標題跟描述要怎麼寫?〉
從後台更新 meta
項目二:第三方程式碼置入
網站如果要追蹤行銷成效,就必須要埋入第三方程式碼(例如: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/seo,seo代表可以自訂的網址內容。
〈延伸閱讀: 網站連結優化怎麼做?讓Google看懂你的SEO〉
目測網址是否工整,如果網址很長代表沒有優化
項目四:Sitemap自動提交
提交網站 Sitemap.xml 的目的就是要「主動」告訴 Google ,網站有多少網頁要收錄,如果每次增加網站內容就要提交一次 Sitemap,真的太費功夫,具SEO功能的網站,可以自動產生最新的 Sitemap.xml,如果網站沒有這個功能,可以請網頁設計公司製作,這個功能可以讓 SEO網站架構地圖早點被 Google 收錄,也能減少每次都要手動提交帶來的不便性。〈延伸閱讀: Sitemap是什麼?一次搞懂網站地圖提交〉
正常要到GSC提交Sitemap.xml
項目五:自動產生導覽列(麵包屑)
這個導覽列一方面能幫助搜尋引擎抓取網站結構,一方面又能讓瀏覽者更清楚目前的頁面是在網站的什麼位置,這個功能對 SEO網站架構也是相當有幫助,尤其在使用者體驗的方面。〈延伸閱讀: SEO排名因素有哪些? 45個要點一次看完!〉
導覽列通常在網頁左上角,如同階層化結構設計
項目六:301轉址功能
301轉址是 SEO 時常需要用的工具,一般網站比較少見,Wordpress也沒有內建301功能,必須外掛 Redirection 套件才能進行301轉址,執行 SEO 要重視301轉址的執行效率,有好的301轉址功能能讓 SEO網站架構更加完善,也能避免網站改版或是換網址時,造成網站流量流失。
〈延伸閱讀: 301轉址沒做好,SEO排名越來越差!〉
後台的301轉址功能
項目七:提供 Google 正確的 hreflang 標籤
具備 SEO網站架構的程式,必須將語系的「hreflang 標籤」定義到網站的語系中,並告訴 Google 目前網頁是使用哪個語言,這個標籤通常是網頁設計公司幫忙建置;另一個方式是將有 hreflang 的 Sitemap.xml 提交給 Google,hreflang 有助於 Google 搜尋根據語言或地區收錄正確的網頁內容,沒有 hreflang 會造成 Google 語系錯亂。
〈延伸閱讀: 企業B2B網站SEO要怎麼執行?〉
後台語系刊登程式
用程式定義不同的語系
項目八:內建 canonical 標準化網頁內容
網站果有重複內容的話會嚴重影響 SEO,一定要用 canonical 語法去排除重複內容,以 canonical 語法告訴 Google 重複內容要以哪一頁當做標準頁,這是有 SEO網站架構的自動化功能之一,檢查一下你的網站有沒有這個語法,如果沒有,趕緊請網頁設計公司改程式,將這些語法放上去。
〈延伸閱讀: 重複內容影響SEO,如何使用 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公司?〉
(本文為達文西數位科技所有,轉載文圖請註明出處)