Web Design
網頁設計
November 17,2020

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的必要精隨!

 

 

  關鍵字研究 

 

一切的搜尋行為都從一個關鍵字詞開始,因此得找出具備具搜尋量、競爭度適中的關鍵字並且引導正確的流

量至網站上,可利用Ubersuggest評估關鍵字搜尋量,關鍵字競爭度則可透過SEM RushMozGoogle

Keyword Planner來得到幫助,要看一個關鍵字的熱門程度最直接的方法就是去Google做搜尋便可得知,

此外還可以看到搜尋列上相關搜尋或建議搜尋從中獲取更多關鍵字靈感,找出最合適的關鍵字並想辦法攻下

!

 

  良好的網站架構 

 

具備重要資訊的頁面,例如電商平台內的一個產品頁面,需要經過許多次點擊才能到達那該有多懊惱,除了

嚴重影響使用者體驗以外,隨著點擊次數增加而影響網站權重,因此更難排入首頁搜尋,因此在規劃網站架

構,最好確保每個頁面都能點擊三次即能到達!

 

  Head定義(titledescriptionKeyword) 

 

Title定義的好有助於提升搜尋排名以及提高點擊意願,description則是針對該網頁內容簡約描述,雖然不

具備直接影響SEO排名,卻能藉由好的文案促使使用者點擊查閱,建議title字數在25字以內,description

數在100字以內。

網頁設計title範例

 

  圖片優化與描述(Alt) 

 

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

結性。

 

  內容行銷 

 

SEO最高精隨始終在於內容行銷,所有搜尋行為都具備意圖,正確理解使用者查找該關鍵字想得到的解答或

資訊,以此為出發點,透過縝密的文案規劃與撰寫優質內容,攻下搜尋第一頁就無非難事了。以下依”網頁

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

網頁設計推薦內容行銷範例

 

  反向連結 

 

建立反向連結屬於Off-page Seo,需要與他人進行合作,才能達成。可以透過像是與部落客合作、媒體廣

告互換等…,藉由他人網站(尤其是具備知名或權威的)來連結您的網頁,進而提升網頁權重,連結種類的取

得方式區分有3種:

 

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

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

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

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

 

  SSL安全憑證(HTTPS) 

 

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

視的評量標準。

除了上述所談論到的SEO影響因素以外,使用者體驗也具備一定的占比影響網站排名,因此Google2020

5月發布了關於Core Web Vitals使用者體驗核心指標,分別是LCP(載入速度)FID(可開始的互動時間)

CLS(頁面穩定性),並且將這些指標列入評比網站分數的排名因素,以下會提到指標核心說明、優化簡述並

且提供量測這三指標的工具平台。

 

  量測使用者體驗指標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秒以內。

 

圖片來源: https://web.dev/lcp/

 影響LCP的元素如下列

  ◆元素

  ◆元素內svg向量圖片

  ◆影片預覽

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

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


  如何優化LCP?

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

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

   方資源提早載入

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

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

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

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


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

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

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

圖片來源: https://web.dev/fid/

 

 常見的延遲狀況如下

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

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

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

  ◆無法勾選對話方塊

 如何優化FID?

  ◆減少JavaScript運作的時間

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

  ◆減少主執行序的工作

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


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

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

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

 

圖片來源: https://web.dev/cls/

 

 如何優化CLS?

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

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

 

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

怕該如何著手開始了!

更多文章