iT邦幫忙

2023 iThome 鐵人賽

DAY 14
0
自我挑戰組

從零開始學習前端系列 第 14

#從零開始1️⃣3️⃣:優化程式碼,更好的SEO

  • 分享至 

  • xImage
  •  

還記得在#從零開始9️⃣:都只用div不行嗎? 為甚麼要用ul li語意化標籤,我們討論了要使用語意化標籤,非不得已的情況下再使用如div的非語意化標籤。其中使用語意化標籤的好處是能幫助瀏覽器理解,是影響SEO的重要因素之一。

相信大家對SEO不陌生,也多少知道SEO和流量有關。那我們在寫網頁的過程中,要怎麼樣優化SEO呢?

1. 要寫image alt

寫image alt有助於SEO排名,也能夠在圖片失效時當作說明、理解內容。更進一步,可以寫得更完整、連貫、精確。

2. 使用語意化的標籤

請參考這一篇#從零開始9️⃣:都只用div不行嗎? 為甚麼要用ul li語意化標籤

3. 連結相關的網頁

例如書店網站可以連結電子閱讀器的網站。

當然也不要濫用連結,要確保連結的質和量適度即可。

4. 利用錨點文字

當使用者點擊錨點文字時,會跳轉到同一頁面上的不同部分。

對於長頁面或文章很好用,可以讓使用者輕鬆到感興趣的部分。

要確保錨點文字與目標內容相關並提供明確的描述,以便使用者知道點擊後會跳轉到哪裡。

參考資料:

  1. Img Alt是什麼?好的替代文字怎麼寫?SEO專家教你7秘訣!:https://welly.tw/serp-rank-optimization/what-is-img-alt
  2. 網站連結優化攻略|外部連結5大心法與內部連結4大重點教學!:https://welly.tw/serp-rank-optimization/what-is-seo-link-building

上一篇
#從零開始1️⃣2️⃣:background-image的特性以及怎麼用?
下一篇
#從零開始1️⃣4️⃣:使用emmet,更快寫出腦中所想
系列文
從零開始學習前端31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言