打造黃金SEO的官方網站:2大SEO複合式工程

來自

迎接內容SEO、技術SEO的複合式升級的新時代

每個交付網站前/後的客戶都不約而同會問要怎麼樣才能有效的做好SEO,也就是怎麼樣才能趕快出現在Google第一頁!

SEO可以簡單區分成內容SEO以及技術SEO兩大塊。網路上有許多文章對於SEO有許多描述,然而,在現在AI時代的來臨以及Google演算法的不斷更新,『內容SEO』跟『技術SEO』的難度上升非常多。以下來描述金蘋果如何用工程學的方式,在新時代下打造高級SEO的官方網站。

  1. 內容SEO:
    • SEO分數佔比 50%
    • ex:如何寫出高分SEO的文章
  2. 技術SEO:
    • SEO分數佔比 50%
    • ex:如何大幅提昇網速

1. 內容 SEO:

1.1 累積網站文章/文案

每一個訪客進入你的網頁後,『幾乎都會』閱讀你一兩篇文章來了解你的服務/產品內容,以及你比別人好在哪裡。文章/產品文案的積累如同複利一般可觀,一開始也許流量不多,但隨著越來越多篇文章跑到Google第一頁、服務內容的描述越來越文整,網站的流量會開始指數型的上升,成交量因此也會大幅上漲。

1.2 Rank Math SEO Pro安裝

註:金蘋果的所有客戶皆會內建 Rank Math SEO專業版。

當提到 WordPress SEO 軟體時,Yoast SEO 無疑是最知名的,且確實廣受好評。然而 Rank Math在 2020年快速崛起後,金蘋果認為 Rank Math在使用者體驗已經比繁瑣複雜的 Yoast 還要好。另外 Rank Math也是率先使用 AI技術來幫助 SEO的 WordPress 插件,這更是另金蘋果十分推崇的原因之一。

在這裡舉幾個Rank Math SEO的著名功能:

  • 重點關鍵字分析(支援多個關鍵字):輸入一個或多個重點關鍵字,並查看內容針對這些關鍵字的優化情況。
  • XML 網站地圖:比 WordPress 預設的網站地圖功能更具客製化,並且自動上傳給Google 爬蟲認這個敵圖。
  • 結構化數據/架構標記:設定網站全域的架構標記,並控制單篇內容的架構標記。
  • Search Console 整合:將網站連接到 Google Search Console,自動提交網站地圖,並在 WordPress 後台查看 Search Console 分析。
  • 本地 SEO 和知識圖卡:針對本地 SEO 優化(免費版僅支援單一位置)。
  • 圖片 SEO:改進圖片 SEO,自動設定 alt 和 title 標籤。
  • WooCommerce SEO:基本的產品與商店名稱描述設定。

2. 技術 SEO:

在2024, 2025年,Google持續公布 SEO 權重的新規則,其中,網站速度一直是佔比50%以上的重要指標。技術SEO牽涉到相當多資料工程學的知識,金蘋果在交付網站給你前會一一將所有工程學難題化解。

2-1. 使用者體驗優化

使用者體驗(UX,User Experience)就是訪客進入網頁後會不會卡?圖片影片load的順不順?字體大小顯示是否得宜等等。客觀來說,使用者體驗在Google爬蟲眼裡,有5大核心指標可以衡量:

  1. 最大內容繪製(LCP)
  2. 下個畫面的互動(INP)
  3. 累計版面配置轉移(CLS)
  4. 首次內容繪製(FCP)
  5. 跑出第一字節時間(TTFB)

意思金蘋果後端工程會幫你:
最大內容繪製
(LCP)
跑出『最大那一張圖或影片』的時間優化CSS、
優化網站圖片、 優化網站字體、優化網站Javascript、
使用PRPL模式
下個畫面的互動
(INP)
看網頁時『所有點擊』的『總反應速度』把程式碼拆開執行
累計版面配置轉移
(CLS)
測試網站的視覺穩定性選擇簡單的動畫、
避免使用跳出視窗功能
首次內容繪製
(FCP)
跑出網站『第一個內容』的時間使用快取技術、
使用高效主機、
避免重定向
跑出第一字節時間
(TTFB)
網站請求到回應完成的時間
(但網站內容還不一定show出來)
使用高效主機
使用高級CDN伺服器

2.2 使用Google高速主機

主機效能對於處理動態效能至關重要,大幅影響網頁質感。在這裡,一定要先說明,網頁內容其實可以簡單區分成動態文件跟靜態文件。

靜態文件簡單說就是圖片 + 影片,可以用CDN技術來加速。然而凡是只要動態文件,包括電商平台、購物車、會員系統、文章、字體、即時更新頁面等等,全部都大幅仰賴主機性能。

主機就如同毛胚屋,工法好的可以耐震十級並且不會漏水漏電,工法不好的除了漏水龜裂之外甚至容易當負荷過載就坍塌,實在不可不慎。

也因此,金蘋果使用最高端的主機:Google Compute Engine主機,來負載每個金蘋果客戶的官方網站。

主機租賃的過程相當繁雜,圖為我們使用python,利用paramiko模組搭配google Outh2 技術,遠端自動化組裝Google Compute Engine,並且使用N2等級CPU搭配SSD高速硬碟。(圖片來自金蘋果Debian12後端)
金蘋果美學診所網站,goldiapple.com,在2024年初完成Google主機搬遷後,網站效能巨幅提昇至90分以上,大幅顯示主機性能的重要性(圖片源自Pagespeed Insights實測)

2.3 使用高速網域管理 – Cloudflare

網域就像是開店之前,你必須要先有門牌號碼 + 招牌扛棒。金蘋果客戶的所有網域,都會使用 金蘋果 Cloudflare DNS 伺服器做全面管理。

事實上DNS服務商百百家,可能除了Cloudflare大家最常聽到的就是GoDaddy。然而不幸的是,GoDaddy的處理速度在2024年4月僅24名,遠遠不及Cloudflare。

歷年來DNS服務商速度評比,Cloudflare已經多年拿下第一。圖為2024.04,以14.26毫秒再次拿下冠軍。Ref:dnsperf
金蘋果利用Python後端工程,搭配Cloudflare API,可有效設置網域以及DNS記錄,高速串接主機IP。(圖片來自金蘋果Debian 12後台)

2-4. 圖片優化技術:

金蘋果會以保留圖片品質的方式壓縮官方網站圖片,讓客戶在loading圖片的時候實現不卡頓的高速瀏覽。金蘋果會將大部分的圖片都要經過有損壓縮(Lossy Compression),來大幅加快手機瀏覽速度。

另外,我們會利用Lazy Load(懶加載)技術,讓訪客『往下快要滑到新的圖片時』,才把『那張圖片下載』,讓用戶滾動到該內容所在的區域時才加載。還沒滑到前,先不要浪費太多瀏覽器的資源去載他。

Google 是推動 Lazy Load 技術進入主流的重要角色,最早的目的是為了解決網頁加載過多資源導致的性能問題,但現在大幅使用在圖片優化技術之中。圖片為金蘋果懶加載技術的一段示範html程式碼。

延伸閱讀

為什麼你會需要網站?高速網站 + Google廣告 + SEO的聯合作戰

我為什麼會這麼推薦每個商家或公司有自己的網站,主要因為行銷上會多好幾門巨型大砲: 累積『可複利』的文章 可使用Google廣告精準投放 可自己做SEO...

為何使用Divi Theme

網站速度一直是一個相當令人頭疼的問題。網站速度的重要性比起美觀,更是重中之中。怎麼說呢?...

價格 & 關於我們

我們當初的第一個生意是經營醫美診所。由於剛創立醫美診所的時候也需要架設一個官方網站,當時我們先委託一個網頁製作公司幫我們做。當時的形象網站的價格是...

Pagespeed Insights分數會大幅影響你的SEO

網站速度一直是一個相當令人頭疼的問題。網站速度的重要性比起美觀,更是重中之重。怎麼說呢?...

金蘋果網頁科技隱私權政策

非常歡迎您光臨「金蘋果網頁科技...