CJCNO.116

SEO語法

什麼是SEO網頁技術

我們之前說過Technical SEO，技術導向的優化，也就是網頁要按照搜尋引擎建議的方式去編寫設計，才能快速又有效率的被搜尋引擎收錄進去。

說真的，你花了那麼多時間設計網頁，卻沒被搜尋引擎收錄，不是很可惜嗎？

所以接下來，我們就要告訴你，有關於「Technical SEO」的語法重點：

● 初級

1. meta description標籤要加上網頁介紹

例如：＜meta name="description" content="網頁介紹約50字"＞，這是出現在搜尋結果頁，每個網頁標題下方的解說文字，讓使用者可以先大約知道網頁內容的重要文案，如果沒寫，搜尋引擎就會自己從內容裡隨易抓取文案，那內容很可能就不會是你想要的。

2. 正確的使用html標籤

例如：h1~h6標籤用在標題，p標籤用在文章段落...等，可以加強搜尋引擎對於內容的判斷。

3. img圖片標籤要記得加alt

例如：＜img alt="圖片說明"＞，寫上文字說明，方便搜尋引擎判斷。

4. 避免使用過長的動態網址

過長的動態網址不好記，使用短的靜態網址對SEO排名較有利。

5. 不要任意更改網址

如果你沒有工程師，建議先想清楚網址跟架構再做網站，不然之後突然想改網址、網頁位置，轉址設定又沒做好，SEO就需要重來一次了。

● 中級

1. 增加標準連結元素canonical

例如：＜link rel="canonical" href="正確網址"＞，避免搜尋引擎抓錯網址。

2. 壓縮網頁檔案

圖片、CSS、JS檔案能壓縮就壓縮，加快網頁開啟的速度。

3. 注意語法編排順序

在不發生Bug的情況下，盡量按照標準程序去編排語法讀取順序，由上至下，先讀CSS樣式，再讀網頁內容，最後才讀JS特效，加快網頁開啟的速度。

● 高級

1. 建立網站地圖

將網址都寫入Sitemap.xml檔，上傳至伺服器，並提交給Google search console(網站管理員工具)，加速網頁收錄。

2. 加入結構化資料

結構化資料就像正確填寫表格一樣，可以提升搜尋引擎效率，也能讓搜尋結果更精彩，如果你想要網站搜尋結果有複合式資訊圖卡，或是星星評分、品牌LOGO介紹...等效果，結構化資料這部份就一定要深入研究。

3. 編寫AMP網頁

AMP網頁能加快網頁開啟的速度，讓手機用戶可以更快速的瀏覽網頁，但這部份其實不是一個非做不可的項目，所以建議是在網站完成之後，再另外寫一些AMP網頁，分成2組去進行A/B對比測試，覺得成效不錯，再繼續進行下去。

你發現了嗎？網頁的開啟速度，似乎會影響到SEO的排名！

因為速度太慢的網頁，會讓使用者失去耐心，還沒看到內容就直接關閉離開，造成跳出率太高，當這種情形發生時，搜尋引擎便會認為這個網頁內容是大家不想看的，或內容資訊是錯誤的，排名自然也就會下降。

但速度並不是絕對，因為還是要看你的網頁內容，是否能符合使用者需求！

以上這些都是根據我們實際測試之後所發現的規則，而這些規則，也確實能讓你的網頁更快被收錄到數據資料庫當中，但這只是SEO的開始，因為這些規則是死的，大家上網都可以查到一樣的資料，代表每個人都可以按照這方式去編寫網頁。

所以，被搜尋引擎收錄進去，只是確定你報名了這場比賽，剛站上起跑點而已。

---

專業講師 - ROCKER
瘋狂的搖滾怪咖，在視覺傳達這個領域，擁有豐富多元的經驗，是專業級的設計講師以及品牌策略行銷顧問。創辦過文創設計品牌，並舉辦過多場設計交流講座及展覽。教學經驗豐富，風格幽默有趣、是你學習設計思考的最佳指導夥伴。