SEO語法

什麼是SEO網頁技術

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

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

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

● 初級

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

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

meta keywords已經被Google搜尋引擎淘汰,可以不用寫。

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