後端管理系統的SEO設定
【操作教學】網站後台SEO設定|天矽科技客製化網頁設計
天矽科技網站後台SEO
天矽科技目前的網站後台皆有基本的網站SEO設定,網站管理者可自由設定相關資訊,像是網站名稱、描述、關鍵字、地址、社群…等,以及Google Analytics(GA) 與GTM都有開自己埋設的欄位,如下圖。
要怎麼設定,可以繼續閱讀以下介紹,若想要用影片的方式進行瀏覽,可以前往YouTube進行觀看,也可以在下方嵌入的影片中觀看唷!
➤ YouTube教學:【操作教學】系統管理_網站後台SEO設定(進階篇)
後台網站SEO設定
進入網站後台後,我們可以在左側下方看到系統管理中的網站設定(SEO),進入後即可開始填入網站相關資訊,若不了解要怎麼填寫請繼續看下去!
快速導覽
➤ 網站名稱、描述與關鍵字
➤ 地址/ 地圖
➤ 連絡電話與信箱
➤ 社群連結
➤ GA-Code
➤ GTM-Code
若想要查看設定,則可利用「開發者工具」進行查看,這裡只要點選鍵盤上的 F12 就可以看到相關語法喔!
▲ 開發者工具F12
網站名稱、描述與關鍵字
- 網站名稱:請填入你的商家、企業或網站專屬名稱
- 網站描述:請填入網站的簡述,也就是網站的簡單介紹與描述
- 網站關鍵字:請填入網站的產品、服務,或是你希望使用者可以透過什麼樣的關鍵字、搜尋什麼樣的字詞來找到你的網站?
這些資訊都位於HTML程式語法的<head>中,其確切位置分別位於<title>、<meta name=”description”>與<meta name=”keywords”>之中。
▲ 標題、描述與關鍵字 於程式碼中的樣子
地址/地圖
地址分為SEO結構與文字顯示,兩者都填入企業商家所在地點即可。而Google地圖的部分,則需填入商家專屬的Google Map網址。
網址取得方式:
- 找到你的Google商家
- 點選左側選單
- 點選「分享或嵌入地圖」
- 獲得連結並複製
- 貼到網站後台地址之Google地圖欄位中
這些資訊會在前台放置地圖及地址的地方,通常位於網頁頁尾,因此我們可以在<body>中的<footer>找到它。(若找不到,請按Ctrl+F直接搜尋)
▲ 地圖與地址於程式碼中的樣子
聯絡電話與信箱
此欄位只要填入你的商家聯絡資訊即可。
這些資訊一樣會在前台放置電話與信箱的地方,若是置於頁尾,我們同樣可以在<body>中的<footer>找到它。(若找不到,請按Ctrl+F直接搜尋)
▲ 電話與信箱於程式碼中的樣子
社群連結
- Facebook 與 Instagram 的連結取得方式,請直接到粉絲團複製網址即可,如:https://www.facebook.com/TopSocialGovernance
- YouTube 的連結取得方式,進入YouTube後在左上方找到你的大頭貼,點擊後可以看到「你的頻道」,進入後複製你的頻道(channel)網址即可,如:https://www.youtube.com/channel/UCLMjwjCChy2-yqN7G4A6jYQ
- LINE 的連結取得方式,只要在這段網址後面加入你的ID即可:https://line.me/ti/p/~貼上你的ID
※範例:
官方LINE@:https://line.me/ti/p/~@323foylw
個人LINE ID:https://line.me/ti/p/~tsgservice
若對LINE轉網址有更多問題,請看這篇:個人LINE、官方LINE@要如何轉成網址、嵌入網站?
這些資訊一樣要看你放在網站的哪裡,如果一樣放在頁尾,則同樣可以在<body>中的<footer>找到它。(若找不到,請按Ctrl+F直接搜尋)
▲ 社群連結於程式碼中的樣子
GA-Code
GA全名為Google Analytics,它是網站分析的工具,通用版(舊版)的GA將於2023年7月1日停止處理新匹配,也就是通用版(舊版)的GA正在被淘汰。因此建議使用目前最新版本的GA4 進行Code埋設。
我們可以看到後台欄位底下有一串示範的語法,其中的紅字便是我們要找到並貼入的Code代碼。
GA4的Code位於何處?
- 進入GA首頁
- 點選左下方的管理
- 點選資源底下的資料串流
- 進入資料串流
- 點選代碼設定操作中的「全域網站代碼」即可看到完整的Code樣貌
- 但因為我們只要其中的代碼,因此我們只要複製該畫面中最上方的「評估ID」代碼即可
這個資訊會在<head>中,若找不到,請按Ctrl+F直接搜尋。
▲ GA-Code於程式碼中的樣子
延伸閱讀:GA4是什麼?Google Analytics 4基本功能介紹篇
GTM-Code
GTM全名為Google Tag Manager,它代碼管理工具,用來追蹤網站中所有事件的發生狀況;在欄位下方我們可以看到一串示意語法,其中紅色代碼便是我們要找到並貼入的Code。
GTM的Code位於何處?
- 進入GTM帳戶容器
- 點擊上方的管理選單
- 點擊容器中的「安裝Google代碼管理工具」即可看到完整的代碼
- 因為我們只要填入其中的代碼,因此在管理選單中的容器下,網址旁邊就有我們要的代碼。
更直接一點,其實我們在一開始進入所有帳戶的頁面時,就可以看到一個叫做「容器ID」的欄位,其中的代碼便是我們要的;但因為有些管理者的代碼管理工具會設定許多的帳戶及容器,因此點進去確認再複製會比較保險唷!
▲ 容器ID
而GTM的代碼會埋在哪裡?
如果我們有進到「安裝Google代碼管理工具」即可看到,代碼會有兩串,一個要放在網頁的最上方<head>中、另一個要放在<body>開頭代碼正後方,若找不到,請按Ctrl+F直接搜尋。
▲ GTM於程式碼中的樣子
延伸閱讀:GTM是什麼?Google Tag Manager基本功能介紹篇
以上就是我們天矽科技製作的網站後台SEO設定教學,有任何問題歡迎加LINE或致電詢問唷!