跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

了解SEO建議

上次更新時間: 三月 15, 2023

套用至:

所有產品和版本

在SEO工具、內容編輯器和頁面詳細資訊中,您可以掃描內容以獲得SEO建議。 進一步了解如何存取你的SEO推薦。 

建議在SEO工具中根據它們對您網站SEO的影響,解決它們的技術困難以及解決它們的人的建議角色進行組織。 具有高技術難度的建議通常需要開發人員的協助來解決。 

以下建議按類別排列,然後根據其潛在的SEO影響順序列出。 直接的建議和需要開發人員協助的建議只會出現在HubSpot的SEO工具中。 

新增圖片替代文字屬性

圖片可能會讓使用螢幕閱讀器的搜尋引擎和訪客難以理解您的內容。 若要解決此問題,請在描述其外觀和內容的影像中新增替代文字。 這將提高您的網站 的可訪問性和SEO。 在我們的 開發人員文件中了解有關網站無障礙功能的更多信息。 

驗證圖片替代文字應為空白

將替代文字添加到頁面的圖像中,可以讓搜索引擎和訪客使用螢幕閱讀器了解其內容。 某些影像(例如分隔頁面部分的圖示)不包含有意義的內容;這些影像應具有空白的alt text屬性。 使用空白替代文字屬性檢查影像,以確保它們不應包含替代文字。 

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

頁面的語言由“lang”屬性設置。 螢幕閱讀器依賴此屬性來決定要使用哪種語言庫。 如果語言設定不正確,訪客的螢幕閱讀軟體可能無法正常運作。 進一步了解如何使用「lang」屬性

"lang"屬性設置在頁面源代碼開頭的< html >標籤中。 格式正確的"lang"屬性如下所示:

< html lang = "en" >... </html >

將< html >標籤中的語言代碼與可接受的兩個字母語言代碼列表進行比較,然後替換無效的代碼。 如果您的< html >標籤不包含"lang"屬性,請在標籤中添加lang = "[語言代碼]"。 

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

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

爬網和索引

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

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

如果列出的所有頁面都故意隱藏在搜索結果中,則無需執行任何操作。

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

請確認您的正規連結已正確設定

像Google這樣的 搜尋引擎使用正規連結來尋找要在搜尋結果中顯示的網頁的主要版本。 為每個頁面新增有效的規範連結,以避免重複內容問題。 了解更多關於正規網址如何影響SEO。 

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

  • 有不止一個正規的連結。
  • Canonical連結不是有效的URL。
  • Canonical Link是一個相對URL。
  • 正規連結指向不同地區或語言的頁面。
  • Canonical連結指向不同的網域。
  • 正規連結指向網站根目錄。 

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

請注意:部落格列表頁面可能會觸發錯誤的重複內容提醒。 

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

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

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

請確保頁面上的連結遵循此格式,以便搜尋引擎抓取它們。 

修復損壞的頁面

由於錯誤, HubSpot的爬蟲無法掃描這些頁面。 這可能是由於以下其中一個原因: 

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

與您的Web開發人員合作,確認列出的頁面已設置並正常運作。 

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

在您的多語言網站中使用hreflang鏈接可以使搜索引擎了解頁面的語言。 然後,搜索引擎可以為國際用戶提供符合其首選語言的網頁的搜索結果。 進一步了解如何為您的多語言內容使用hreflang連結。 

如果這些連結的語言代碼無效,搜尋引擎將無法正確識別網頁的語言,也無法將該語言的結果納入國際用戶的搜尋結果中。 在HubSpot上託管的多語言網頁將自動使用有效的語言代碼

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

確保所有hreflang連結都使用完整的URL

在您的多語言網站中使用hreflang鏈接可以使搜索引擎了解頁面的語言。 然後,搜索引擎可以為國際用戶提供符合其首選語言的網頁的搜索結果。 進一步了解如何為您的多語言內容使用hreflang連結。 

一些hreflang鏈接使用相對URL ,它只包含URL路徑,而不是以http/https開頭的完整URL。 雖然這些連結可能有效,但如果原始網址發生變化,它們將來破壞的風險會增加。 在HubSpot上託管的多語言網頁將自動使用完整的URL

在網頁原始碼中編輯相對的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"/>

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

在連結中,錨文本是可點擊的單詞或短語。 這段文字應該清楚地傳達連結的目標。 將「click here」或「learn more」等一般錨文字替換為具體的連結說明。 進一步了解Google的錨文本最佳做法,或閱讀觸發此建議的短語清單

移動體驗

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

交互式元素,如按鈕和鏈接,太小或太靠近在一起可能很難在移動設備上輕觸。 交互式元素的大小至少應爲48像素x 48像素。 如果元素需要保持相同的大小,則添加填充也將解決此錯誤。 

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

確保每個頁面都有一個viewport標籤

Viewport標籤控制網站內容在不同裝置類型上的比例。 如果缺少此標籤或設置不正確,您的網站似乎對搜索引擎不太友好。 這可能會對你在搜尋結果中的排名產生負面影響。

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

On-Page SEO

撰寫清晰的標題和Meta描述 

你的頁面的標題和meta說明顯示搜尋引擎你的頁面是關於什麼。 進一步了解如何在HubSpot的內容編輯器中編輯頁面的標題和meta說明。  

優化博客內容

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

您的內容的理想字數取決於您所寫的內容。 最重要的是要考慮誰是觀眾,以及他們需要知道關於這個主題的內容。 確定您的內容應該有多長的一個好方法是查看哪些頁面在您的主題或子主題短語的搜索結果中排名很高。

  • 如果大多數內容短而簡潔,您應該以類似的長度為目標。
  • 如果你發現更多詳細的長格式內容,嘗試在你自己的內容中做同樣的事情。

SEO工具和Optimize面板掃描您的博客內容,以計算博客文章正文中包含的單詞數量:

  • 頁面至少有300個單詞:在搜索結果中排名良好的頁面可以深入回答訪客的問題。 瞄準至少300字。

請注意:優化工具計數blog-post-wrapper類別中的unicode空格,以檢測博客文章中的單詞數量。 這意味著計數對於使用拉丁字母表的語言來說是最準確的。 如果您注意到意外的字數,請與您的Web開發人員檢查,以確認在編碼的博客文章模板中沒有任何重複的博客文章包裝類別。


性能

使用正確大小的圖片

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

您可以在將大型影像 上傳到HubSpot之前調整大小, 或使用基於 矢量的影像格式(如SVG )來避免此錯誤。 

開發人員可以通過實現響應式圖像來減少現有圖像的加載時間。 進一步了解開發人員為頁面效能優化影像的 選項。

安全性

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

如果您的任何頁面正在使用HTTP ,您將看到上述建議。 自2014年以來,使用HTTPS的頁面一直是Google的排名因素。 透過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" >

用戶體驗

修復斷開的連結

您網站上的斷開鏈接創造了負面的用戶體驗。 它們還使搜索引擎難以理解您的網站結構。 更換或更新每個斷開的內部和外部連結。 

請注意:同一個頁面上同一個破碎的URL的多個實例只會在SEO建議中出現一次。 

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

無法載入的 資源,例如損壞的圖片,將對您的用戶體驗產生負面影響。 這也可能會影響您的網站在搜尋結果中的出現位置。 移除或更新對每個壞掉資源的頁面引用將解決此問題。 

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

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

確保影像使用正確的寬高比

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

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

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助