Google web.dev工具 SEO優化項目100分的秘密

【最新SEO工具推薦】Google web.dev-SEO優化項目100分教學

站長 JackySEO教學 Leave a Comment

推薦一個Google最近推出的網站SEO工具 (web.dev),而且完全免費,分析出的內容,會告訴你該如何去優化你的網站。現在就來幫大家解釋各項條目評測重點,並會針對SEO優化項目做深入探討。

///想知道如何讓SEO那項分數得100分嗎? 一定要看下去///

Google web.dev SEO工具推薦介紹

首先進入web.dev檢測頁面,然後在輸入要檢測的網址。

web.dev檢測頁面

以下是本站(tzuhsiang.com)檢測出來的結果。
你可以看到四個項目中的圖有稍微的起伏,那是因為這段期間有按過4次RUN AUDIT,但都還沒有對網站進行任何的優化。
P.S. 第四項 : SEO那項第一次測就100分,並沒有調整過才來測喔。(身為SEO研究員,一定要隨時保持滿分的。)

web.dev檢測結果(tzuhsiang.com)

日前國外有部落客於Twitter上說,在web.dev發現幾項報告有Bug,因為本來的分析項目共有五項,可能是因為Google要修復這個問題,所以暫時拿掉PWA這項報告。現在幫大家簡單介紹各項目的評分重點。

  • Performance(網站效能)

    主要是分析網站的載入速度。簡單來說,載入速度越快,分數越高。
  • Accessibility(網站無障礙)

    主要是在說,訪客有可能為聽障或視障…等,網站是否有做到方便他們閱讀的項目。
  • Best Practices(網站安全性)

    每個網站都可能受到攻擊,主要評測網站的安全性,以確保訪客及網站內容的安全…等。
  • SEO(搜尋引擎優化)

    是否能做到讓網站內容能被搜尋引擎索引。
  • PWA

    (目前Google已暫時關閉此項,所以先不討論囉~)

web.dev SEO分數代表什麼?

“網站容易被抓取的程度?”“內容容易被理解的程度?”

根據Google web.dev對SEO的定義說 : 「讓網站的內容可被發現是很重要的,因為這是讓相關訪客找到你內容的方式,如果搜尋引擎無法收錄你的網頁,你將會錯過很多流量。」所以你現在可以透過web.dev工具,來檢查您網站搜尋引擎優化的結果,以了解搜索引擎如何顯示您的內容。

///來~來~來~重頭戲正要開始~///

web.dev SEO優化項目

1.網頁符合行動裝置友好

目的是讓使用者在行動裝置瀏覽網頁時,不需要用手指放大螢幕,也能看得清楚圖片及文字。
使用Google的行動裝置相容性測試工具,測試是否網站易於行動裝置瀏覽。

2.有效的結構化資料

使用Google的結構化資料測試工具去了解,是否有效。

3.網頁要有Title標籤

確認網頁中是否有<title></title>這個標籤
如何檢查可參考 >>給行銷人員的基礎SEO<<
顯示在搜尋引擎的結果請看 >>2018重點SEO優化清單<<

4.網頁要有description標籤

確認網頁中是否有<meta name=”description” content=” “>這個標籤
如何檢查可參考 >>給行銷人員的基礎SEO<<
顯示在搜尋引擎的結果請看 >>2018重點SEO優化清單<<

5. 連結要有用描述字

確認超連結是否有放文字。
舉例 : 點我可以連到web.dev最新SEO檢測工具。
程式碼為 : <p>點我可以連到<a href=”https://web.dev/measure”>web.dev</a>最新SEO檢測工具。</p>

6. 網頁的 hreflang 是否設定正確

如果你的網站具有多國語言,請用hreflang確保搜尋引擎正確提供該語言的內容。(若無多國語言,免設定)
舉例 : 蘋果官網
英文版<link rel=”alternate” href=”https://www.apple.com/” hreflang=”en-US” />
日文版<link rel=”alternate” href=”https://www.apple.com/jp/” hreflang=”ja-JP” />
中文版<link rel=”alternate” href=”https://www.apple.com/tw/” hreflang=”zh-TW” />

7.網頁的 cononical 是否設定正確

若網站中具有重複性內容,例如 :
https://tzuhsiang.com/seo
https://tzuhsiang.com/seo
https://tzuhsiang.com/seo
以上三個都是同一篇SEO文章,但網址不同,就會被Google視為重複性內容,這時就必須設定 cononical,將重複的網頁整合成單一偏好的網頁。(以上範例還需要做301轉址)
若上述的例子中,標準網頁為https://tzuhsiang.com/seo ,這時就必須將另外兩個網頁加入以下程式碼,<link rel=”canonical” href=”https://tzuhsiang.com/seo”> ,讓Google知道哪個才是標準網頁。

8. 網站避免不當使用外掛

因為搜索引擎無法索引外掛內容。
以及大部分的行動裝置無法顯示外掛,導致會帶來不好的使用者體驗。

9.頁面HTTP狀態能讓搜尋引擎索引

請確保網頁回傳的HTTP代碼狀態為2XX3XX
若回傳的HTTP代碼狀態為4XX或5XX,搜尋引擎可能無法正確索引該頁面。

10.網頁是否被禁止索引

讓搜尋引擎所引您的網頁,目的是為了,當訪客搜尋相關關鍵字時,能找到您的內容。
若您要阻止搜尋引擎索引您的網頁,則可於網頁中加入<meta name=”robots” content=”noindex”/>這段程式碼。(也可於robots.txt文件中設置)

11.robots.txt設置正確

robots.txt文件是用來告訴搜尋引擎,可以抓取哪些頁面。
若設置錯誤,可能導致該顯示的頁面沒被抓取到;不該顯示的私人頁面被抓取到。
所以請小心設置robots.txt文件。

web.dev評測結論

網路上推薦的SEO優化工具百百種,這次的谷歌SEO工具絕對最有公信力,畢竟Google是目前全球最多人用的搜尋引擎,網站優化當然優先針對Google去做,建議大家可以朝著Google提供的建議一項一項去解決,但也不用非常執著一定要每項都100分,因為有很多知名的網站也沒有都100分。(不相信的話你可以自己測看看幾個有名的網站~)

其實那些分析出來的項目都是技術層面,是訪客看不到的!!!

真正重要的是,內容是否能解決訪客問題,這才是訪客想看的!!!

///看到這裡~///

都教你如何處理SEO那塊了,沒有理由SEO還拿不到100分對吧!!!

若還有問題底下留言~但請先記得訂閱網站喔!!!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料