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

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

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

Table of Contents

Google引擎顯示的網頁標題不是我要的
期待的網頁標題
Yoast SEO 論壇建議方法
解決網頁標題重複的方法
自架網站流程

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|

使用無痕式視窗驗證標題

在這裡，分別使用 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 標題設定在搞鬼，所以做了一些實驗

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

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

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 論壇提供的幾個可能性

Wrong title in code
Google cache is outdated
Search term manipulation
Google ignored the title

來源: Yoast SEO KB

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

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

刪除佈景主題Title tag

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

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

<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