Google網站管理員 ( Search Console ) 驗證網站所有權的三種方式

Google網站管理員

Google網站管理員 ( Search Console ) 驗證網站所有權的三種方式 教學目的:

1.Google Search Console 驗證網站 – 上傳 HTML 檔案

2.Google Search Console 驗證網站 – HTML 標記

3.Google 代碼管理工具 (Google Tag Manager, GTM)

歡迎回到鵠學苑— WordPress 網頁設計超詳細攻略– Google網站管理員 ( Search Consolee ) 驗證網站所有權的三種方式步驟教學,Search Console 是網站架設完之後必定要加入與學習的網站管理工具,尤其是想要做改進網站 SEO (搜尋引擎優化網站排名)時,Search Console 是非常重要的輔助工具,那在 Search Console 中可以做哪些事呢?主要功能有分析網站搜尋資料、網站結構化、行動裝置(AMP)、網頁索引與檢索狀態、robot.txt 編輯、sitemap 提交等,而這些都是想做網站結構調整以符合 Google 搜尋規則時相當重要的功能,如果沒有好好學習 Search Console 的基本操作,所架設的網站是很難在搜尋結果中擁有好的排名,擁有高流量的機會自然也少了許多。

本篇教學算是 Search Console 後續一系列文章的前言,要跟大家分享的是如何將網站加入到 Search Console ,筆者提供了三種不同的方式在 Search Console 中驗證網站所有權,只有完成此一步驟,Search Console 才會真正為網站提供資料分析與錯誤報告,這三種方法都不難,難的是你有沒有真正在想要讓網站擁有高流量高排名的目標下好好學習Search Console,如果有的話,那可以看看下面這部由 Google 發佈的 Search Console 介紹影片,相信看完後會有初步概念。

Google Search Console:https://www.google.com/webmasters/tools/home?hl=zh-TW

Google 代碼管理工具:https://tagmanager.google.com/?hl=zh-hant#/home

(小提醒:鵠學苑的所有教學均是以 Apple Mac OS X 系統 做步驟示範!)

• Google Search Console 驗證網站 – 上傳 HTML 檔案

第一步:進依照上方提供的 Google Search Console 網址進入到下圖中的網頁。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

準備好 Google 帳號直接登入,往後要進入 Search Console 都必須要透過 Google 帳號做登入。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第二步:登入之後會到下圖中的畫面,這個地方會顯示出所有加入 Search Console 的網站,點選右上角的新增內容。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

在彈出的內容框中輸入想要加入的網站網址,左方的下拉式選單可以選擇要加入網站或者APP,輸入後點選新增。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第三步:在開始分析網站之前,必須要先驗證網站所有權,這也是本篇教學的重點,首先 Google 有推薦的驗證方式,使用上傳 Google 產生的 HTML 驗證檔,接者點選下圖中標示的下載 HTML 驗證檔連結。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第四步:HTML 驗證檔如下圖所示,點開後會有專屬的驗證碼。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第五步:使用 FTP 軟體輸入網站 IP ,連線到 WordPress 檔案根目錄,如下圖所示將剛剛下載的 HTML 驗證檔以拖曳的上傳到根目錄中,如果說不知道網站 IP 或沒有使用過 FTP 連線上傳,可以與網站主機供應商聯絡,或者使用 cPanel 中上傳檔案功能也可以,當然 Google 提供的網站驗證方式有很多種,以下會再介紹其它方式。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第六步:上傳完檔案後按照步驟指示,點選下圖中 Google 提供的驗證網址,來確定 HTML 驗證檔是否上傳成功。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

點選網址後如果上傳成功會出現下圖畫面。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

也可以略過驗證檔案是否上傳成功的步驟,直接點選機器人身份驗證並點選紅色驗證按鈕,如果出現下圖畫面就表示驗證成功。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

• Google Search Console 驗證網站 – HTML 標記

第一步:第二種方式是使用 HTML 標記,所謂中繼標記就是以 meta 開頭的程式碼。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第二步:選中  HTML 標記項目就會顯示如下圖中標示的程式碼,將其複製起來。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第三步:進入到 WordPress 控制台,點選外觀 →主題編輯器。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第四步:編輯佈景主題中如果說你的網站有安裝子主題,建議使用 FTP 上傳功能將主體根目錄中的 header.php 複製出來,上傳到子主題的根目錄中,再加入 Google Search Console 驗證碼,如果直接加在主題中,在日後網站主題如果遇到重大更新,所有額外加入的程式碼都會被刪除,必須再重新加入一次驗證碼,因此使用子主題是一勞永逸的方式。選定主題後按下選取按鈕。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第五步:會筆者使用的是 OceanWP 這個佈景主題,在右方列表中可以找到佈景主題頁首(header.php)的選項,如果是其他的主題可能會是另外的名稱,只要記得要找到 header.php 這個檔案即可。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第六步:在 < head > 這個 HTML 屬性標間的下方貼上剛剛複製的 meta 標記即可,不要忘記點選更新檔案。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第七步:回到 Search Console 頁面,點選驗證。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第八步:出現以下畫面就代表驗證成功。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

• Google 代碼管理工具(Google Tag Manager, GTM)

第一步:使用 Google 代碼管理工具的方法與加入 meta 標記的方式差不多,首先進入文章開頭提供的網址並登入 Google 帳號後,會進入到下圖畫面,點選管理,點選右方加號圖示。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第二步:在建立容器的頁面中容器名稱的欄位填寫網站網址,容器使用位置點選網站,接者按建立。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第三步:之後會出現以下畫面,只需分別將兩段程式碼貼入到 <head> 以及 <body> 中。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第四步:按照剛剛第二小節的方法進入到編輯佈景主題畫面,按照下圖提供的位置,加入 Google 代碼管理工具提供的程式碼。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第五步:同樣點選驗證。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

第六步:出現下圖畫面就代表完成驗證。

Google網站管理員 ( search console ) 驗證網站所有權的三種方式步驟教學

結語:

Google 網站管理員三種驗證網站的方式都各有優缺點與應用模式,其中筆者最推薦的方法是以 HTML 上傳驗證檔案的方式最好,不需要更動到 WordPress 主題編輯器中的程式碼,也不用考慮到主題更新問題而特別去購買下載子主題(甚至有些主題根本沒有提供子主題模板),除非網站砍掉重練,上傳一次檔案就一勞永逸,是最好的方式。而且 FTP 上傳功能可以說是網站管理員必學技能,在之後網站管理維護的過程中會相當容易使用到 FTP 上傳功能,因此學習 FTP 來上傳驗證檔也算是先學習一項必須技能,算是一石二鳥。

今天的教學到這裡告一段落了,不要忘記持續關注鵠學苑的最新文章,想學習超詳細的WordPress攻略嗎??來 鵠學苑 就對了!我們下次的教學見~

Google 相關教學文章:

Google地圖無法顯示,出現浮水印? 申請 API 帳單資料流程教學

Google Map 自訂外觀 – 客製化 Google 地圖樣式教學

Google Map 教學 – 網站嵌入 Google 地圖及我的地圖操作方法

Google Maps JavaScript API 申請 – 網站啟用 Google 地圖 教學

Google AdSense 教學 – AdSense申請在 WordPress 加入網站廣告

Google reCAPTCHA 教學 我不是機器人 驗證按鈕 架站必學技能

[ 跳過recaptcha 驗證 ] – Google Invisible reCAPTCHA 隱形驗證碼 教學

使用 Google 自訂搜尋引擎取代WordPress站內搜尋步驟教學

Google 字體下載 – WordPress 字體快速分析及網頁字體設定

Google AMP 網頁 教學 AMP是什麼 ? 加速 手機版網頁 必學技能!

Google Page Speed Insight 網站速度測試

分享在 facebook
Facebook
分享在 google
Google+
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top