你可以這樣做 - 幫網站開發者迅速提升SEO基礎分數，增加曝光與可見度
- 檢查網站首頁與重要頁面是否完成Search Console驗證，7天內完成提交sitemap.xml
主動告訴Google你的內容在哪，爬蟲更快收錄，曝光機會提升
- 列出目前全站url，確認路徑清晰、參數精簡，重複內容比率低於10%
減少分散權重，搜尋引擎更懂你的重點頁面，排名更穩
- 優化每頁title與meta description，主關鍵字置前，50字內吸引點擊
搜尋結果顯眼，點閱率提升，Google更容易理解內容主題
- 檢查網站行動版載入速度，首頁3秒內完成，圖片壓縮且加上alt文字
多數流量來自手機，速度與可讀性影響排名與用戶停留
- 設定robots.txt僅阻擋不重要目錄，其他路徑正常開放，避免誤封重要頁面
預防搜尋引擎漏抓，關鍵內容才能被完整索引
SEO到底是啥？開發者與搜尋引擎的微妙關係
# SEO 新手（包括我自己）：開發者如何避免在 Google 上表現不佳
身為一個每天都要跟程式碼搏鬥的開發者，總有那麼幾個讓人腦袋打結的瞬間。嗯，像是當你正想著午餐吃什麼時，突然被客戶叫住：「你 SEO 做得怎樣？」唉，好吧，不只這樣，有時候還會直接被問：「為什麼我的網站在 Google 找不到？」這種時候，只能尷尬地笑兩聲然後開始胡思亂想，到底是哪裡沒搞好？說真的，這問題常見到不行。算了，我決定寫下這篇文章，就是想把所謂「SEO」那層看似神秘的面紗稍微扯下一點，也希望講明白——怎麼做才能讓你辛苦寫出來的網站終於能被搜尋引擎看到，而且最好別累到頭禿。
## 什麼是 SEO？為什麼需要它？
SEO，全名搜尋引擎最佳化——名字聽起來就有點嚴肅，但其實，就是優化你那些網站或者網頁應用程式啦，好讓它們在 Google、Bing 之類的搜尋引擎上排前一點（雖然坦白說，大部分人根本只盯著 Google，看市佔率就知道了吧）。排名變高後，就意味著更多人可能進你的站晃晃。可是，你也懂啦，有流量才有故事，瀏覽的人多了，被點擊的機率自然跟著往上爬，那些潛藏的目標受眾……大概也比較容易接觸到。欸，我又扯遠了，其實還有廣告收益可以期待，如果你規劃得恰如其分，不過說穿了誰不愛賺錢呢？反正重點就是：SEO 有它存在的價值，只是搞懂之後要不要做、要做到什麼程度，又是一回事罷了。
身為一個每天都要跟程式碼搏鬥的開發者，總有那麼幾個讓人腦袋打結的瞬間。嗯，像是當你正想著午餐吃什麼時，突然被客戶叫住：「你 SEO 做得怎樣？」唉，好吧，不只這樣，有時候還會直接被問：「為什麼我的網站在 Google 找不到？」這種時候，只能尷尬地笑兩聲然後開始胡思亂想，到底是哪裡沒搞好？說真的，這問題常見到不行。算了，我決定寫下這篇文章，就是想把所謂「SEO」那層看似神秘的面紗稍微扯下一點，也希望講明白——怎麼做才能讓你辛苦寫出來的網站終於能被搜尋引擎看到，而且最好別累到頭禿。
## 什麼是 SEO？為什麼需要它？
SEO，全名搜尋引擎最佳化——名字聽起來就有點嚴肅，但其實，就是優化你那些網站或者網頁應用程式啦，好讓它們在 Google、Bing 之類的搜尋引擎上排前一點（雖然坦白說，大部分人根本只盯著 Google，看市佔率就知道了吧）。排名變高後，就意味著更多人可能進你的站晃晃。可是，你也懂啦，有流量才有故事，瀏覽的人多了，被點擊的機率自然跟著往上爬，那些潛藏的目標受眾……大概也比較容易接觸到。欸，我又扯遠了，其實還有廣告收益可以期待，如果你規劃得恰如其分，不過說穿了誰不愛賺錢呢？反正重點就是：SEO 有它存在的價值，只是搞懂之後要不要做、要做到什麼程度，又是一回事罷了。
老闆問你排名怎麼辦，Google蜘蛛其實很八卦
零錢對誰都不會造成什麼傷害吧？真的嗎？我其實沒那麼確定，總覺得口袋裡多幾枚硬幣還是有點重量。嗯，不過這不是重點……我剛才說到SEO，其實這話題講了蠻久，什麼是SEO、為什麼需要它，唉，但你可能已經聽膩了吧。奇怪，我又要跳題——總之，還沒真正解釋過搜尋引擎怎麼運作。
說到裡面運作的機制，有個名詞老讓人覺得好像007一樣神祕（好啦也許只有我這樣想），那就是「爬蟲機器人」，或有些人乾脆叫牠們「蜘蛛」。這些程式蠻像路痴，只不過牠們可以自豪地到處亂竄，在網路上從一個頁面蹦到另一個頁面，憑著連結到處巡遊。牠們會努力把看見的內容慢慢爬進索引庫，然後就消失在數位迷霧中。欸，我是不是岔開話題了？拉回來，Google等搜尋引擎就是靠這些整理好的索引資料來應付你的提問，比如「best dev portfolio inspiration」或者「why isn't my website showing up」之類（有時候看到別人查的問題都會忍不住偷笑）。
很多做SEO的人會一直叨念關鍵字，有時候甚至讓人煩躁，但大概也是因為它很重要。爬蟲基本上是靠關鍵字來判斷你網站究竟在說什麼內容，所以才決定何時能讓你的頁面在搜尋結果露臉。再來，其實搜尋引擎還會根據地區去匹配內容。例如如果你人在西班牙語國家，那搜尋結果多半飄滿西班牙文；反之，在主要講英語的地方，大部分先跳出來的都是英文資料。有時候覺得這種在地化體貼得讓人感動，但偶爾也會想偷翻別國資料卻一直跳不出來，有點惱人吧。總而言之，透過這些細緻機制，搜尋引擎很努力想給使用者最符合他們語言偏好與所在地的答案。嗯，好像解釋完啦……沒漏掉細節吧？
說到裡面運作的機制，有個名詞老讓人覺得好像007一樣神祕（好啦也許只有我這樣想），那就是「爬蟲機器人」，或有些人乾脆叫牠們「蜘蛛」。這些程式蠻像路痴，只不過牠們可以自豪地到處亂竄，在網路上從一個頁面蹦到另一個頁面，憑著連結到處巡遊。牠們會努力把看見的內容慢慢爬進索引庫，然後就消失在數位迷霧中。欸，我是不是岔開話題了？拉回來，Google等搜尋引擎就是靠這些整理好的索引資料來應付你的提問，比如「best dev portfolio inspiration」或者「why isn't my website showing up」之類（有時候看到別人查的問題都會忍不住偷笑）。
很多做SEO的人會一直叨念關鍵字，有時候甚至讓人煩躁，但大概也是因為它很重要。爬蟲基本上是靠關鍵字來判斷你網站究竟在說什麼內容，所以才決定何時能讓你的頁面在搜尋結果露臉。再來，其實搜尋引擎還會根據地區去匹配內容。例如如果你人在西班牙語國家，那搜尋結果多半飄滿西班牙文；反之，在主要講英語的地方，大部分先跳出來的都是英文資料。有時候覺得這種在地化體貼得讓人感動，但偶爾也會想偷翻別國資料卻一直跳不出來，有點惱人吧。總而言之，透過這些細緻機制，搜尋引擎很努力想給使用者最符合他們語言偏好與所在地的答案。嗯，好像解釋完啦……沒漏掉細節吧？
語言地區那些小事，以及西班牙跟英語哪裡多
## 如何真正提升SEO……唉，也許吧
我們到這裡，好像也差不多知道幕後那些古怪的運作邏輯了。可是下一題馬上就冒出來——究竟要怎麼把這些什麼技術、什麼理論，真的用在自家網站上？好啦，配個B級電影效果的音樂（腦海裡自行想像），不過先暫停一下！我得打岔說個老掉牙卻超常被誤會的事：別以為只要用了Next.js或者某種現下流行框架，你家的SEO分數就會無腦飆高。嗯，這真的不是我的錯喔，有些東西就是這麼現實。
沒錯啦，SSR（Server-Side Rendering，伺服器端渲染）對Googlebot抓資料有點幫助，其實SSG（Static Site Generation，靜態網站生成）偶爾也勉強算一張王牌。但講白一點，那都只是最低限度的入門牌。結果你還是得花不少心力處理其他瑣碎又折磨人的細節，不然網站再怎麼帥氣，也很難殺進搜尋結果前排，而且那種不甘心感覺……唉，好煩，但我還是拉回來繼續講。
## 那麼……到底要怎麼為我的網站做好SEO設定？
欸剛才明明已經聊過一次那種「新潮框架本身完全不能保證排名提升」這件事吧？所以囉——當務之急就是認真面對那些真正能影響SEO表現的各項變數。有時候想到就有點懷疑人生，到底做那麼多細節是不是有意義。不過據說，只要用對法子，各種因素疊加起來，是可以慢慢看到成果的。哦，我剛剛突然想到早餐忘記吃，不過先放著不談。
總之，你反而該關注內容本身、網站結構合理性以及頁面速度優化等，看起來平凡，但其實相當重要的小事。如果不想一直被Googlebot冷落，就得從根本做起，一步一步修正。不然，再愛漂亮程式碼跟新奇功能，大概也只能自我欣賞而已。唉，我自己寫到這裡都覺得累了，但至少方向沒有跑掉。
我們到這裡，好像也差不多知道幕後那些古怪的運作邏輯了。可是下一題馬上就冒出來——究竟要怎麼把這些什麼技術、什麼理論，真的用在自家網站上？好啦，配個B級電影效果的音樂（腦海裡自行想像），不過先暫停一下！我得打岔說個老掉牙卻超常被誤會的事：別以為只要用了Next.js或者某種現下流行框架，你家的SEO分數就會無腦飆高。嗯，這真的不是我的錯喔，有些東西就是這麼現實。
沒錯啦，SSR（Server-Side Rendering，伺服器端渲染）對Googlebot抓資料有點幫助，其實SSG（Static Site Generation，靜態網站生成）偶爾也勉強算一張王牌。但講白一點，那都只是最低限度的入門牌。結果你還是得花不少心力處理其他瑣碎又折磨人的細節，不然網站再怎麼帥氣，也很難殺進搜尋結果前排，而且那種不甘心感覺……唉，好煩，但我還是拉回來繼續講。
## 那麼……到底要怎麼為我的網站做好SEO設定？
欸剛才明明已經聊過一次那種「新潮框架本身完全不能保證排名提升」這件事吧？所以囉——當務之急就是認真面對那些真正能影響SEO表現的各項變數。有時候想到就有點懷疑人生，到底做那麼多細節是不是有意義。不過據說，只要用對法子，各種因素疊加起來，是可以慢慢看到成果的。哦，我剛剛突然想到早餐忘記吃，不過先放著不談。
總之，你反而該關注內容本身、網站結構合理性以及頁面速度優化等，看起來平凡，但其實相當重要的小事。如果不想一直被Googlebot冷落，就得從根本做起，一步一步修正。不然，再愛漂亮程式碼跟新奇功能，大概也只能自我欣賞而已。唉，我自己寫到這裡都覺得累了，但至少方向沒有跑掉。
Next.js不是萬靈丹，真相令人汗顏
嗯，好吧，這份什麼 SEO 優化步驟指南就擺在眼前。我盯著螢幕，有點想喝水。說是按照重要性排序，從最關鍵的弄到後面那些…不那麼急的補充項目。還有附程式碼範例和一些實用連結，不過我總覺得這些東西看多了頭會痛。其實也沒人規定你一定要一次搞完全部內容，只是——根據大家私底下流傳啦，愈認真照做、Googlebot 來敲門的機率大概真的會高一點？唉，音樂聲響起，我又分心了。
### 1. Google Search Console
如果你現在還沒設好 Google Search Console，那先別逞強看下去了，好嗎？這玩意兒等於是和 Google 官方直接通氣的橋樑。它到底能幹嘛？嗯，其實不少——
話說回來，一旦你的網站被驗證完畢，就可以用下面這招提交 sitemap：
每次看到那串網址都想問自己：真的有誰記得住嗎？唉，我是不是又離題了。
### 2. Sitemaps（網站藍圖）
剛才提到 sitemap，不解釋一下好像怪怪的。簡單講，它就是讓搜尋引擎比較聰明地摸清楚你網站長什麼樣子的工具。有 sitemap 的話，你那些重要頁面至少不至於被遺忘在黑暗角落。有時候想著，它就像給搜尋引擎留一張導覽地圖吧。不知道為何突然想到迷宮遊戲，啊拉回來。
### 1. Google Search Console
如果你現在還沒設好 Google Search Console，那先別逞強看下去了，好嗎？這玩意兒等於是和 Google 官方直接通氣的橋樑。它到底能幹嘛？嗯，其實不少——
- 提交網站地圖（sitemap）
- 監控網站在搜尋結果中的表現
- 查看目前排名關鍵字
- 及早發現索引異常話說回來，一旦你的網站被驗證完畢，就可以用下面這招提交 sitemap：
https://yourdomain.com/sitemap.xml每次看到那串網址都想問自己：真的有誰記得住嗎？唉，我是不是又離題了。
### 2. Sitemaps（網站藍圖）
剛才提到 sitemap，不解釋一下好像怪怪的。簡單講，它就是讓搜尋引擎比較聰明地摸清楚你網站長什麼樣子的工具。有 sitemap 的話，你那些重要頁面至少不至於被遺忘在黑暗角落。有時候想著，它就像給搜尋引擎留一張導覽地圖吧。不知道為何突然想到迷宮遊戲，啊拉回來。
申請Search Console比什麼都重要（真的去弄）
robots.txt 這玩意兒其實就丟在網站的根目錄，像是守門人吧，專職跟各種機器人說：欸，你可以進來逛哪些地方、不准亂看哪幾間。範例長這樣——嗯我直接貼給你：
唉，其實設定真沒什麼高深學問，但有沒有用？還真的有時候差那麼一點。話說，我常常在半夜三點改 robots.txt，然後突然懷疑自己是不是做錯了，結果第二天又全部重來一次，有夠折騰。
### 4. Meta 標籤與頁面標題
Meta 標籤還有頁面標題，其實就是讓搜尋引擎、社群平台能稍微理解一下每個頁面到底想幹嘛啦。有時候覺得它們很不起眼，可偏偏缺了又怪彆扭。通常都藏在 index.html 的 head 裡頭，不知怎地我老是在那裡糾結半天。
如果你搞 React 專案，大概就會用 `react-helmet-async` 來弄這些東西。講到這裡，好像有點離題了……呃對拉回來，就是要記得善用工具，不然 SEO 一塌糊塗也是家常便飯。不過誰沒試過呢？
User-agent: *
Allow: /
Disallow: /admin/
Sitemap: https://yourdomain.com/sitemap.xml唉，其實設定真沒什麼高深學問，但有沒有用？還真的有時候差那麼一點。話說，我常常在半夜三點改 robots.txt，然後突然懷疑自己是不是做錯了，結果第二天又全部重來一次，有夠折騰。
### 4. Meta 標籤與頁面標題
Meta 標籤還有頁面標題，其實就是讓搜尋引擎、社群平台能稍微理解一下每個頁面到底想幹嘛啦。有時候覺得它們很不起眼，可偏偏缺了又怪彆扭。通常都藏在 index.html 的 head 裡頭，不知怎地我老是在那裡糾結半天。
如果你搞 React 專案，大概就會用 `react-helmet-async` 來弄這些東西。講到這裡，好像有點離題了……呃對拉回來，就是要記得善用工具，不然 SEO 一塌糊塗也是家常便飯。不過誰沒試過呢？
sitemap和robots.txt檔案，不寫會被遺忘嗎？
npm install react-helmet-async
裝好這個套件之後，嗯，其實你得把你的應用包上一層才行。剛開始可能會有點疑惑，反正就是——
import { HelmetProvider } from 'react-helmet-async';
欸，你看起來是不是怪怪的？算了，我自己有時候寫也寫錯……拉回重點，要在元件裡面這樣用：其實很簡單。
import { Helmet } from 'react-helmet-async';
不過說到這裡，我突然想到一件事，有必要一直塞 meta 嗎？唉，有人覺得沒差，但還是照規則來吧。
### 5. 行動裝置最佳化與關鍵字
講個殘酷現實──大約有60%的線上搜尋都是用手機查的，這數字看到會讓人肚子痛。你網站如果沒顧好行動端，那些體驗真的慘兮兮。
突然想問，是誰發明那麼小的字體？我都快瞇成瞎子了。不過回到主題，就是要針對行動端去調教，不然遲早出問題，這不是危言聳聽。
### **以行動優先，不然…就乾脆放棄好了**
Google 從某一年開始改玩「Mobile-first」索引（嗯，大概是近幾年），他們直接看你手機版表現怎樣再決定排名。如果手機上亂七八糟、滾動卡住或按鈕炸掉，那排名自然掉光光。老話一句，設計給手機優先考量啦，把回應式搞紮實，用戶才不會咒罵你。
呃，好像扯遠了…恩恩，再拉回來——重點還是在於流暢操作、順手互動，很重要。
### **關鍵字：不要硬塞，多花腦袋策略一點**
雖然我偶爾還是會下意識狂加關鍵字，但現在情勢已經不同過去那些資料教的死板方式。Google 的演算法已經蠻靈巧，就算偷懶也藏不了太久。所以啊，只能勸大家別再堆砌詞語，要更精打細算地思考使用場景及文意匹配度才有戲唱下去吧。
裝好這個套件之後，嗯，其實你得把你的應用包上一層才行。剛開始可能會有點疑惑，反正就是——
import { HelmetProvider } from 'react-helmet-async';
<helmetprovider>
<app></app>
</helmetprovider>欸，你看起來是不是怪怪的？算了，我自己有時候寫也寫錯……拉回重點，要在元件裡面這樣用：其實很簡單。
import { Helmet } from 'react-helmet-async';
<Helmet>
<title>My SEO Page</title>
<meta name="description" content="A short summary of what this page is about." />
<meta name="keywords" content="SEO, react, helmet" />
<link rel="canonical" href="https://yourdomain.com/page" />
</Helmet>不過說到這裡，我突然想到一件事，有必要一直塞 meta 嗎？唉，有人覺得沒差，但還是照規則來吧。
### 5. 行動裝置最佳化與關鍵字
講個殘酷現實──大約有60%的線上搜尋都是用手機查的，這數字看到會讓人肚子痛。你網站如果沒顧好行動端，那些體驗真的慘兮兮。
突然想問，是誰發明那麼小的字體？我都快瞇成瞎子了。不過回到主題，就是要針對行動端去調教，不然遲早出問題，這不是危言聳聽。
### **以行動優先，不然…就乾脆放棄好了**
Google 從某一年開始改玩「Mobile-first」索引（嗯，大概是近幾年），他們直接看你手機版表現怎樣再決定排名。如果手機上亂七八糟、滾動卡住或按鈕炸掉，那排名自然掉光光。老話一句，設計給手機優先考量啦，把回應式搞紮實，用戶才不會咒罵你。
呃，好像扯遠了…恩恩，再拉回來——重點還是在於流暢操作、順手互動，很重要。
### **關鍵字：不要硬塞，多花腦袋策略一點**
雖然我偶爾還是會下意識狂加關鍵字，但現在情勢已經不同過去那些資料教的死板方式。Google 的演算法已經蠻靈巧，就算偷懶也藏不了太久。所以啊，只能勸大家別再堆砌詞語，要更精打細算地思考使用場景及文意匹配度才有戲唱下去吧。
裡亂七八糟的meta標籤到底有屁用？
裡亂七八糟的meta標籤到底有屁用？
欸，說真的，與其亂挑個什麼「pokemon」當關鍵字，這種隨便選的方式…唉，我自己想起來都覺得有點慌。倒不如認真去查一下，你的目標受眾到底會搜尋哪些東西？就那種，他們真正在網路上敲下去、不是你自己腦補的字眼。嗯，不過話又說回來，有時候資料也很難找，對吧？
還有一件事我常常忘記：用自然語言啦！就是平常講話那種，不要硬塞專業術語或奇怪的詞彙進內容裡，其實大家閱讀起來比較順。我前幾天寫稿也卡在這裡，一直改一直改，到底是在跟誰較勁啊……咳，好像扯遠了。拉回正題——主題叢集很重要啦，就是不要執著單一個詞，多放些相關內容（但別亂湊喔），整體才會更完整，被搜尋引擎抓到重點。
怎麼說呢，其實最主要目的好像也不是為了討好什麼搜尋引擎，畢竟演算法一直變嘛，也沒人保證你永遠穩坐第一頁。大概應該把重心放在人身上吧？先讓文章本身有溫度、有用處，如果還能順手優化，那就再好不過。不然光顧著討好機器人，看的人都睡著了…
### 6. 簡潔、易讀的網址
老實說，每次看到網址後面一長串莫名其妙的代碼，我都覺得頭痛──/blog/article?id=2934 這種，到底誰看得懂？比起來，用 /blog/seo-tips 就明快多了嘛（雖然有時候命名真的卡關）。反正簡短描述性最好啦，也不用刻意搞花樣。
還有一件事我常常忘記：用自然語言啦！就是平常講話那種，不要硬塞專業術語或奇怪的詞彙進內容裡，其實大家閱讀起來比較順。我前幾天寫稿也卡在這裡，一直改一直改，到底是在跟誰較勁啊……咳，好像扯遠了。拉回正題——主題叢集很重要啦，就是不要執著單一個詞，多放些相關內容（但別亂湊喔），整體才會更完整，被搜尋引擎抓到重點。
怎麼說呢，其實最主要目的好像也不是為了討好什麼搜尋引擎，畢竟演算法一直變嘛，也沒人保證你永遠穩坐第一頁。大概應該把重心放在人身上吧？先讓文章本身有溫度、有用處，如果還能順手優化，那就再好不過。不然光顧著討好機器人，看的人都睡著了…
### 6. 簡潔、易讀的網址
老實說，每次看到網址後面一長串莫名其妙的代碼，我都覺得頭痛──/blog/article?id=2934 這種，到底誰看得懂？比起來，用 /blog/seo-tips 就明快多了嘛（雖然有時候命名真的卡關）。反正簡短描述性最好啦，也不用刻意搞花樣。
對了，如果你用的是 React Router，其實路由設定起來也沒多複雜，就像：
<route path="/seo-guide" element="{<SEOGuide"></route>手機優先！60%流量來自手掌心+關鍵字迷思破除術
### 8. Favicon（小圖示，大信任訊號）
說真的，Favicon這玩意兒，有時候存在感薄到我都會忘記它。但，不可否認，那一點小小的 icon，卻莫名其妙地讓人覺得這網站「嗯，好像挺正經」。它不直接影響排名啦，可是用戶打開分頁一排瀏覽器標籤時，就靠那個 icon 累積品牌熟悉度。所以，如果你有做 `favicon.ico`，就乾脆把檔案丟去 public 資料夾吧。然後連結方式也不麻煩，不過，有誰還真的手動寫？唉，我自己又扯遠了，看來還是要照舊：
### 9. WebManifest（適用於 PWA 愛好者）
manifest.json，其實一般人根本沒碰過，但對於要搞 PWA 的工程師來講，就是基本功啊。反正，就是讓瀏覽器能明白你網站被當成應用程式時該怎麼表現、顏色啥的，例如主題色設成黑、背景白——那種極簡風格。不過，也沒規定不能加其它東西。欸，我差點開始碎念 manifest 名稱要小心拼錯…呃，好啦！重點大概如下：
至於跟前面 favicon 一樣，「manifest.json」也是丟在根目錄就對了。然後你只需要這樣連進 HTML 就行：
### 10. Backlinks（數位口碑推薦）
外部連結啊……反正就是所謂的「背書」吧。有權威或人氣高的網站肯願意幫你加上一條連結，那在 Google 或其他搜尋引擎眼裡，你瞬間身價暴漲。不知道怎麼形容，嗯，就像有人公開幫忙說：「誒，他家值得一看喔。」其實很難強求啦，有時候等半天才來一個，但偶爾看到自己網站被推上去，那種虛榮感還挺奇妙，哈！
說真的，Favicon這玩意兒，有時候存在感薄到我都會忘記它。但，不可否認，那一點小小的 icon，卻莫名其妙地讓人覺得這網站「嗯，好像挺正經」。它不直接影響排名啦，可是用戶打開分頁一排瀏覽器標籤時，就靠那個 icon 累積品牌熟悉度。所以，如果你有做 `favicon.ico`，就乾脆把檔案丟去 public 資料夾吧。然後連結方式也不麻煩，不過，有誰還真的手動寫？唉，我自己又扯遠了，看來還是要照舊：
<link rel="icon" href="/favicon.ico" />### 9. WebManifest（適用於 PWA 愛好者）
manifest.json，其實一般人根本沒碰過，但對於要搞 PWA 的工程師來講，就是基本功啊。反正，就是讓瀏覽器能明白你網站被當成應用程式時該怎麼表現、顏色啥的，例如主題色設成黑、背景白——那種極簡風格。不過，也沒規定不能加其它東西。欸，我差點開始碎念 manifest 名稱要小心拼錯…呃，好啦！重點大概如下：
json
{
"name": "Awesome App",
"short_name": "App",
"start_url": "/",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}至於跟前面 favicon 一樣，「manifest.json」也是丟在根目錄就對了。然後你只需要這樣連進 HTML 就行：
<link rel="manifest" href="/manifest.json">### 10. Backlinks（數位口碑推薦）
外部連結啊……反正就是所謂的「背書」吧。有權威或人氣高的網站肯願意幫你加上一條連結，那在 Google 或其他搜尋引擎眼裡，你瞬間身價暴漲。不知道怎麼形容，嗯，就像有人公開幫忙說：「誒，他家值得一看喔。」其實很難強求啦，有時候等半天才來一個，但偶爾看到自己網站被推上去，那種虛榮感還挺奇妙，哈！
url別再一堆參數，路徑乾淨才有人想點進來吧！還有lang屬性記得設啊
唉，拜託千萬別傻傻掉進那些莫名其妙的 SEO 廠商畫的大餅裡，什麼連結包套，有夠詭異。嗯，這種東西一旦碰了，後面可能會很難收拾喔。我之前就有聽過誰誰誰踩雷，結果還不是要花更多錢善後。好像扯遠了…總之，不要貪快去買那種可疑連結啦。
說到無障礙性啊，其實我蠻在意這點的（雖然我也不太確定大部分人會不會在乎）。但不得不說，網站如果做得越友善、越無障礙，被搜尋引擎推給潛在用戶的機率，大概也會跟著提升吧。不過話說回來，就算真的一點都沒打算理 SEO，那也**非做不可**啦——畢竟，人類應該永遠排在搜尋引擎爬蟲前面吧？唉，我是不是講太多廢話了…拉回正題，就是記得以無障礙當底線開發啦。
網頁速度這件事，每次提起都讓人有點煩躁（嗯，好像大家都懂那種感覺）。它雖然可能沒直接綁死你的排名，但真要說沒有影響，也太天真吧。如果載入慢吞吞，用戶等到發火，你覺得 Google 不管嗎？所以建議你還是拿 Lighthouse 來測一下，看網頁到底優化到什麼程度、載入時長合不合理。有時候明知道問題卻懶得動手，我自己也是…但沒辦法啊，只能硬著頭皮處理完再碎念幾句。
說到無障礙性啊，其實我蠻在意這點的（雖然我也不太確定大部分人會不會在乎）。但不得不說，網站如果做得越友善、越無障礙，被搜尋引擎推給潛在用戶的機率，大概也會跟著提升吧。不過話說回來，就算真的一點都沒打算理 SEO，那也**非做不可**啦——畢竟，人類應該永遠排在搜尋引擎爬蟲前面吧？唉，我是不是講太多廢話了…拉回正題，就是記得以無障礙當底線開發啦。
網頁速度這件事，每次提起都讓人有點煩躁（嗯，好像大家都懂那種感覺）。它雖然可能沒直接綁死你的排名，但真要說沒有影響，也太天真吧。如果載入慢吞吞，用戶等到發火，你覺得 Google 不管嗎？所以建議你還是拿 Lighthouse 來測一下，看網頁到底優化到什麼程度、載入時長合不合理。有時候明知道問題卻懶得動手，我自己也是…但沒辦法啊，只能硬著頭皮處理完再碎念幾句。
favicon、manifest、外部連結、無障礙與速度雜談
SEO嘛，這大概就是我目前的感受吧。說真的，你要是想讓網站從0慢慢爬到0.1或甚至0.2，其實已經算不錯啦（在這圈子裡，大家都很會吹牛，但現實…唉，數字擺那）。然後，如果你有哪個主題想看，也可以隨便跟我說。嗯，不過我要不要寫，就看我心情還有Googlebot是不是今天沒卡住吧。有時候自己也搞不太清楚到底該寫什麼——話說回來，我又離題了。
好啦，眼看就要收尾了。噢對了，那些注意事項只是用來幫助內容產出，不是給你直接搬進文章裡頭的喔。我每次看到有人把指導文字直接丟上去，都忍不住翻白眼。總之就醬，希望下次再聊的時候，我沒被演算法氣死才好。
好啦，眼看就要收尾了。噢對了，那些注意事項只是用來幫助內容產出，不是給你直接搬進文章裡頭的喔。我每次看到有人把指導文字直接丟上去，都忍不住翻白眼。總之就醬，希望下次再聊的時候，我沒被演算法氣死才好。
