後端管理系統的SEO設定

【操作教學】網站後台SEO設定|天矽科技客製化網頁設計

【操作教學】網站後台SEO設定|天矽科技客製化網頁設計

 

目前天矽科技所架設的後台,皆有開放基本的網站SEO設定,這些欄位能讓網站管理者更加自由的操作與提升SEO自然搜尋排名,將這些資訊都正確填寫完畢後則可提升網站的搜尋優勢。

天矽科技網站後台SEO


 天矽科技目前的網站後台皆有基本的網站SEO設定,網站管理者可自由設定相關資訊,像是網站名稱、描述、關鍵字、地址、社群…等,以及Google Analytics(GA) 與GTM都有開自己埋設的欄位,如下圖。

後台SEO設定

後台SEO設定

 

 要怎麼設定,可以繼續閱讀以下介紹,若想要用影片的方式進行瀏覽,可以前往YouTube進行觀看,也可以在下方嵌入的影片中觀看唷!

➤ YouTube教學:【操作教學】系統管理_網站後台SEO設定(進階篇)

 

 

後台網站SEO設定


 進入網站後台後,我們可以在左側下方看到系統管理中的網站設定(SEO),進入後即可開始填入網站相關資訊,若不了解要怎麼填寫請繼續看下去!

快速導覽
網站名稱、描述與關鍵字
地址/ 地圖
連絡電話與信箱
社群連結
GA-Code
GTM-Code

 

 若想要查看設定,則可利用「開發者工具」進行查看,這裡只要點選鍵盤上的 F12 就可以看到相關語法喔!

F12

▲ 開發者工具F12

 

網站名稱、描述與關鍵字

後台SEO設定

  • 網站名稱:請填入你的商家、企業或網站專屬名稱
  • 網站描述:請填入網站的簡述,也就是網站的簡單介紹與描述
  • 網站關鍵字:請填入網站的產品、服務,或是你希望使用者可以透過什麼樣的關鍵字、搜尋什麼樣的字詞來找到你的網站?

 

 這些資訊都位於HTML程式語法的<head>中,其確切位置分別位於<title>、<meta name=”description”>與<meta name=”keywords”>之中。

SEO設定

▲ 標題、描述與關鍵字 於程式碼中的樣子
 

延伸閱讀:網站SEO優化重點:網頁標題、描述與關鍵字設定

 

地址/地圖

後台SEO設定

 地址分為SEO結構與文字顯示,兩者都填入企業商家所在地點即可。而Google地圖的部分,則需填入商家專屬的Google Map網址

網址取得方式:

  1. 找到你的Google商家
  2. 點選左側選單
  3. 點選「分享或嵌入地圖」
  4. 獲得連結並複製
  5. 貼到網站後台地址之Google地圖欄位中
     

後台SEO設定

 這些資訊會在前台放置地圖及地址的地方,通常位於網頁頁尾,因此我們可以在<body>中的<footer>找到它。(若找不到,請按Ctrl+F直接搜尋)

地圖地址程式碼

▲ 地圖與地址於程式碼中的樣子

 

聯絡電話與信箱

後台SEO設定

 此欄位只要填入你的商家聯絡資訊即可。

 這些資訊一樣會在前台放置電話與信箱的地方,若是置於頁尾,我們同樣可以在<body>中的<footer>找到它。(若找不到,請按Ctrl+F直接搜尋)

後台SEO設定

▲ 電話與信箱於程式碼中的樣子

 

社群連結

後台SEO設定

  • 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直接搜尋)

後台SEO設定

▲ 社群連結於程式碼中的樣子

 

GA-Code

後台SEO設定

 GA全名為Google Analytics,它是網站分析的工具,通用版(舊版)的GA將於2023年7月1日停止處理新匹配,也就是通用版(舊版)的GA正在被淘汰。因此建議使用目前最新版本的GA4 進行Code埋設。

 我們可以看到後台欄位底下有一串示範的語法,其中的紅字便是我們要找到並貼入的Code代碼。
 

GA4的Code位於何處?

  1. 進入GA首頁
  2. 點選左下方的管理
  3. 點選資源底下的資料串流
  4. 進入資料串流
  5. 點選代碼設定操作中的「全域網站代碼」即可看到完整的Code樣貌
  6. 但因為我們只要其中的代碼,因此我們只要複製該畫面中最上方的「評估ID」代碼即可

 這個資訊會在<head>中,若找不到,請按Ctrl+F直接搜尋。

後台SEO設定

▲ GA-Code於程式碼中的樣子

 

延伸閱讀:GA4是什麼?Google Analytics 4基本功能介紹篇

 

GTM-Code

後台SEO設定

 GTM全名為Google Tag Manager,它代碼管理工具,用來追蹤網站中所有事件的發生狀況;在欄位下方我們可以看到一串示意語法,其中紅色代碼便是我們要找到並貼入的Code。
 

GTM的Code位於何處?

  1. 進入GTM帳戶容器
  2. 點擊上方的管理選單
  3. 點擊容器中的「安裝Google代碼管理工具」即可看到完整的代碼
  4. 因為我們只要填入其中的代碼,因此在管理選單中的容器下,網址旁邊就有我們要的代碼。

 更直接一點,其實我們在一開始進入所有帳戶的頁面時,就可以看到一個叫做「容器ID」的欄位,其中的代碼便是我們要的;但因為有些管理者的代碼管理工具會設定許多的帳戶及容器,因此點進去確認再複製會比較保險唷!

後台SEO設定

▲ 容器ID

 

 而GTM的代碼會埋在哪裡?
 如果我們有進到「安裝Google代碼管理工具」即可看到,代碼會有兩串,一個要放在網頁的最上方<head>中、另一個要放在<body>開頭代碼正後方,若找不到,請按Ctrl+F直接搜尋。

後台SEO設定

▲ GTM於程式碼中的樣子

 

延伸閱讀:GTM是什麼?Google Tag Manager基本功能介紹篇

 

 以上就是我們天矽科技製作的網站後台SEO設定教學,有任何問題歡迎加LINE或致電詢問唷!

 

 

share FB LINE
看天矽作品集 回上一頁
ID:@323foylw