iT邦幫忙

2023 iThome 鐵人賽

DAY 12
0
Modern Web

從UI/UX到實作:和我一起運用Bootstrap和jQuery打造互動式RWD網頁!系列 第 12

[HTML基礎篇]使用語義化標籤:增強網頁結構和SEO

  • 分享至 

  • xImage
  •  
  • 什麼是SEO?

   SEO(Search Engine Optimization)中文翻譯為搜索引擎優化,是一種提高網站在搜索引擎中排名的方法。主要的目標是為了使網站能夠更容易的被搜索引擎檢索和理解,從而提高網站的曝光度,吸引更多的訪問者,並挖角到潛在的客戶。
   常見的瀏覽器包含Google、Yahoo、Firefox等等,而每個搜尋引擎都有自己的爬蟲和排名演算法,因此在強化網站時,可能需要根據目標受衆和市場,考慮特定搜尋引擎的要求。這邊我會以目前最常見的Google這個瀏覽器來進行SEO的說明,以及講述幾個在不同的搜尋引擎之間通用的SEO方式。

  • Google並未公布搜索引擎的決定方式

目前Google搜索引擎的決定因素只能用推測的,其中一家美國的SEO公司SparkToro,曾在2019研究後發布了一篇文章,有將影響SEO的因素進行排名:

想了解更多可以在這裡看原始文章!

  • 要怎麼提高SEO?

   SEO有分成內部的和外部的,其中外部的SEO是指像是社群媒體的行銷品牌的建設來自其他網頁的連結等等。而內部的SEO是指優化網頁HTML的架構及內容。身為網頁的前端工程師,我們主要要了解的不是外部的SEO而是內部的SEO。

內部SEO的優化

   Google等搜索引擎在檢索網頁時會首先關注三個部分,分別是 <title> 標簽、<meta name=”description” content=””> 標簽和 <h1> 標簽。

  1. <title>標簽:這是網頁的標題標簽,其中應包含網頁的標題名稱,目標關鍵字應至少出現一次,最多出現兩次。

  2. <meta name="description" content="">:這個標簽用於提供網頁的簡短介紹。目標字數應控制在120字以內,目標關鍵字至少出現一次,最多出現兩次。

  3. <h1>標簽:這個標簽定義網頁中的主標題文字,只能在HTML程式碼裡出現一次。

其中目標關鍵字可以藉由關鍵字研究獲得,像是如果你要做一個關於介紹電影的網頁,你的目標關鍵字就可能是電影名稱、幾月幾號上映。除此之外,需要注意的是,這三個關鍵標簽不可以包含完全相同的內容,否則搜索引擎可能會感到混亂,進而導致SEO評分下降!!!

其他內部SEO優化策略

除了以上關鍵標簽的優化,還有一些其他內部SEO策略值得關注:

  1. 文章內容: 內容是吸引和保留訪問者的關鍵。確保內容是高質量和有價值的,同時與目標關鍵字相關。
  2. 字數: 內容字數也是一個重要因素。一般來說,較長的內容更容易在搜索引擎中獲得更好的排名,但質量仍然至關重要。
  3. 圖片的數量和質量: 圖片在網站上起到重要作用,但它們也需要被優化,以提供更好的用戶體驗和更高的SEO價值。
  4. 其他標題標簽的應用: 使用適當的標簽來組織頁面內容,這可以幫助搜索引擎更好地理解頁面的結構。
  5. 菜單鏈接: 在網站的導航菜單中使用鏈接,這有助於提高網站內部鏈接結構,使頁面之間的聯系更加明確。
  6. 文章內的鏈接: 在文章中使用內部鏈接,引導用戶瀏覽網站的不同部分,同時增強內部鏈接結構。

上一篇
[HTML基礎篇]實作表格、表單
下一篇
[HTML基礎篇]圖片和多媒體:選擇適當格式並進行優化
系列文
從UI/UX到實作:和我一起運用Bootstrap和jQuery打造互動式RWD網頁!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言