我們之前說過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的開始,因為這些規則是死的,大家上網都可以查到一樣的資料,代表每個人都可以按照這方式去編寫網頁。
所以,被搜尋引擎收錄進去,只是確定你報名了這場比賽,剛站上起跑點而已。