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

01 網頁標題 與Google引擎的顯示不一致 cover 1024x512
  • Post category:WordPress
  • Reading time:12 mins read

在自架網站的過程中,經常會遇到各式各樣的問題。有部分很容易在 Google 上面找到解答;而有部分的問題就真的找不到答案。而這類型的問題,對於沒有網頁設計背景的人而言,真的是特別痛苦,也特別花時間。

例如:曾經遇到 網頁標題 與 Google 引擎的顯示不一致,為了要解決這個問題,就花了大概半年之久,最後終於在嘗試錯誤當中,終於找到了解決方法。

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

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

  • XAMPP 
  • Yoast SEO 
  • OceanWP 
  • Elementor
  • Windows 10

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

期待的網頁標題

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

使用無痕式視窗驗證標題

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

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

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

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

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

尋求高手幫忙

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

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

下圖範例:

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

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

03 網頁標題 Google search result 800x315
圖 1

WordPress文章設定有錯嗎?

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

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

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

04 網頁標題wordpress post settings 800x481

Yoast SEO 論壇建議方法

修改佈景主題的header.php

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

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

更改成以下的程式碼:

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

來源: wordpress.stackexchange.com

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 也提出刪除就網址的要求。但是看到的現象是: 網站標題 重複的現象,是隨機發生的!並不是固定在某幾篇文章,才會出現網站標題重複的狀況。

刪除佈景主題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

也許你有興趣:在 5 秒內找到惡意連線 IP 的方法

解決網頁標題重複的方法

新增一個新頁面

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

05 網頁標題new homepage 536x623

重新檢視Google引擎顯示的標題

沒錯,問題解決了!!!

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

下圖中,

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

原因分析

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

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

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

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

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

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

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

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

  • 【 網站標題 】
  • 【 靜態首頁的關鍵字 】
07 網頁標題與google引擎的顯示一致 460x108
圖 4

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

自架網站流程

架站硬體

電腦系統

free desktop pc svgrepo com
click svgrepo com

寬頻網路

globe connection svgrepo com
click svgrepo com

架站工具

軟體懶人包

xampp svgrepo com
click svgrepo com

申請網域

domain www svgrepo com
click svgrepo com

SSL 憑證

certificate ssl svgrepo com
click svgrepo com

商標設計

logo apple ar svgrepo com
click svgrepo com

架站效能

網站設定

setting line svgrepo com
click svgrepo com

網站設定

軟體參數微調

架站安全

找出惡意爬蟲

crawl svgrepo com
click svgrepo com

網頁標題

quiz title svgrepo com
click svgrepo com

廣告違規

advertisement svgrepo com
click svgrepo com