Blogspot/Blogger 的愛用者請別錯過，本文介紹如何針對不同文章下 meta tag 來提升 SEO
meta tag 在 SEO 扮演舉足輕重的角色，好品質的 meta tag 能幫助您的優文不被埋沒 👱
2020 Blogger SEO最佳化工具教學 幫助提升文章人氣並賺錢 適合台灣站台的設定
哪些因素影響 SEO?
對任何網站來說，SEO 成效脫不出這 4 個基本資訊的影響：
1. <h1>標題
2. description meta 標籤
3. keywords meta 標籤
4. URL meta 標籤
這四者都是讓你放關鍵字、重要字串，來幫助搜尋引擎找到並確實吸引讀者目光的地方
另外有一說，內文僅建議使用一次 <h1> 標題，不可省略、不可多放
SEO 關鍵4元素擺放位置
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="本頁面網址">
<meta name="keywords" content="關鍵字1,關鍵字2,關鍵字3,...">
<meta name="description" content="描述網頁的句子1,描述網頁的句子2,...">
<title>在瀏覽器分頁列表中顯示的標題</title>
</head>
<body>
<h1>文章的重要大標題</h1>
</body>
</html>
上面是一個很一般的HTML5文件，任何網站都適用，其中已放上 SEO 關鍵4元素：
<meta name="keywords" content="關鍵字1,關鍵字2,關鍵字3,...">
雖然假以時日 google 還是有機會去爬你的文章內文，但若事先就設定好關鍵字，不僅能加速文章曝光，也能搶先定義你覺得更容易吸引到人的關鍵字來提升 SEO
<meta name="description" content="描述網頁的句子1,描述網頁的句子2,...">
如下面套色處，這就是 description 的部分，不僅可被搜尋到，若字句強而有力，更能搶先吸引 user 點進來的意願！
<title>在瀏覽器分頁列表中顯示的標題</title> & <h1>文章的重要大標題</h1>
這兩個部分功能及內容大致相同，就如同記者般，我們要幫文章下一個醒目的標題
<meta property="og:url" content="本頁面網址">
雖然通常網頁都具備 URL，但若能放在 meta tag 則有助於社群媒體在轉發連結時，精確抓到正確或你想代入的網址（例如已經添加錨點的網址，或其他你希望 user 先進去的網址）
此外，對於 EC 商城網站，由於通常會透過 controller 安排回傳頁面，故有可能不會將個別網址顯示在網址列。針對此情形，準備 og:url meta tag 就顯得分外重要。其能讓 user 在社群媒體（例如 Facebook）轉貼時，社群媒體能準確爬到可導引到該頁的 URL，否則若只是分享 controller 的 URL，則未必能正確呼叫到我們預期的結果頁面
最重要的是，URL 本身最好是具備意義的英文字串，也能幫助搜尋，例如：
https://bynum5566.blogspot.com/2020/07/embed-twitch-api-site-host.html
雖然我們是繁體中文語系國家，但你永遠不知道什麼語系的人會來使用你的網站，又或者雖然作者及受眾都說中文，但受眾有可能在搜尋時下了部分英文關鍵字，那麼兼具英文關鍵字及中文內文的你的文章，此時就別具優勢！
設定 Blogger 上的 SEO 關鍵4元素
1. 設定 title 及 <h1>
應該是沒有什麼技術難度...
2. 設定 og:url
在新增一篇文章時，會進入草稿模式，此時注意右邊的「連結」區塊可以點開並設定有意義的關鍵字當作連結，中間建議用 dash「-」記號隔開，若用底線「_」會被 google 無視導致關鍵字前後黏在一起，輸入後上面即會產生預覽
標題連結平常用不太到，blogger 的文章的標題都是可以點選的連結，預設連到文章本身的網址，若希望此連結連往其他網址（或已經設定過錨點的本頁網址），可再特別更改此處
針對已經發布的文章，需要先還原為草稿才能編輯 URL（還原時點閱數不會歸零）
3. 設定 Blogger 網誌的 description
如圖，如果你有很多本網誌就先選好一本你要的，接著在「設定>中繼標記>搜尋說明」內填寫這本網誌希望提供給 user 看見的 description
接著，務必開啟「啟用搜尋說明」，在下一步驟中將用到此功能
4. 設定 Blogger 文章的 description
5. 設定 Blogger 文章的 keywords
在後台找到「主題」>「...」>「編輯 HTML」（若怕改壞，建議先點選「備份」）
這裡代表整個網誌全域的 XML 設定，我們可以撰寫語法來設定當特定條件滿足時在頁面提供特定 keywords
進入後，點擊編輯區任意處，按下 Ctrl + F，搜尋下列 code：
<b:include data='blog' name='all-head-content'/>
之後在這串 code 後面按 enter 清出空間，並輸入以下 code：
<b:if cond='data:blog.url == 文章網址'>
<meta content='關鍵字1,關鍵字2,關鍵字3,...' name='keywords'/>
</b:if>
上述文章網址、關鍵字1等，請自行置換成你文章網址及想設定的關鍵字
恭喜你，完成了！
輔助工具
對於 SEO，我們另外介紹一些免費好用的小工具，這些是部落格成長不可或缺的利器！
1. Google Suggest、Google Trends (Google 搜尋趨勢)
https://pagerank.tw/google-suggest/
https://trends.google.com.tw/trends/
不知道下什麼關鍵字好就讓 Google Suggest 幫忙建議，而 Google Trends 則能查詢特定期間內比較熱門的相關聯關鍵字是什麼
https://search.google.com/search-console/
第一次進入 Google Search Console 會請你加入資源，所謂資源就是你持有的網域、網址
Google 定義資源為已下兩種類型：
這邊以 https://bynum5566.blogspot.com/ 為例說明一下左右選項的差異：
網域：假設母網域 blogspot.com 就是我擁有的，那我可填寫網域 blogspot.com，這樣做的好處是，能一次納管此母網域內所有子網域資源，不僅限於 bynum5566，連 abc.blogspot.com、def.blogspot.com 這些都能被加入 Google Search Console 來管理網址前置字元：假設我擁有的是 https://bynum5566.blogspot.com 並包含此網址下的多篇文章，那麼就輸入 https://bynum5566.blogspot.com。由於此網址內多篇文章都擁有同樣的前置字元（如下藍字），因此都能一次性地被管理到https://bynum5566.blogspot.com/2020/07/twitch.htmlhttps://bynum5566.blogspot.com/2020/07/redmine-3000.html
此處牽涉到 sub-domain、sub-folder 的觀念，日後另闢專文解說，對於 Blogger 的使用者，建議直接選右邊就好
這邊的用途主要就是輸入剛剛的前置字元網址或同個前置字元下任一頁面網址，讓 Google 幫忙檢查它的索引狀況，若是網站很新導致尚未索引到，也可使用「要求建立索引」讓自己的網址優先排隊等候 Google 索引
請注意此處並非按下去就能建立索引、按比較多次也不會比較厲害，固定時間內特定資源的請求有配額限制請謹慎使用，若頁面很多則可建立網站地圖一次請 Google Search Console 處理
那麼具體要多久？
根據官方說明書：「建立索引最多可能需要一到兩週的作業時間」
......
3. 如果你有讓對岸搜尋到的需求...
如果基於某種原因你希望中國網友搜尋的到你的網站，可在百度引擎加入自己的 URL，但因為國外註冊不易、我也沒這需求，加上中國基本上是 block Google 服務的，所以就先不示範了
https://ziyuan.baidu.com/linksubmit/url
結語
相較 Medium，個人覺得 Blogger 在 SEO 特化上尚有許多待改善之處
用詞強烈一點的話，甚至說是落後也不為過
這邊不是想講 Medium > Blogger，畢竟雙方各有長短
不過客觀上來看，我們可以瞭解一下 Medium 的介面有多麼懶人便民：
請注意套色部分，我已經把說明寫在上面了
基本上 meta tag 的 title、description，以及 keywords 都可以無腦輸入設定好
而且左上角選圖片的地方，發布後可以作為預覽圖使用，這在社群媒體轉載上非常便利
當然 Blogger 是有支援 og:image 的，但是預設是選第一張圖，所以沒擺好就要手動修...
再來看一下原始碼：
Medium 已經自動生成好針對不同平台（如推特、安卓、iOS）用的 title、description、image 等資料，甚至以前 Blogger 需要手動修改的 "文章名"+"站名" 排序，Medium 已經自動生成完畢...
更甚者，同樣是新用戶來說，一篇文章在 Medium 發完很快就能被搜尋引擎找到、排名也很漂亮，而 Blogger 的則即使輸入完整文章標題也搜尋不到，因為一周的 index 週期還沒跑完，可見 Google 非常公正不阿，親兒子一點優勢也沒有QQ
雖然上述種種透過手動、透過時間還是能彌補過來，但作為小小的用戶，會希望 Google/Blogger 更便民也屬人之常情
so be it，不多說了
參考資料：https://fulltechhelp.com/add-meta-tags-to-individual-blogger-posts/#Step_2_Search_for_the_code
![[Twitch API 系列 2] 陳年問題！解決 Twitch 直播嵌入網頁無法顯示轉播的問題](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9J6M_cOtT3EfshAKxliXzm0opEMgsLVsq6yxJoepRN0udqBV7Phrk07yDDKvLfyzjDeQ18OlfjhdL8_g9nC9Ib58P7nr3D5I-gNzEyRN3UHLLcol7iw425Fgtpa8x056gRoExF2Tflm9N/s72-w500-c-h281/27982596305_4020b96ab8_b.jpg)
沒有留言:
張貼留言