知識庫

瞭解SEO建議

作者:HubSpot Support | Nov 21, 2022 1:45:14 PM

在搜尋引擎最佳化(SEO)工具、內容編輯器和頁面詳細資訊中,你可以掃描內容,尋找搜尋引擎 深入瞭解如何取得搜尋引擎最佳化(SEO)推薦 

我們會根據建議對網站SEO的影響、解決建議的技術難度,以及解決建議人員的角色,在SEO工具中組織建議。 技術難度高的建議通常需要開發人員的協助才能解決。 

以下建議按類別排列,然後按其對SEO的潛在影響列出。 簡單明瞭的建議和需要開發人員協助的建議只會顯示在HubSpot的SEO工具中。 

存取

新增圖片替代文字屬性

圖片可能會讓搜尋引擎和使用螢幕閱讀器的訪客難以理解您的內容。 若要解決此問題,請在描述圖片外觀和內容的圖片中新增替代文字。 這將改善您網站的可訪問性和搜索引擎優化。 請參閱我們的開發人員文件,進一步了解網站無障礙功能。 

確認圖片替代文字應為空白

在頁面圖片中新增替代文字,可讓搜尋引擎和使用螢幕閱讀器的訪客瞭解其內容。 有些圖片(例如分隔頁面各部分的圖示)不包含有意義的內容;這些圖片應具有空白的替代文字屬性。 檢查含有空白替代文字屬性的影像,確保它們不應包含替代文字。 

使用「lang」屬性定義頁面語言

頁面的語言由「lang」屬性設定。 螢幕閱讀器依靠此屬性來確定要使用的語言庫。 如果語言設定不正確,訪客的螢幕閱讀軟體可能無法正常運作。 深入瞭解如何使用「lang」屬性

「lang」屬性設置在頁面原始碼開頭的< html >標籤內。 格式正確的「lang」屬性將如下所示:

< html lang = "zh" >...

將< html >標籤中的語言代碼與接受的雙字母語言代碼清單進行比較,然後替換無效的代碼。 如果您的< html >標籤不包含"lang"屬性,請將lang = "[language code]"添加到標籤中。 

移除< meta http-equiv = "refresh" >標籤

包含< meta http-equiv = "refresh" >標籤的頁面將在指定的時間後自動刷新。 這可能會造成令人困惑的使用者體驗,並幹擾螢幕閱讀軟體。 對於需要自動刷新的任何頁面,請改用Javascript。 

爬網和索引

確認搜尋結果中隱藏了正確的頁面/確認robots.txt檔案封鎖了正確的頁面

如果網域中的任何網頁被搜尋引擎封鎖,你會看到查看這些網頁清單的建議。 這是一種簡單的方法,可以確保您的網站上沒有任何頁面被錯誤地從搜索引擎中封鎖。 

如果所有列出的頁面故意從搜尋結果中隱藏,則無需採取任何行動。

如果您在搜尋結果中看到隱藏的網站頁面,而該頁面應為搜尋結果建立索引,請與您的網站管理員合作,更新您的robots.txt檔案,或移除頁面上可能阻擋該頁面從搜尋結果中移除的標籤。 

請確保您的規範連結設定正確

Google等 搜尋引擎會使用規範連結來尋找要在搜尋結果中顯示的頁面主要版本。 為每個頁面新增有效的標準連結,避免重複的內容問題。 進一步了解規範網址如何影響SEO。 

基於以下任何原因, Canonical連結將被標記為無效: 

  • 有一個以上的標準連結。
  • 規範連結不是有效的URL。
  • 規範連結是相對URL。
  • 規範連結指向不同地區或語言的頁面。
  • 規範連結指向不同的網域。
  • 規範連結指向網站根目錄。 

進一步了解如何在內容編輯器的「設定」索引標籤中編輯頁面的規範網址。 

請注意:網誌旅居頁面可能會觸發錯誤的重複內容提醒。 

確保搜尋引擎可以處理你的頁面連結

搜尋引擎偏好格式化為具有href屬性的< a >標籤的連結。 格式正確的連結如下所示: 

< a href = "https://www.hubspot.com" >在此連結文字

請確保頁面上的連結遵循此格式,以允許搜尋引擎檢索它們。 

修復損壞的頁面

由於發生錯誤, HubSpot的檢索器無法掃描這些頁面。 這可能是由於以下原因之一: 

  • 缺少HTTP狀態碼: HTTP狀態碼表示是否已成功訪問網頁。 如果掃描無法傳回HTTP狀態碼,掃描將失敗。 進一步了解HTTP狀態碼。 
  • HTTP狀態碼傳回錯誤: HTTP狀態碼表示是否已成功訪問網頁。 400和500中的狀態碼表示用戶端或伺服器錯誤,將阻止掃描完成。 進一步了解不同的HTTP狀態碼。 
  • 頁面HTML為空白:如果頁面的源代碼不包含HTML ,掃描將無法處理頁面。 

與網頁開發人員合作,確認列出的頁面設定正確且運作正常。 

請確保所有hreflang連結都包含有效的語言代碼

在多語言網站中使用hreflang連結,可讓搜尋引擎瞭解頁面的語言。 然後,搜尋引擎可以為國際用戶提供符合其首選語言的頁面搜尋結果。 深入瞭解如何在多語言內容中使用hreflang連結。 

如果這些連結的語言代碼無效,搜尋引擎將無法正確識別頁面的語言,或向國際使用者提供該語言的搜尋結果。 HubSpot上託管的多語言頁面將自動使用有效的語言代碼

將受影響連結中的語言代碼與接受的雙字母語言和代碼清單進行比較,然後更換任何無效的代碼。 在hreflang連結中指定區域是可選的;如果使用,您應該將其格式化為hreflang = ”[language] - [region]”。 例如,針對西班牙用戶的西班牙語頁面將格式化為hreflang = "es-es" ,而全球所有西班牙語使用者的頁面將使用hreflang = "es"。 

確保所有hreflang連結均使用完整網址

在多語言網站中使用hreflang連結,可讓搜尋引擎瞭解頁面的語言。 然後,搜尋引擎可以為國際用戶提供符合其首選語言的頁面搜尋結果。 深入瞭解如何在多語言內容中使用hreflang連結。 

某些hreflang連結使用相對URL ,其中僅包含URL路徑,而不是以http/https開頭的完整URL。 雖然這些連結可能有效,但如果原始網址發生變更,日後中斷連結的風險會增加。 HubSpot上託管的多語言頁面將自動使用完整網址

編輯頁面原始程式碼中的相對hreflang連結。 深入瞭解如何在頁面編輯器和模組編輯器中編輯頁 面的原始程式碼。 

對於https://www.hubspot.com/example-page網頁,相對連結可能如下所示: 

link rel = "alternate" href = "/example-page/fr/" hreflang = "fr-fr"/>

您可以將此變更為完整連結,方法是編輯href以包含完整的URL ,包括通訊協定(http/https) : 

link rel = "alternate" href = "https://www.hubspot.com/example-page/fr/" hreflang = "fr-fr"/>

讓連結錨點文字更具描述性

在連結中,錨點文字是可點擊的單詞或短語。 此文字應清楚地傳達連結的目標。 將「點擊此處」或「瞭解詳情」等通用錨點文字替換為特定連結說明。 進一步了解Google的錨點文字最佳做法,或閱讀觸發此推薦的詞組清單

行動體驗

確保移動用戶可以輕鬆點擊每個頁面元素

互動元素(例如按鈕和連結)太小或太近,可能很難在行動裝置上點選。 互動元素的尺寸應至少為48像素x 48像素。 如果元素需要保持相同的大小,添加填充也將解決此錯誤。 

了解如何在HubSpot中編輯不同類型元素的大小或填充: 

確保每個頁面都有檢視區標籤

檢視區標籤可控制網站內容在不同裝置類型上的規模。 如果這個標籤缺失或設置不正確,你的網站對於搜尋引擎來說似乎不太適合行動裝置。 這可能會對你在搜尋結果中的排名造成負面影響。

與開發人員合作,為頁面新增或編輯檢視區標籤。 如果您的團隊中沒有開發人員,您可以在CMS開發人員論壇上獲得建議,或與解決方案合作夥伴聯繫。 

網頁搜尋引擎最佳化

撰寫清晰的標題和meta描述 

頁面的標題和meta描述會顯示搜尋引擎的頁面內容。 深入瞭解如何在HubSpot的內容編輯器中編輯頁面標題和中繼說明。 

優化博客內容lengt h

最佳化工具只會掃描部落格文章的字數,而不會掃描頁面。 該工具會計算博客文章中包含的所有單詞,包括博客標題和作者。 一般來說,建議至少包含300個字。 請務必進行研究,並確定您正在撰寫的主題的最佳長度。

內容的理想字數取決於您撰寫的內容。 最重要的是要考慮誰是受眾,以及他們需要了解的主題。 決定內容應該多長時間的一個好方法是查看哪些頁面在今天的主題或副主題短語的搜尋結果中排名很高。

  • 如果大多數內容簡短明瞭,您應該設定相似的長度。
  • 如果您發現更多詳細的長篇內容,請嘗試在自己的內容中做同樣的事情。

搜尋引擎最佳化工具和「最佳化」面板會掃描您的網誌內容,以計算網誌文章內容中包含的字數:

  • 頁面至少有300個字:在搜尋結果中排名靠前的頁面可以深入解答訪客的問題。 瞄準至少300字。

請注意:最佳化工具會計算blog-post-wrapper類別中的unicode空白,以偵測部落格文章中的字數。 這意味著使用拉丁字母的語言計數最準確。 如果您發現意外的字數,請與您的網頁開發人員確認,在編碼的部落格文章範本中沒有任何重複的部落格文章包裝類別。


性能

使用正確大小的圖片

在編輯器中使用調整大小的大型影像檔案可以增加頁面載入時間。 進一步了解圖片大小如何影響頁面效能

您可以在將大型影像上傳到HubSpot之前調整其大小,或使用基於向量的影像格式(如SVG )來避免此錯誤。 在內容編輯器中,您可以在檢視SEO推薦時自動調整大圖的大小

開發人員可以透過實施響應式圖像來減少現有圖像的加載時間。 深入瞭解用於優化圖像以提高頁面性能的開發人員選項。

安全

請確保所有頁面都透過安全連線載入

如果您的任何頁面正在使用HTTP ,您將看到上述建議。 自2014年以來,使用HTTPS的頁面一直是Google的排名因素。 透過HTTPS載入的頁面也能為網站訪客提供更安全的瀏覽體驗。 

當您 將網域連接到帳戶時, HubSpot 會透過DigiCert自動佈建標準SAN SSL憑證。 但是,如果您的網站是外部託管或部分託管的,則需要從外部供應商購買SSL證書,才能使用HTTPS載入頁面。 如果您已從外部供應商購買SSL證書,但您的頁面未使用HTTPS載入,則需要聯絡外部供應商以解決問題。 

確保所有頁面資源都透過安全連線載入

如果頁面上的任何資源透過不安全的連線載入,您會看到上述建議。 透過不安全的連線載入資源(如圖片、CSS檔案、JavaScript檔案等)會降低整個頁面的安全性。 這也可能導致瀏覽器顯示混合內容警告或封鎖受影響的資源。

使用「檔案」 工具託管檔案 ,或使用 HubSpot中的「設計管理員」建立編碼檔案時,這些檔案會自動使用HTTPS。  但是,如果您的資源是外部託管或部分託管的,則需要從外部供應商購買SSL證書,才能使用HTTPS載入資源。 
 
如果您已從外部供應商購買SSL證書,但未使用HTTPS載入資源,則需要聯絡外部供應商以解決問題。 您需要查看所有資源,確保所有資源都使用安全的連線進行託管。 

更新會帶來安全和效能風險的外部連結

使用target = "_blank"屬性在新的瀏覽器分頁中開啟頁面的 外部連結可能會導致安全性和效能問題。 您可以透過在這些連結中新增rel = "noopener"或rel = "noreferrer"來避免這些問題。 深入瞭解此類外部連結的潛在風險。 

在某些HubSpot模組(如Follow Me模組)中, rel = "noopener"屬性會自動新增到外部連結。 

您需要編輯頁面原始程式碼中的外部連結。 深入瞭解如何在頁面編輯器和模組編輯器中編輯頁 面的原始程式碼。 

觸發此錯誤的連結可能如下所示: 

< a href = "https://www.google.com" target = "_blank" >

在此連結中新增rel = "noopener"或rel = "noreferrer" ,即可避免安全性和效能問題: 

< a href = "https://www.google.com" target = "_blank" rel = "noopener" >

< a href = "https://www.google.com" target = "_blank" rel = "noreferrer" >

使用者體驗

修復損壞的連結

網站連結損壞會造成負面的使用者體驗。 這也讓搜尋引擎難以瞭解您網站的結構。 更換或更新每個損壞的內部和外部連結。 

請注意:同一頁面上同一個損壞網址的多個實例只會在SEO推薦中顯示一次。 

請確保載入所有頁面資源,例如圖像和CSS樣式表

未載入的 資源(例如損壞的圖片)會對你的用戶體驗產生負面影響。 這也會影響你的網站在搜尋結果中的顯示位置。 移除或更新每個損壞資源的頁面引用將解決此問題。 

HubSpot目前檢測到以下類型的損壞資源:字體、圖像、音頻/視頻內容、腳本、樣式表和XHR。 

頁面本或 樣式表中找到對損壞資源的引用 。 您需要替換連結或解決資源本身的問題。

請確保您的影像使用正確的長寬比

影像的長寬比是其寬度和高度之間的關係。 調整影像大小時,請確保長寬比保持不變。 否則,影像可能會出現拉伸或扭曲。 

在HubSpot內容編輯器中調整影像大小時,系統會自動維持原始長寬比。 要解決不正確的長寬比,請檢查HTML和CSS是否有任何影響寬度或高度的樣式。