2016年4月27日

Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

Wayne Fu 0 A+
google-search-seo-Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名之前因為讀者對於 "搜尋排名" 的提問,整理了一篇「Google 搜尋不到自己的文章嗎?搜尋結果不如預期狀況整理」,以 FAQ 的形式回答了常見的疑難雜症。

不過有些讀者因為從其他平台轉換到 Blogger,對於操作還沒那麼熟悉,因此本篇以懶人包的方式呈現,列出 Step by Step 該進行的步驟。即使是剛接觸 Blogger 的新手,照表操課後也能明確知道,Blogger 要加強 SEO 只需做完哪幾個基本動作就好。

(圖片出處: stocksnap.io)


一、讓 Google 能搜尋到網站


1. 提交網站

SEO 第一個最重要的動作就是提交網站,跟搜尋引擎打聲招呼報個到,否則 Google 不會知道你已經成立網站了,自然也沒人能搜尋到你的網站。

請按照「Google 搜尋不到自己的文章嗎?」→「Q1:我寫的文章用 Google 搜尋引擎, 從來不會顯示?」,確實做完 "網站登錄" 以及 "提交網站地圖" 的動作。


2. 開啟搜尋選項

blogger-enable-search-Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

如上圖,在「Blogger 後台」→「設定」→「基本」→「隱私權」→「已列在 Blogger」,開放讓搜尋引擎索引,Google 才能來爬資料。



二、網誌描述


search-result-blog-description-Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

上圖是用 Google 搜尋自己 "網站名稱" 時,會出現的畫面。紅框 A 標示的內容,為 "網誌描述" 的文字,在這裡適當地穿插關鍵字,可以增加被搜尋到的機率。以下來看怎麼設定這段文字:

blogger-enable-blog-description-Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

在「Blogger 後台」→「設定」→「搜尋偏好設定」→「中繼標記」→「詳細介紹」→ 如果這裡是 "已停用" 的狀態,請啟用這個功能 → 然後填入網站的敘述內容即可。



三、文章優化


search-result-post-title-url-description-Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

上圖是用 Google 搜尋自己的文章,會出現的畫面。紅框 B~D 標示的內容,我們逐一來說明如何進行優化。


1. 網頁標題

紅框 B 顯示的是 "網頁標題" 的字串內容,圖中看到的效果是 "文章標題 @網站名稱" 這樣的格式,這樣的顯示順序對搜尋效果比較好

但是很可惜,Blogger 在文章頁面,網頁標題的預設效果是 "網站名稱: 文章標題" 這樣的格式,應該要讓重點資訊 "文章標題" 顯示在前才對。

請按以下步驟修改 Blogger 範本,來變更顯示順序。在修改範本之前,建議先閱讀「備份範本的訣竅」系列文章。

到後台「主題」→「編輯 HTML」,游標點進範本區塊,按 Ctrl-F 搜尋以下字串:

<title><data:blog.pageTitle/></title>
找到後,將字串置換為以下內容後儲存:

<b:if cond='data:blog.pageType == "item"'>
<title>
<data:blog.pageName/> | <data:blog.title/>
</title>
<b:else/>
<title>
<data:blog.pageTitle/>
</title>
</b:if>

這段程式碼的意思為:
  • 在文章頁面時,將 "網頁標題" 變更為 "文章標題 | 網站標題" 這樣的順序
  • 其他頁面時,"網頁標題" 格式不變


2. 文章說明

紅框 D 顯示的是 "文章說明" 的字串內容,這段文字在編輯 Blogger 文章時,右方的「文章設定」→「搜尋說明」,填入適當的描述文字即可。

2018.2.12 補充:如果沒看到「搜尋說明」的話,請安先按「二、網誌描述」的步驟開啟「中繼標記」。

blogger-post-description-Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

同樣的技巧,穿插適當的關鍵字,可以增加被搜尋到的機率。


3. 文章網址

紅框 C 可看到 WFU 為這篇文章設定的網址字串為 "blog-seo-traffic-correlation.html",使用有意義的英文字串、包含關鍵字,同樣也能讓文章網址成為搜尋流量的來源

自訂文章網址的操作方式,請參考「Blogger 自訂文章網址的要訣」→「三、永久連結」。



四、圖片 ALT


search-result-image-Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

上圖是 Google 圖片搜尋結果的畫面,如果文章裡面穿插不少圖片的話,那麼圖片也可能成為搜尋流量的來源。

而要讓圖片被搜尋到的關鍵是,為每張圖片的 IMG 標籤之中,加入 ALT 敘述,也就是描述這張圖片的一段文字。不過這算是一件苦差事,很少站長能這麼勤勞,一一為圖片手工打上敘述。

為了簡化工作量,WFU 寫了一個「圖片 ALT 描述自動產生器」,幾秒鐘就能完成這個工作,站長們可以善加利用。



五、使用官方留言板


這個步驟最簡單了,沒有額外的動作要做,只要單純使用 Blogger 官方留言板,就能加強 SEO。

獨立出一點來談,是因為很多站長關閉官方留言板,只使用第三方留言板,但反而影響了搜尋流量。

詳細的原理、解決官方留言板缺陷、多個留言板並存的方法,請參考這篇「Blogger 官方留言板的優點及妙用」。


blogger-comment-search-result-Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

以「長時間瀏覽網頁眼睛不舒服嗎?快使用高對比模式 (Chrome 套件)」這篇文章為例,原本文章並沒有提到「藍光」這個關鍵字,不過因為讀者留言討論到此事,所以上圖 Google 的搜尋結果,可看到訪客有可能因為搜尋 "藍光" 相關的主題,而來到這篇文章。

如果使用第三方留言板,就無法獲得 "從留言內容而來" 的搜尋流量



六、使用高畫質圖片


這部分的內容跟搜尋流量無關,主要是社群媒體流量,算是附帶一提。

文章中的第一張圖,會成為分享到社群媒體(FB、G+、twitter 等) 時的封面圖,可參考「選擇喜歡的圖片當作 Blogger 文章縮圖」。如果文章有爆點,加上圖片選得好,網友分享的意願會大大提升,那麼在社群媒體炸開來的力量是很大的。


fb-share-traffic-hight-quality-image-Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

前陣子發佈的「Google Drive 檔案外連功能將於 2016 年 8 月關閉」,一方面主題是網友關注的焦點,一方面這張封面圖也算是選得恰當,上圖紅框可看到有 80 個分享,擴散出去的分享至少有上千個,加乘效果很大。


wfu-blog-traffic-explode-Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名

一不小心部落格的流量就爆了,原本側邊欄的每篇熱門文章,都是累積數年才有的瀏覽數,結果這篇文章兩天就擠入榜,可見社群媒體力量之大。

言歸正傳,要使用高品質的圖片,而且是免費、可修改、可商用,最好的方法就是從「CC0 高畫質圖庫」來搜尋圖片

但是 CC0 圖庫那麼多,一個個搜尋是非常花時間的事。為了節省工作量,WFU 寫了這個「CC0 高畫質免費圖庫搜尋引擎」,一次可以搜尋所有的 CC0 免費圖庫,將來要替文章找封面圖,就不用再花那麼多時間了。



七、文章標題如何安插關鍵字


最後一點至關重要,文章標題算是影響搜尋結果非常重大的因素。這個主題其實網路上有非常多 SEO 教學,有興趣的讀者可以另外 Google,這裡簡單帶過原則就好。

  • 在發佈文章之前,值得花個十分鐘甚至以上的時間,好好琢磨你這篇文章,想要吸引什麼關鍵字的流量。
  • 搜尋結果能顯示的中文字有限,盡量把你的目標關鍵字,放在前 25~30 字之內
  • 農場標題可以偶一為之,對文章內容有信心再使用,否則讀者被騙多次後,反而破壞了網站的信任度。
  • 盡量站在讀者的立場,揣測他們可能會搜尋什麼關鍵字來找文章,再來下標題
  • 如果有多組關鍵字可用,但不確定要如何選擇,可以利用 Google 提供的工具「Google Suggest」,參考使用者都是搜尋哪些關鍵字。
  • 另外也需要知道「如何查詢自己網站 SEO 熱門關鍵字的技巧
  • 快速學會部落格文章下標題的技巧


更多 SEO 相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

35 則留言:

  1. 雖然以前已經有關注過SEO,但現在又完整的看了一遍,深有感觸! 謝謝WFU

    回覆刪除
  2. 要幫文章想自訂網址,真有些頭大。照片增加文字描述,看當時有無充裕時間和心情了。雖然是用官方留言版,極少人留言好像也沒什麼差別。 :D

    回覆刪除
    回覆
    1. 照片增加文字描述 → 用文中提供的工具,就能自動產生描述了
      官方留言版 → 是啊,有訪客留言才能產生效用 ^^

      刪除
  3. 太棒了 感謝分享 收穫滿滿😍

    回覆刪除
  4. 版大您好,我想請問,依照文中修改範本以後,google 爬到的顯示結果是立即改變嗎?
    我已經將 "title" 這段置換為文中的內容,但用 google 搜尋文章,還是部落格名稱在前面欸?
    這樣是哪裡出錯了呢?謝謝!(http://neishuangxi.blogspot.tw/)

    回覆刪除
    回覆
    1. 你好,請參考 http://www.wfublog.com/2016/01/google-search-result-faq.html → Q2:

      "Google 伺服器的工作量十分龐大...無法即時對每個網頁、每篇文章進行索引,只能根據網站的知名度、流量決定權重...前來進行索引的工作...只好耐心等待 Google 的青睞了(或是手動進行提交)"

      刪除
  5. 有冇一般方法,大陸可上blogger ?

    回覆刪除
    回覆
    1. http://www.wfublog.com/2017/09/blogger-not-blocked-by-china-great-wall-skill.html

      刪除
  6. 版大您好,我找不到搜尋說明耶...^^"

    回覆刪除
    回覆
    1. 你好,如果沒看到「搜尋說明」的話,請安先按「二、網誌描述」的步驟開啟「中繼標記」。

      刪除
  7. https://lh3.googleusercontent.com/-j35Fgupn3ZQ/W5JBoJbnFII/AAAAAAAAXlg/caUNkNFELBw6D8JlB7dNnXrw6OqJJsATACHMYCw/1536311666%25281%2529.png
    請問“範本”在哪個位置的

    回覆刪除
    回覆
    1. Blogger 後台名稱現在改了,原本「範本」的位置現在稱為「主題」,已修改內文敘述。

      刪除
  8. https://lh3.googleusercontent.com/-s1-RoqFsk3w/XBW9k5RaGnI/AAAAAAAAYDY/ys4fjQumQ4kJWYkim0Nyg225rx0pS9tPQCHMYCw/s1600/%25E6%259C%25AA%25E5%2591%25BD%25E5%2590%258D.png
    不好意思,在html內只有找到這段語法,沒有看到上述的(title></title)請問一樣也是是把(title)(/title)字串下方的語法取代掉嗎?謝謝!

    回覆刪除
    回覆
    1. 從附圖看起來應該是官方新版 RWD 範本的語法,那麼一樣是將 title ~ /title 這段程式碼改成文章中的語法即可。

      刪除
    2. 謝謝版大的回覆! :) 成功解決了

      刪除
  9. 請問我將html內的搜尋顯示標題依照您文中所寫更改
    谷哥搜尋後,大部份都顯示文章名,可是有一兩篇還是會顯示網站名:文章名的格式,
    後來我將那幾行改成只有一行
    還是一樣有一兩篇會搜尋出現網站名:文章名的格式,請問要如何改才能每篇文章搜尋都只顯示文章名,謝謝

    回覆刪除
    回覆
    1. 根據你的描述 "大部份都顯示文章名,可是有一兩篇還是會顯示網站名" → 代表大部分有生效,少部分沒生效

      可參考另一篇「各種搜尋結果不如預期的疑難雜症整理」https://www.wfublog.com/2016/01/google-search-result-faq.html → "就像我們一天只有 24 小時可用,搜尋引擎的伺服器數量也是有限,無法即時對每個網頁、每篇文章進行索引,只能根據網站的知名度、流量決定權重,以及判斷網站會定期更新的時間點,前來進行索引的工作"

      每篇文章被索引的時間都不一定,所以需要等一段時間~

      刪除
  10. 請問一下,我想要讓行動版的title也可以顯示成 | 這樣,請問要怎麼修改呢?謝謝!

    回覆刪除
    回覆
    1. 我想你的行動版應該是官方範本,要到後台改成「自訂」才行,範本修改的程式碼才能生效,可參考 https://www.wfublog.com/2014/04/blogger-mobile-template-custom-tips.html

      不過如此一來,行動版的版面就不一樣了,你可能得想辦法自行規劃行動版版面。

      刪除
  11. 你好,不好意思想詢問:如果已做到這篇的內容,measure對於blogger的評分也達到100分,是否還需要將文章標題改成H1標籤呢?謝謝。

    回覆刪除
    回覆
    1. 你好,重看了一下本篇,沒有提到 H1 這件事。
      那麼本篇的內容才是最重要的,文章標題改 H1 相對之下沒那麼重要,不做也不會差很多~

      刪除
    2. 謝謝回覆。因為我發現 blogger 文章標題是使用 h3 標籤,而部落格標題是用 h1,印象中對網頁排名順序結果最好的方式應該要讓文章標題改成 h1,因此搜尋到您的這篇文 https://www.wfublog.com/2014/07/blogger-title-h1-h2-h3-skill.html?m=1

      但是我依照此文修改後部落格標題的樣式有點壞掉,所以只做了您此篇教學提到的手續。因此才詢問有關標題 h1 標籤的問題。再次感謝您的回覆。

      刪除
    3. 能改成 h1 是最好,但沒改其實影響也不會如想像中的大,不必太拘泥 SEO,如果多看幾篇我的 SEO 文章就知道了 ^^

      如果你的是 RWD 官方範本,我認為最好不要亂動範本,可參考 http://www.wfublog.com/2017/03/blogger-rwd-official-template.html
      最好改範本有很強的功力才建議改喔~

      刪除
    4. 好的,我瞭解了,謝謝:)

      刪除
  12. Wow,第一頁第一篇!
    明天來試試 感謝大大分享

    回覆刪除
  13. https://drive.google.com/file/d/1S0gVIwZT0baPsM6W-fcspeRnKBT7_n7w/view?usp=drivesdk
    為什麼已提交sitemap和html驗證還出現紅字:一個錯誤,謝謝回答。

    回覆刪除
    回覆
    1. 點進去就可以看是什麼錯誤了
      系統也會告訴你怎麼處理

      刪除
  14. 您好,我在建立部落格之後,曾經修改過一次網誌名稱,但是修改一陣子之後,在google還是必須打「原始網誌名稱+blogspot」才搜尋得到,打「新的網誌名稱+blogspot」是搜尋不到的。且在搜尋引擎上,我的網誌名還是顯示舊的名稱,點進去才會看到新名稱,想請問您知道這是什麼狀況嗎?感謝您~~

    原始名稱:張李明德的阿德勒正向勇氣教養課
    修改後名稱:張李明德的〈父母教練學〉

    以下附上搜尋的截圖
    https://drive.google.com/file/d/1ZHvB7MOs-NJTUp0TBNeYirI3IroSkwVs/view?usp=drivesdk
    https://drive.google.com/file/d/12ciU3Xay9OAZey_M2msZjyZij76-J4qa/view?usp=drivesdk

    回覆刪除
    回覆
    1. 搜尋的問題建議可參考另一篇文章:https://www.wfublog.com/2016/01/google-search-result-faq.html

      刪除
  15. 另外附上我修改的截圖:
    https://drive.google.com/file/d/1k_a9qD-j4LGUoq7vQiEJBdEX-m-XlAoc/view?usp=drivesdk
    https://drive.google.com/file/d/1wvLpdA79Rr60UMqMbMX0xAmBA2t5qTUk/view?usp=drivesdk

    回覆刪除
  16. 這篇文章幫助實在太大!一定要推一個,Google Blogger的SEO實用好文!

    回覆刪除
  17. 现在重点是把社交媒体的流量引到个人站了

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP