香港網頁(HKWEB)溫馨提示:「如果你的網站還沒有針對行動端操作體驗進行優化,那很可能會被Google排到很後喔~!」事關一拖再拖的「行動優先檢索」已經正式在2021年3月全面實施,這意味著網站排名主要依據其行動端網頁進行評估,如果商家尚未優化行動端網站,極有可能會影響自然搜索流量。
為什麼Google突然實施「行動優先檢索」?
行動優先檢索(Mobile-First Indexing),顧名思義就是Google會將行動版網站作為判斷網站在搜索結果頁面排名的標準。換言之,相比起電腦版網站優化,重視行動版優化的網站將會更容易獲得靠前排名及大量曝光。
事實上,
「行動優先檢索」並非突如其來的,Google對其的鋪墊已經進行多年:● 2016/11/04 首次推出「行動版內容優先索引」
● 2018/03/26 Google正式啟用行動優先索引,並釋出《行動版內容優先索引系統的最佳做法》指南
● 2018/12/19 宣佈已有超過一半的搜索結果是採用行動優先索引
● 2019/07/01 宣告將會為所有新建立的網站預設啟用行動版內容優先索引系統
● 2020/03/05 Google宣告自2020年9月開始,所有網站都將改成行動優先索引,但後來因故延遲至2021年3月
商家該採取哪些SEO服務來應對「行動版優先索引」?
自「行動版優先索引」上線以來,很多客戶都向香港網頁(HKWEB)諮詢:那是不是代表網站只需重視
行動版SEO即可?
這……當然……不是!Google在詳細講解「行動優先索引」時,其實是有提及到其主要規則:必須確保電腦版和行動版顯示的內容、圖片、中繼描述及結構化資料等保持一致。而這就需要重點講講一個非常重要的知識點——
響應式網頁設計。
什麼是響應式網頁設計?響應式網頁設計(Responsive Web design,RWD)是一種透過單一
網站設計,自動適應不同裝置(如桌面電腦、平板電腦、手機等)螢幕尺寸和解析度的設計理念。其核心目標是確保用戶在任何裝置上都能獲得一致且優化的瀏覽體驗,無需針對不同裝置單獨開發多個版本。
注意:響應式網頁設計不僅符合及未來
SEO規則的
網站開發方式,同時Google也比較推薦網站使用響應式設計技術。此外,網站即使已經採用響應式網頁設計技術,同樣需要遵守Google官方釋出的《行動網站優先索引最佳作法指南》,比如:
— 行動版網站與電腦版網站必須使用相同的中繼漫遊器標記(Robots Meta Tags)
— Google不會顯示要求用戶先進行互動後才能出現的內容
— 行動版網站與電腦版網站需要使用統一的資源網址
— 行動版和電腦版網站鏈接到特定資源時,應使用相同網址並避免使用「disallow」指令阻擋應該被Googlebot檢索的資源
— ……
這裡提提大家,如果你的行動版網站與電腦版網站不是使用同一URL,並且無法在短時間內轉換成響應式網頁設計,建議嘗試以下方法來降低對網站SEO的影響:• 確保行動版網站與電腦版網站的錯誤狀態保持一致
• 確保行動版網站與電腦版網站的中繼資料保持一致
• 避免在行動版網站中使用片段網址(Fragment URLs),即網址最後以「#」符號顯示
• 確保行動版網頁需對應其相同內容的電腦版網頁
• ……
如果你已經做好應對「行動優先索引」的準備,接下來就要看看檢查網站是否存在以下錯誤,避免影響後續的SEO表現:① 行動版網站載入速度過慢根據Google Analysis資料顯示,行動版網站平均需要10秒以上才能載入完成,但是用戶通常等待超過1秒就會感到不耐煩而離開。
解決方案:定期使用Google PageSpeed Insights來檢測網站的載入速度,並根據其提出的建議進行優化,以提升網站的SEO表現。
② 不要隨意封鎖CSS、JavaScirpt或圖片行動版網站封鎖CSS、JavaScirpt或圖片,容易導致其與電腦版網站無法保持一致,進而影響Google對網站的索引。
解決方案:如今大多數智慧手機都擁有不錯的效能,可以快速處理網站上大部分元件,所以除非是基於某些特殊原因,否則盡量不要隨意封鎖CSS、JavaScirpt或圖片。
③ 含有Flash動畫Flash動畫對SEO的影響非常負面,因為它無法被搜索引擎有效抓取和索引,且對網頁載入速度和用戶體驗(尤其是行動裝置)造成損害,導致排名下降。
解決方案:改以HTML5和CSS3等現代技術實現動畫效果,並專注於高質量的內容、網頁速度和行動裝置相容性。
④ 含有插頁式廣告插頁式廣告(特別是會遮蓋主要內容的)對SEO同樣有負面影響,因為它會損害用戶體驗,例如減慢網頁載入速度和幹擾用戶瀏覽。 此外,Google早已將此列為負面排名因素,並可能因此降低網站的排名。
解決方案:將插頁式廣告改為橫幅廣告,既可以達到廣告效果,同時不會影響網站的用戶體驗。
⑤ 容易誤觸的可點選元素由於行動裝置的螢幕尺寸大多比較小,如果頁面中的CTA按鈕、鏈接、欄位等可點選元素的間隔過小,容易造成用戶誤觸。
解決方案:建議將可點選元素間的距離盡可能拉大,同時調整為易於觸控操作的大小,以便用戶能輕易使用。
⑥ 網頁內容超出可視區域可視區域設定錯誤而導致頁面內容超出可視區域,不僅影響網站的用戶體驗,更與「行動優先索引」的原則有所衝突,影響
SEO優化效果。
解決方案:使用可視區域中繼標記頁面指定可視區域,同時使用CSS元素上設定相對寬度和位置值,確保圖片能夠縮放。
⑦ 重新導向到錯誤鏈接請確保行動版網站的各頁面鏈接正確導向到電腦版的鏈接中,避免網站與「行動優先索引」的要求有所衝突。
解決方案:A. 留意Google Search Console的訊息,當Google監測到網頁導向出現錯誤時,會向網站管理員發出通知
B. 設定伺服器,確保行動版網站鏈接與電腦版鏈接逐一對應
C. 如果電腦版網址沒有相對應的行動網址,留在原本電腦版網頁就好
D. 採用響應式網頁設計,讓電腦版和行動版網站都給用戶提供相同內容
自Google宣佈「行動優先索引」實行以來,很多商家都對其存有各種疑問,因此小編將在文章的最後,分享最常見的問題並簡單講解:1. 網站內容架構需要大修改嗎?「行動優先索引」的關鍵在於電腦版網站與行動版網站的內容需要一致,如果此前網站是採用響應式網頁設計,便可一步到位;否則就需要根據現有架構進行修改,以確保兩個版本的網站能保持一致。
2. Google只以行動版網站進行排名嗎?行動優先索引是指Google會將行動版網頁視為網站的主要版本,但它同樣會抓取電腦版網站的內容。
3. 如果網站沒有行動版怎麼辦?如果網站真的沒有行動版,Google仍會以電腦版的網頁內容進行索引,但與對行動裝置友好的網站相比,SEO排名可能會不太理想,所以如果你仍在為行動版網站開發而煩惱,建議尋找
香港網頁設計公司的幫助!
香港網頁的團隊無論對網頁設計還是SEO服務都有多年的經驗,能夠全方位滿足客戶的各種業務需要,如果你剛好有各種網頁方案的需要,不妨直接與我們聯絡!
聯絡電話:852-37499734
電郵地址:info@hkweb.com.hk 網址: https://hkweb.com.hk