W
E
B
KNOWLEDGE
網頁知識
回網頁知識總覽
September 28 , 2020

SEO優化重點式提解,做好網頁設計必不可少

SEO 優化能帶給網站穩定的流量,可從這些大面向去操作SEO,分為關鍵字研究、良好的網站架構、Head定義(title、description、Keyword)、圖片優化描述(Alt)、內容行銷、反向連結、SSL安全憑證(HTTPS)等…,整理以下重點讓你迅速了解SEO的必要精隨!

SEO,網站優化,搜尋優化

 

根據 StatCounter Global Stats 研究統計,台灣地區使用搜尋引擎市占率排名是 Google 市占率 92.43 %Yahoo! 市占率 6.39 %Bing 市占率 1.1 %

由此得知大多數台灣人在搜尋引擎選擇上,Google 可說是所向披靡,因此 SEO 優化無可厚非得依循 Google 演算法去調整來影響網站排名。

SEO 優化能帶給網站穩定的流量,可從這些大面向去操作 SEO,分為關鍵字研究、良好的網站架構、Head 定義 ( titledescriptionKeyword )、圖片優化描述 ( Alt )、內容行銷、反向連結、SSL 安全憑證 ( HTTPS ) 等…,整理以下重點讓你迅速了解 SEO 的必要精隨!

 

1. 關鍵字研究 

一切的搜尋行為都從一個關鍵字詞開始,因此得找出具備具搜尋量、競爭度適中的關鍵字並且引導正確的流量至網站上,可利用Ubersuggest評估關鍵字搜尋量,關鍵字競爭度則可透過 SEM RushMozGoogle Keyword Planner 來得到幫助,要看一個關鍵字的熱門程度最直接的方法就是去Google做搜尋便可得知,此外還可以看到搜尋列上相關搜尋或建議搜尋從中獲取更多關鍵字靈感,找出最合適的關鍵字並想辦法攻下它!

 

2. 良好的網站架構 

具備重要資訊的頁面,例如電商平台內的一個產品頁面,需要經過許多次點擊才能到達那該有多懊惱,除了嚴重影響使用者體驗以外,隨著點擊次數增加而影響網站權重,因此更難排入首頁搜尋,因此在規劃網站架構,最好確保每個頁面都能點擊三次即能到達!

 

3. Head定義(titledescriptionKeyword) 

Title 定義的好有助於提升搜尋排名以及提高點擊意願,description 則是針對該網頁內容簡約描述,雖然不具備直接影響 SEO 排名,卻能藉由好的文案促使使用者點擊查閱,建議 title 字數在 25 字以內,description 字數在 100 字以內。

 

4. 圖片優化與描述(Alt) 

圖片檔案盡量越小越好有助於網頁載入速度,Alt則是能賦予該圖片文字敘述,進行提升圖片與關鍵字的連結性。


5. 內容行銷 

SEO 最高精隨始終在於內容行銷,所有搜尋行為都具備意圖,正確理解使用者查找該關鍵字想得到的解答或資訊,以此為出發點,透過縝密的文案規劃與撰寫優質內容,攻下搜尋第一頁就無非難事了。


以下依 ”網頁設計推薦” 關鍵字搜尋出,前三名皆為部落格的內容文章而非網頁公司官網。

 

6. 反向連結 

 

建立反向連結屬於 Off-page Seo,需要與他人進行合作,才能達成。可以透過像是與部落客合作、媒體廣告互換等…,藉由他人網站(尤其是具備知名或權威的)來連結您的網頁,進而提升網頁權重,連結種類的取得方式區分有 3 種:

 

◆ Natural Links:網頁的擁有者無須進行任何動作所取得

◆ Manually Built Links:網頁的擁有者藉由特定建立連結的活動所取得

◆ Self-Created Links:藉由在線上的文件、論壇或部落格評論簽名區自行建立的反向連結,但如果利

用機器人大量建立外部連結,反而是搜尋引擎所厭惡的,應該盡量避免。

 

7. SSL安全憑證(HTTPS) 

Google為了推廣網站加密的觀念,若該網站使用SSL安全憑證(HTTPS)將能提升SEO排名,是一個不得不重視的評量標準。

除了上述所談論到的 SEO 影響因素以外,使用者體驗也具備一定的占比影響網站排名,因此 Google2020 5 月發布了關於 Core Web Vitals 使用者體驗核心指標,分別是 LCP (載入速度)FID (可開始的互動時間)CLS (頁面穩定性),並且將這些指標列入評比網站分數的排名因素,以下會提到指標核心說明、優化簡述並且提供量測這三指標的工具平台。

 

8. 量測使用者體驗指標Core Web Vitals的工具平台 

1.Page Speed Insight

2.Google search console

3.Lighthouse

4.Chrome DevTools

 

★ Core Web Vitals 使用者體驗核心指標

 

1. 網站載入速度 ( LCP/ Largest Contentful Paint ) -顯示最大內容元素所需時間

 根據 Web.dev 提到為提供更好的使用者體驗,網站上顯示最大內容元素的載入時間最好於 2.5 秒以內。

 影響 LCP 的元素如下列

  ◆元素

  ◆元素內 svg 向量圖片

  ◆影片預覽

  ◆透過 CSS 載入背景圖片的元素

  ◆包含文字的區塊級元素 ( block-level elements ) 或行內元素 ( inline elements )


  如何優化 LCP ?

  ◆改善伺服器回應的時間:

   優化主機效能避免使用共享主機、將引導用戶到附近的 CDN 主機、使用網頁快取以及讓第三

   方資源提早載入

  ◆減少非必要 JavaScript CSS 的攔截時間:

   ◎提供最少量的必要 JavaScript,延遲非必要的 JavaScript Css 載入,進而提升渲染速度。

   ◎優化圖檔大小以及壓縮文字檔案

   ◎圖片大小控制在 1MB 以下或者將圖檔轉換如 JPEG 2000JPEG XR WebP 的檔案形式。


2.可開始互動的時間 ( FID/ First Input Delay ) -首次輸入延遲/封鎖時間總計

 此指標用來測量當用戶與網頁進行互動的延遲時間。造成互動延遲主因是大型 JavaScript 執行導致頁面

 互動功能上無法先運行,大大影響使用者第一印象體驗,良好的 FID 分數應小於 100 毫秒。

 

 常見的延遲狀況如下

  ◆點選連結或按鈕載入內容延遲

  ◆輸入框無法及時登打文字

  ◆打開選單按鈕的畫面延遲

  ◆無法勾選對話方塊

 如何優化 FID ?

  ◆減少 JavaScript 運作的時間

  ◆降低網站的 request 數並降低檔案大小

  ◆減少主執行序的工作

  ◆降低第三方程式碼的影響


3.頁面穩定性 ( CLS /Cumulative Layout Shift )-累計版面配置轉移

 相信應該不少人有過這樣的體驗,在一個頁面上滑動瀏覽時,無預警出現廣告或按鈕導致誤觸非預期性

 的操作,為此情形 Google 建立了 CLS 頁面穩定性指標。

 

 如何優化 CLS ?

  ◆定義每個圖片的尺寸屬性

  ◆善用 CSS 語法為網頁中元素預留空位,避免載入後導致頁面中的內容移動

 

總而言之 SEO 優化實在是一門廣而深的知識學問,希望透過上述說明能更快了解其重點與方向,再也不用害

怕該如何著手開始了!