網站公司說的「對 SEO 友善」是什麼意思?用了他們做的網站,排名就會上升嗎?老實說,不一定。
我看過不少品牌網站,發現老闆對「對 SEO 友善」這件事其實不太理解。老闆看到的是一個好看的網站,搜尋引擎看到的卻是原始碼。從外面看,形象、設計、美觀都有,怎麼還會有問題呢?所以老闆通常不知道,這些地方會影響流量和曝光。
Elio 語:這不是在說網頁公司不好。設計和 SEO 本來就是兩門專業,一個管「看起來怎樣」,一個管「如何被看到」。很多時候「對 SEO 友善」的意思是「後台有欄位可以填」,至於怎麼填,那就是 SEO 的事情了。
下面 6 項,不用懂程式,大部分只要在瀏覽器網址列多打幾個字,花 5 分鐘就能看完。
1. 每一頁的簡介(meta description)寫了嗎?每頁都不一樣嗎?
怎麼看:用 Google 搜尋「site:你的網址」,看每一頁搜尋結果下方灰色的說明文字,是不是都一樣。也可以用電腦版在網頁上按右鍵「檢視網頁原始碼」或按 Ctrl+U,搜尋 description,看後面是空的,還是有一句話。
為什麼重要:常見的情況不是沒寫,而是全站每一頁都套同一句。下面這張是我實際用 site: 查一個品牌網站的結果(已遮蔽名稱):抽水肥、清水溝、抽油煙機三個不同主題的頁面,灰色說明卻是同一句「歡迎您來到……的網站」。這樣使用者在搜尋結果裡分不出每一頁在講什麼,也沒有理由點進去。Google 的文件說會優先從頁面內容自動產生說明,但在 meta description 比頁面其他內容更貼切時也會採用,並建議每一頁寫不同的描述,因為使用者是看簡短的描述,判斷這一頁能不能提供有用資訊(Google meta description 說明)。

2. 有沒有 robots.txt 和 sitemap.xml?
怎麼看:在網站首頁網址後面加上 /robots.txt,再試一次 /sitemap.xml。正常會看到一份純文字或 XML 設定檔。如果看到的是首頁、或一個錯誤頁面,就是沒做好。
為什麼重要:robots.txt 告訴搜尋引擎爬蟲哪些網址可以抓;sitemap 是你主動告訴 Google「我的網站有哪些頁面」的清單(Google robots.txt 說明、Google sitemap 說明,見文末參考資料)。兩個都沒有,網站也不是就不會被收錄,但等於放棄了一個告訴 Google 該看哪裡的機會。
有些網站的伺服器會把「找不到」也回成正常頁面,所以你在 /robots.txt 看到的可能是網站首頁,而不是設定檔。這種情況老闆自己幾乎不可能發現。

3. 多語言版本有告訴 Google 彼此對應嗎?
只有網站有多國語言版本才需要看這項。
怎麼看:檢視網頁原始碼,搜尋 hreflang。有的話,應該會看到每個語言版本互相指向(包含指向自己)。
為什麼重要:Google 的文件要求每個語言版本都要列出自己和所有其他語言版本;如果 A 頁連到 B 頁,B 頁卻沒有連回 A 頁,這些標註可能被忽略(Google 多語言版本說明)。
4. 圖片有寫替代文字(alt)和有意義的檔名嗎?
怎麼看:在圖片上按右鍵「另存圖片」,看預設檔名是不是 IMG_00023.JPG 這種相機編號。想看 alt,可以在原始碼裡搜尋 <img,看有沒有 alt="…",而且 alt 後面是不是一句能描述圖片的話。
為什麼重要:搜尋引擎看不到畫面。Google 的圖片 SEO 文件建議使用有描述性的檔名、標題和 alt(Google 圖片 SEO 說明)。alt 也是視障者使用的螢幕閱讀器會念出來的內容。想進一步了解怎麼透過圖片優化搜尋表現,可以看圖片 SEO 怎麼做。
5. 有結構化資料嗎?
怎麼看:打開由 Google、Bing、Yandex 和 Yahoo 四大搜尋引擎共同制定的 Schema 測試網站,貼上網址,看會不會偵測到結構化資料。更簡單的方法是檢視原始碼,搜尋 ld+json。
為什麼重要:結構化資料是用機器看得懂的方式,告訴搜尋引擎網站的「身分證」資料,例如店家地址、電話、營業時間、公司行號。寫得越完整,Google 在使用者搜尋時越容易做出適合的媒合。Google 說這種標記能幫助它理解頁面內容,建議的格式是 JSON-LD。
文件也提醒,提供較少但完整、正確的屬性,比提供大量不完整或有誤的屬性更重要。所以與其亂加,不如只加你確定正確的欄位(Google 結構化資料說明,見文末參考資料)。不是每個網站都需要複雜的標記,結構化資料怎麼加可以先從基本項目開始,企業官網通常從「公司基本資料」開始就夠了。
6. 分享到 LINE/FB 時,有預覽圖和標題嗎?
怎麼看:把網址貼到 LINE 的聊天室,看有沒有跳出圖片和標題。
為什麼重要:這不是 Google 排名的項目,而是 Open Graph 標籤(Open Graph 協定,見文末參考資料)。但很多老闆會把網址貼給客戶,預覽出來是一片空白或亂七八糟的圖,第一印象就差了。

順手一提:網站語言宣告
網站原始碼開頭的 <html lang="…"> 如果寫的是 en,內容卻是繁體中文,會有人說這是 SEO 錯誤。但 Google 的文件寫得很清楚:它判斷頁面語言是看頁面上實際的內容,不使用 lang 屬性(Google 多語言網站說明,見文末參考資料)。所以這項不影響 Google 的語言判斷,但螢幕閱讀器和瀏覽器的翻譯提示會用到,順手改成 zh-TW 就好,不必當成大問題。
看完怎麼辦
如果這幾項裡有好幾項對不上,不代表之前的網頁公司做得很差,也不代表你要換公司。很多時候只要有人逐頁把標題、描述、alt 補上,花幾天就能改善。但看完後能不能自己更動,要看網站有沒有 CMS 後台管理系統;如果沒有,就得先問網頁公司那邊更動要不要收費。
看不懂、或沒時間逐項查,可以把網址給我,我替你看一遍,這是免費網站健檢的一部分。讓我幫你把網站向前推進,不只帶流量,也帶客戶。
我是 Elio,專精於 SEO 的專家,不馬虎、不廢話、不推銷,只把你的品牌當自己的招牌經營。
參考資料
- Google Search Central:Influencing Title Links in Google Search
- Google Search Central:How to Write Meta Descriptions
- Google Search Central:Robots.txt Introduction and Guide
- Google Search Central:What Is a Sitemap
- Google Search Central:Localized Versions of your Pages
- Google Search Central:Image SEO Best Practices
- Google Search Central:Intro to How Structured Data Markup Works
- The Open Graph protocol
- Google Search Central:Managing Multi-Regional and Multilingual Sites
- Rich Results Test(Google)
