好書試閱

Chapter 5:巔峰網站架構
地基要穩、結構要扎實,蓋好的大樓才會是一棟多功能性的大樓。你的公司官網,就是你在整個搜尋引擎世界裡唯一真正「屬於你自己」的資產;Facebook會倒、平台可能不停修改規則、廣告帳戶也可能隨時被停權,但只要你的網站架構地基打得夠扎實,這塊土地與地上建築物就永遠是你的,誰也搶不走。這也是為什麼我把第2篇的第1章留給了「巔峰網站架構」─這是你接下來在網路上準備的所有戰術及作戰成果能不能真正發揮效果的最終根本。
很多企業主找工程師做網站,往往只在意「好不好看」,卻完全忽略了搜尋引擎其實不是用眼睛在看你的網站,而是用一套邏輯在「讀」你的網站。你的網站漂不漂亮是給人看的;而你的網站架構合不合邏輯,才是給演算法及搜尋引擎看的。這實為兩件事情,缺一不可,但順序絕對不能顛倒,一定要把骨架搭結構弄正確,之後才能再談美感包裝,這是我要你先在腦海中注入的第一個核心思維。我明白你一定會認為,網站不就是要給人看的嗎?為何不是做得美美的,這又有何錯呢?其實,這就是一般企業主最容易發生的錯誤思維,接下來將用實戰過程一層層分享給你一個正確的觀念。
基本上你的網站是架構在網路世界,同時你要曝光的網站內容(舉凡文字、圖片,網站生成的每一條連結、網址等)更是串流在各種搜尋引擎及平台下,那麼你網站要面對的真正第一位瀏覽者就是各種搜尋引擎下的演算法;如此,你應該理解的網站結構第一層就是骨架要清晰,越是有條不紊、清晰說明你的網站,從而被演算法理解的速度就會越快,而最終的網站將會更容易被各式搜尋引擎收錄,曝光的機會順勢就會提高。也反向分析讓你理解,在此先做一個假設,如果你網站的圖片張張都是十分美麗,文字內容生動活潑,但網站的核心架構混亂無比,那麼這個網站即使再美,最終也都是自己欣賞,達不到曝光的成果。
用一段廣告來對比,你可以靜下心仔細去回想在你的人生當中,是否有哪一段廣告或影片會讓你至今保有記憶?⋯我不意外,你應該一時無法回想一個具有代表性的作品!⋯我給你一小段文字「(台語)0 8 0 0」,一段音樂「大同、大同、國貨好」,你能夠分別想到什麼廣告嗎?⋯沒錯,一個是中醫診所的電視廣告,另一個當然就是大同電器的廣告。真正的廣告,核心是要被記住的,聯想與對應的畫面甚至能夠完全深植人心。這兩個範本即搜尋引擎及演算法的核心,你要優先被記住、收錄,才會有延伸的機會─即聯想的對應畫面;不然做得再美都不會被看見,反而一個按部就班的完整結構,如同一本書一樣的按排序敘述「書名、大綱、內文」,那麼你的網站就會十分容易被全網線上搜尋引擎收錄,並大量推播給瀏覽者閱讀。
接下來,我會把打造巔峰網站架構所需要的幾個關鍵環節,一項一項整理給你看。
網域名稱(Domain)的選擇,不僅僅是你的門牌,更是你的招牌
很多人以為網域只是一個網址,隨便買個好記的就好,這是天大的誤解。網域是搜尋引擎認識你這間「線上數位商店」的第一張門牌,它在搜尋引擎上的紀錄、延伸名稱(如XXX.com、XXX.com.tw)、是否含有你的商品關鍵字等,都會影響演算法對你網站建立初步的信任分數。這是一個企業相當重要的故事起點,衷心建議各位企業主對此Domain一定要慎選再三。一個好的域名,就有機會優先搶下這個企業80%以上的天時、地利、人和的成功基礎,如有專業顧問協助,將更容易水到渠成。千萬不要小看一個簡單的域名,這與一家公司會花上千萬設計一個有故事性的LOGO一樣重要!
回到域名選擇這件事,基本上我會建議企業主若預算允許,儘可能選擇XXX.com或當地國別網域(如台灣地區 XXX.com.tw),這本質上即代表你的企業在地經營的信任基礎。另外,若你的產業或品牌名稱本身就帶有清楚的關鍵字意涵,那更是加分,這就是我剛剛說的一個關鍵字並帶有故事的域名設計。但你切莫為了塞關鍵字而讓網域變得又臭又長,這反而會讓使用者及演算法無法清楚你要表達的核心。分享我的實戰經驗,有時一個域名甚至會花掉數週的時間,不過這絕對值得!另外,還有一種最容易遇到的狀況,你好不容易想好的域名,結果都在許多「域名蟑螂」的手裡。因此,你如果遇到此狀況,我給你的建議就是「創字」。
網站結構,清晰分層─你要蓋的是金字塔,不是迷宮
這是整個巔峰網站架構裡,我認為最重要、也最多人做錯的一環。你的網站架構,理想上應該長得像一座金字塔:首頁→分類頁→內容頁,層層分明、邏輯清楚。首頁是你的企業門面與樞紐,務必清晰簡單;分類頁是你各項服務或商品的入口;內容頁則是真正陳述關鍵字與轉換的戰場。實務上,有很多企業網站內容頁埋得又深又亂,使用者要點擊5、6次(層)才能找得到想要的資訊,因此當演算法在爬你的網站時也是同樣的邏輯─ 爬得越深、越沒有規律,就是累死,其結果是網站被完整收錄的機率也就越低。
我常跟企業主說,如果你的網站架構讓瀏覽者迷路,基本上你就已經先輸掉了這場網路戰役,最理想的內容頁應該在三次點擊之內(就是三層是架構,儘可能不要超過),就能讓瀏覽者從首頁抵達想找到的資訊,這是我給你的一個實戰數字標準。
行動裝置優先(Mobile-First),這不是選項,是生存門檻
現在的搜尋引擎,早已採用行動裝置優先索引(Mobile-First Indexing)註7的邏輯在評估你的網站;換言之,演算法主要參考的版本多數以你網站的手機版為主,而非電腦版。如果你的網站在手機上圖片跑版、字體過小、按鈕難以點擊,就算你的電腦版做得再精美,都無濟於事。這一點,我看過太多企業主吃過虧─ 他們花大錢做了一個視覺華麗的電腦版官網,卻完全沒有把手機版的體驗放在心上,結果排名始終上不去,原因就出在這裡。我之所以寫下這一段,其實是為了特別強調行動裝置市場趨勢這件事的重要性。
不過,若回到你的企業到底為商品銷售或是提供服務這件核心上,你就更需要詳細的規劃。在此,我先轉換一下,你的潛在瀏覽者對象為理性型態或衝動型型態的購買者,這在規劃上有所差異。倘若為理性型態的購買者,在基礎上因要提供的參數資料較多,以實戰經驗上來說,就要多著重電腦版的規劃。舉個例子:若一位瀏覽者想要買一部車,大多數會比較嚴禁一點審閱相關汽車資訊,若以行動裝置瀏覽,通常也僅是輕鬆滑滑看看,並非容易直接進行購買程序。
因此,不論你的企業為何種型態,核心還是要兼顧多面向的分配在電腦版及行動裝置上,一切都是以瀏覽者的需求為著力核心,這裡有著一定的比例關係!這也就是為何會提到企業網站的管理者必須一定要有專業同仁的協助。
一句話分享給企業主:得到一位強悍的網站管理員,絕對可以屌打無數名業務。PS:當然還是需要團隊合作。
網站速度,是耐性遊戲,也是信任遊戲
瀏覽者的耐性,絕對絕對遠比你想像中還要短暫。在搜尋引擎公告的許多資料指出,網頁載入時間每多一秒,跳出率就會顯著攀升;而搜尋引擎必然把網站速度列為排序的重要指標之一。理由很簡單,一個載入緩慢的網站,代表著糟糕的瀏覽者體驗(這就是不可以得罪瀏覽者的第一名─搜尋引擎的邏輯思維),演算法自然不願意把這樣的網站推薦給瀏覽者。因此,有效將圖片壓縮(降低圖片K值)、伺服器主機的空間、性能、網路串流選擇等,都是你在打造巔峰網站架構時必須要顧及管理的基本設施。
這裡提供GoogleE核心測速的診斷工具,你可以嘗試使用:
1. Google PageSpeed Insights(PSI)
輸入網址即可獲得 0∼100 的效能評分,並提供詳細的手機與電腦版優化建議。
2. Google Search Console
登入後至「體驗>核心網頁指標」,可查看真實訪客的瀏覽數據。
詳細操作十分簡單,就不贅述!我個人會認為全面的網站結構思維改造才是關鍵,有部分網頁介紹及使用相當清楚,但皆為一般設定。特別重要的工具我也會再深度補充,全部集中在第6 篇─ 工具篇,上述工具就請你先試著操作練習看看。
結構化資料,讓演算法讀懂你的語言
這是一個相當多企業主完全沒聽過,卻擁有驚人威力的技術環節。結構化資料(Schema Markup)註8,簡單說,就是在你的網頁原始碼中,額外加入一層演算法看得懂的「標籤語言」,結構明確的告訴搜尋引擎:這是一篇文章、這是一個商品、這是一則評價、這是一個常見問與答的內文⋯。當你做好結構化的資料布局,你的網站內容就非常有機會在搜尋結果中以更豐富的形式呈現(如星等評價、價格、常見問答摺疊區塊),這不只提升了曝光的版面,更大幅提高了點擊率。不過,對於結構化寫好每一篇文章內容,是需要時間的養成,更是習慣的培養。結構化的寫好一篇文章就如同你平日與AI共情的溝通模組,同時現在市面上有非常多的AI工具,只要你在文章的處理過程,最後向AI寫下這一段提示詞,就可以讓你的每篇文章都是符合結構化內文。提示詞範例:請將我的文章做成標準搜尋引擎演算結構需要的結構式內文。
我再補充另一個角度,很多時候你寫文章前的核心思維,永遠要把搜尋引擎擺在首位,面對第一個瀏覽者就是一定要先打通關,讓搜尋引擎理解你、了解你,而標準化的結構思維同樣像一篇好的文章,有主標題、次標題、內文、引用、圖片⋯等,按部就班做好每一篇內文,那麼你的網站或網頁一定會很容易站上搜尋引擎的置頂位置。
在這個環節裡你還要有一個正確的編排習慣,也就是剛剛提到的主標題、次標題、內文、引用、圖片⋯,這些都需要有字型、大小、顏色之間的結構編譯習慣,這會讓搜尋引擎更優先將你的網頁內容推給瀏覽者閱讀;當然也包含瀏覽器下的AI模式。因此,紀律養成一個編譯模型,將會為你公司的曝光帶來極大值的助益。
內部連結布局,讓每一頁都成為彼此的靠山
網站裡的每一個頁面,本就不該是孤立存在的資訊孤島。透過合理的內部連結、圖片串接,你都可以把整個網站的「權重」有效地部署在頁面之間傳遞與流動,讓每個重要的內容頁獲得來自首頁及分類頁的加持。這個邏輯,我在後面Chapter 16談「鋪天蓋地核心串流」時,還會有更深入的實戰教學。那會是一個十分重要的章節,需要一氣呵成,這裡先把基礎觀念建立起來。
SSL安全憑證,信任感的最後一哩路
不知道你有沒有發現,現在只要網址列沒有那把小鎖頭,多數瀏覽者連點都不敢點下去?沒錯,就是SSL加密憑證!這是你網站與使用者瀏覽器之間傳輸資料的加密基礎保障,搜尋引擎明確地將是否啟用HTTPS加密認證列為排序的參考指標之一。這已經不是加分題,而是一個網站在這個時代該有的基本配備。
更簡單一點的說,即瀏覽者與網站間的網路溝通,不論是「上傳或下載」都會經過加密封包後再進行資料的傳送,這是相當基本的加密工作。有許多企業主認為,我的網站不過就是一個形象網站,需要這麼麻煩嗎?當然,可以不用加密,但最終導致的結果,就是這個網站其實也不會有什麼人瀏覽。這裡我補充一下,你用什麼心態面對你的網站,最終你會得到的結果就是如你所注入的努力。
很多企業主都是別人有我也要有的心態,但有不是擺著就可以了。那個可以讓全世界認識你的企業通道,如果只是簡單做做的概念,收穫的成果也就如預期那般。所以,我還是會建議各位企業主多花點心力;當然,網頁要做到100分真的是要花費相當大的力氣,一切就是盡力即可。重點+祕密我一定會通通提示給你,希望能助你一臂之力,順利攻頂。
總結:巔峰網站架構,說穿了就是七件事情的疊加:對的門牌(網域)、對的骨架(結構分層)、對的行動裝置體驗、對的速度、對的演算法語言(結構化資料)、對的內部連結,以及對的信任基礎(SSL)。這七個環節,沒有任何一項是花俏技巧,全部都是扎扎實實的基本功;也正因為是基本功,所以才容易被忽略、也最容易亂做或隨便處理。你一定要記住,搜尋引擎從來不會因為你的網站「好看」而給你排名,它只會因為你的網站「好讀、好懂、好信任」而給你最好的排名或攻頂的版位,這就是巔峰網站架構真正要傳達給你的核心思維。
接下來的每一章,我會帶你逐一深入Facebook、YouTube、Instagram、Threads、TikTok這幾個平台的架構布局,讓你的整體戰情版圖能夠真正地鋪天蓋地展開在所有平台,並獲得完整的串流。

註:
7. 行動裝置優先索引:這是Google自2018年起逐步推行的索引機制,指演算法主要以網站的行動裝置(手機)版本內容作為排序評估與收錄的依據,而非傳統的電腦版內容。不過,你還是要留意我提到的電腦版運行核心。
8. 結構化資料:一種依循Schema.org標準所撰寫的網頁標記語言,用於明確告知搜尋引擎網頁內容的具體類型(如文章、商品、評論、常見問答、活動等),有助於搜尋結果呈現更豐富的資訊區塊(Rich Results),進而提升點擊率。
金石堂門市 全家便利商店 萊爾富便利商店 7-11便利商店
World wide
活動ing