網頁標題 與Google引擎的顯示不一致!實例分享

網頁標題 與Google引擎的顯示不一致!實例分享

  • Post Category:Network
Line / Mail / FB / Bookmark / Copy Link:
  •  
  •  
  •  
  •  
  •  

Google引擎顯示的 網頁標題 不是我要的!

在自架網站的過程中,經常會遇到各式各樣的問題。有部分很容易在 Google 上面找到解答;而有部分的問題就真的找不到答案。而這類型的問題,對於沒有網頁設計背景的人而言,真的是特別痛苦,也特別花時間。例如:曾經遇到 網頁標題 與 Google 引擎的顯示不一致,為了要解決這個問題,就花了大概半年之久,最後終於在嘗試錯誤當中,找到了解決方法。

以下所有的實驗,都使用當時最新版本的佈景主題、外掛、軟體 :

  • XAMPP 
  • Yoast SEO 
  • OceanWP 
  • Elementor
  • Windows 10
不過,我發現會造成 網頁標題 跟 Google 搜尋結果不一致的原因,似乎跟你使用的軟體或外掛沒有直接關係。也許,這個說法可能不見得是正確的(假使不正確的話,請高手們糾正),但是,至少從我做的實驗當中,的確是沒有太大的關聯性。

1、期待的 網站標題

1-1、Yoast SEO設定

我想這部分,大家都知道要如何輸入正確資訊。以我的例子來說明,在

  • Step 1:
    • 【Yoast SEO】 >> 【Search Appearance】 >> 【一般】 >> 【Knowledge Graph & Schema.org】
      • 輸入正確的【個人】或【組織】的資訊
    • 註: 我得到的結果,不論是選擇【個人】或【組織】,網站標題依舊會與 Google 引擎顯示的會不一樣。
  • Step 2:
    • 【Yoast SEO】 >> 【Search Appearance】 >> 【Content Types】 >> 【SEO Title】
      • 輸入變數: 【Title】【Separator】【Site title】【Separator】
    • 註: 我得到的結果,不論是使用Yoast SEO的【變數】或【將改成手動輸入的文字】,網站標題依舊會與 Google 引擎顯示的會不一樣。

理論上,完成上面兩個步驟,就可以在 Google 搜索引擎上,看到符合預期的網頁標題名稱。例如:

  • 設定的格式: 【Title】【Separator】【Site title】【Separator】
  • 預期的結果: Title|Site title|
02 網頁標題 Yoast SEO setting 800x438

1-2、使用無痕式視窗驗證網站標題

在這裡,分別使用 Asus TUF X570-Plus 電腦與 Asus Zenfone 5Z 手機,開啟【無痕式視窗】,輸入: site:你的網域 ( e.g. site:hipay0.com )。結果卻是令人失望,因為:

  • 電腦版: 顯示正常,符合預期
  • 手機版: 有部分的文章標題,會有【重複網站名稱】的現象。

一直在想,手機版出現的那些錯誤標題名稱,有沒有共通性。所以就從

  • Youtube 的設定
  • Google 帳號的設定
  • Facebook 粉專的設定
  • Yoast SEO 的設定
  • WordPress 的設定

檢查後,始終沒有發現有問題的地方。甚至,重新安裝 XAMPP ,也還是會出現網站標題重複出現的現象。

1-3、尋求高手幫忙

在臉書的 WordPress 社團裡,問了很多站長如何解決,可是試了他們提供的方法,還是一樣沒有解決問題。而這種網站標題重複出現問題,的確發生在少部分人的網站,偶而會在不同的社團中,看到相同的求救文。

下圖就是我說的【 網頁標題 與 Google 引擎的顯示不一致 】的現象,在電腦版的顯示,是符合我預期的方式。但是,手機版的標題,卻多了【 -VIVISPA富國店 】。

下圖範例:

  • 文章標題( Title ): TPMS Honda Odyssey 胎壓異常燈
  • 分隔符號( Separator ): |
  • 網站名稱( Site title ): 嗨珮玲部落格

嚴格來說,這種網站標題重複的現象,是隨機發生的。並不是固定在某些文章,才會出現重複的網站名稱。因為每隔一陣子,利用 site:你的網域 檢查,就會看到原本有問題的文章標題,在電腦版與手機版都變正常了;而原本正常的那些文章標題,反而在手機版又出現重複的網站名稱。

03 網頁標題 Google search result 800x315

1-4、Wordpress文章設定有錯嗎?

曾經懷疑是文章中,SEO 標題設定在搞鬼,所以做了一些實驗

  1. 使用 Yoast SEO 的變數功能
    1. 輸入變數: 【Title】【Separator】【Site title】【Separator】
    2. 將變數做不同的排列組合
    3. 全部刪除
  2. 不使用 Yoast SEO 的變數功能
    1. 手動輸入網站名稱
    2. 只保留文章標題,其餘都刪除
    3. 將【網站名稱】更改成其他不相關的文字、符號

結果,每隔一陣子檢查一下更改的網頁標題,還是一樣會出現【重複的網站名稱】。但是,越來越有頭緒了,因為從錯誤的結果可以發現,【 -VIVISPA富國店 】永遠都存在,不論更改什麼設定,多出來的網站標題【 -VIVISPA富國店 】,一定會出現在手機版的 Google 搜尋引擎上面,而且都是在整個標題的最末端(如圖1-3,手機版範例)。

04 網頁標題wordpress post settings 800x481

2、Yoast SEO 論壇建議方法

2-1、修改佈景主題的header.php

這一個方法也許有效,但是我真的不懂網頁設計,所以就沒有嘗試去改header.php了。以下是好心人士的建議方法,在 title 與 /title 之間,刪除bloginfo( ‘name’ );

wp_title( ‘|’, true, ‘right’ );
bloginfo( ‘name’ );

更改成以下的程式碼:

wp_title( ‘|’, true, ‘right’ );

來源: wordpress.stackexchange.com

2-2、Yoast SEO 論壇提供的幾個可能性

  1. Wrong title in code
  2. Google cache is outdated
  3. Search term manipulation
  4. Google ignored the title

來源: Yoast SEO KB

關於第1點,我都隨時更新 OceanWP 版本。即使我不懂程式,總覺得不可能是佈景主題造成的。假使是的話,應該在Google上面,可以找到一些相關的討論串才對。畢竟,OceanWP佈景主題還蠻多人使用的,假使code有bug,應該會看到有使用者反映才對。曾經上官網,但是找不到有相關的討論串。

關於第2、3、4點,我前前後後花了約半年的時間,也重新安裝過 XAMPP 、上傳 n 次的 sitemap 、在 Search Console 也提出刪除就網址的要求。但是看到的現象是: 網站標題 重複的現象,是隨機發生的!並不是固定在某幾篇文章,才會出現網站標題重複的狀況。

2-3、刪除佈景主題Title tag

這一個方法我也沒有試過,不知道有沒有用。

  1. 前往Wordpress > 外觀 > 佈景主題編輯器
  2. 打開 佈景主題header.php
  3. 尋找程式碼:

<title
global $page, $paged;
wp_title( ‘|’, true, ‘right’ );
bloginfo( ‘name’ );
$site_description = get_bloginfo( ‘description’, ‘display’ );
if ( $site_description && ( is_home() || is_front_page() ) )
echo ” | $site_description”;
if ( $paged >= 2 || $page >= 2 )
echo ‘ | ‘ . sprintf( __( ‘Page %s’, ‘ocmx’ ), max( $paged, $page ) );
?
</title

4. 將上面程式碼刪除

來源: kb.oboxthemes.com

3、解決網站標題重複的方法

3-1、新增一個新頁面

最後,我一直懷疑是原本的靜態頁面的嫌疑最大,可是又看不出來頁面中的 Yoast SEO 設定哪邊有問題,所以就決定更新網站的連結架構,新增一個新頁面,來當作是靜態首頁。

05 網頁標題new homepage 536x623

3-2、重新檢視Google引擎顯示的網站標題

沒錯,問題解決了!!!

首先,在Wordpress網站的【設定】->【閱讀】中,更改靜態首頁的設定。然後,過幾天後,再用Google無痕式視窗檢查網站標題,結果發現,我的網站不論是電腦版或手機版,在Google搜索引擎的顯示,都不會再出現重複的網站標題了。

下圖中,

  • 橘色方塊內的是,已解決重複網站標題的靜態首頁與頁面關鍵字
  • 綠色方塊內的是,會出現重複網站標題的靜態首頁與頁面關鍵字
05 網頁標題Wordpress setting 800x437

3-3、原因分析

以我的網站當例子,會發生重複的網站標題的原因,從【圖1-3】與【圖3-2】可以明顯發現,Google搜索引擎會【隨機】將【靜態首頁】的【關鍵字】,沒有規則性的加到文章標題最末端。

06 網頁標題與google引擎的顯示一致 800x697

3-4、為什麼重複的是首頁關鍵字,而不是網站標題呢?

一直以來,我都誤會是【網站標題】會重複,但是實驗的結果看起來,重複的文字並不是【網站標題】,而是靜態首頁的【關鍵字】。

從【圖1-3】的手機版,可以得到證明,當初舊的設定中

  • 網站標題設定: 嗨珮玲部落格

可是重複的文字是【-VIVISPA富國店】,而【-VIVISPA富國店】是舊的靜態首頁中設定的關鍵字。所以,【圖3-3】上半部出現的【-SPA界的3C冒險筆記】,合理推論是新的靜態首頁設定的關鍵字,而不是【圖3-4】的網站標題。

希望我的例子,可以對於有網站標題重複的人有幫助。現在,我的原則是:

  • 【網站標題】
  • 【靜態首頁的關鍵字】

都設定相同,這樣子就可以避免【 Google引擎顯示的 網頁標題 不是我要的! 】