2014年6月29日

符合 SEO 的 H1 H2 H3 標籤配置研究﹍Blogger 文章標題最佳化(2)

在 HTML 標籤之中,H1~H6 標籤主要用途為標題的使用。同時搜尋引擎認為標題包含的 "關鍵字" 更為重要,因此網頁如何配置 H 標籤(主要是 H1、H2、H3),是 SEO 需要注重的一環。

在 Blogger 官方範本中,各個 H 標籤的安排,並非以 SEO 最佳化來配置。可能的原因為,新範本是幾年前的產物,設計上是依據 SEO 舊觀念。而在 SEO 規則每日一變的時空下已不適用。這使得注重 SEO 的站長,得自行重新配置一番。

以下先簡單介紹相關概念,再對 Blogger 範本進行重要的 H 標籤的調校。

2014年6月26日

Google 自訂搜尋改良版__兩欄式更方便 (Blogger 專用)

在部落格設置搜尋框功能時,最佳選擇一定是「Google 自訂搜尋」。為何 Blogger 官方搜尋小工具不建議使用,原因在「新版 Google 自訂搜尋」有詳述,最主要的因素為,這個官方工具並非使用 Google 搜尋引擎,導致搜尋結果不佳。

不過 Blogger 官方搜尋小工具有個優點:「搜尋結果能立即出現在文章區塊上方」,這對訪客來說是個非常友善的操作設計,而這正是 Google 自訂搜尋很難做到的一點。

如果你也喜歡這個優點的話,WFU 已將 Google 自訂搜尋(以下簡稱 CSE: custom search engine)改良,讓搜尋結果能有 Blogger 官方搜尋工具的顯示效果,可使用本站側邊欄最上方的搜尋框測試。

以下先大致說明此設計的概念,想直接安裝請跳「二、Google 自訂搜尋準備動作」。

2014年6月24日

猜不透的 Google+ 專頁瀏覽次數?Blogger 站長賺到了!

今年的 4/1 開始,G+ 發布了一個新功能,在瀏覽 G+ 頁面時(無論是個人頁或是專頁),可以看到瀏覽總次數的統計。這樣的設計,當然是為了增加 G+ 使用者的黏著度,就像 RPG 遊戲般,玩家很大一部份的樂趣來自於等級的增加、數字的提昇。

不過,看完自己的統計數字後,總會好奇別人的數字是多少?結果應該會發現,好像落差挺大的!有的人挺正常,有的人出現天文數字(上億)!因此 +Ala Go 提出了本文的問題,相信這也是很多人的疑惑。

就算 "非常認真地" 經營一輩子的部落格,好像都無法輕易達到破億的網頁瀏覽量。以 WFU BLOG 為例,Blogger 官方流量統計都無法破百萬了,G+ 個人頁竟然在 4/1 當天就突破了三千萬,也許這是 Google 送的愚人節禮物吧?

2014年6月18日

發現被盜文時, 如何保護著作權及反制?


(Pic from: ewp.rpi.edu)
談到盜文這件事,相信都是群情憤慨,就如同「網站被 7headlines 框架」事件一樣,誰都不喜歡著作權被消費或竊取。

網路上的盜文應該可分成兩個層次,一種是完整的複製貼上,另一種是內容重整(部份心得、部份複製)。不曉得讀者覺得哪一種比較無法忍受呢?

以 WFU 而言,若被盜文的話,比較討厭的是內容重整那一種。以下會敘述理由,及各種自保與反制的方法。

2014年6月16日

修改範本 H1 H2 H3 標籤實用技巧﹍Blogger 文章標題最佳化(3)

上一篇「符合 SEO 的 H1 H2 H3 標籤配置研究」說明了在 Blogger 範本中,如何配置 H 標籤的概念。本篇則說明如何用最簡單的方法,來批次修改所有的 H 標籤,來達到較佳的 SEO 效果。

除此之外,在文章之中,還可運用各種 HTML 標籤,來達到加強 SEO 效果。

2014年6月12日

404 錯誤頁面的友善設計__(2) 提供最佳建議網址 [加值文章]

這是系列文的第二篇,請務必先看完第一篇「404頁面原理」,了解最佳 404 頁面如何設計、如何找出錯誤頁面原本的正確網址及範例、先行安裝 Google 自訂搜尋等等。

完成準備動作後,本篇將說明如何安裝程式碼,以及版面設計可以自訂之處。


<< 請注意!本篇文章含會員加值文章內容,需點數兌換 >>
2014年6月10日

[小工具]讓 Blogger 自動顯示系列文章

過去在撰寫系列文時,比較頭痛的一點是,在文末想列出所有的相關系列文章時,是一件麻煩的事情。而更麻煩的是,每增加一篇系列文,那麼之前所有的系列文,還得一篇篇去手動新增最新一篇的連結!因此整理系列文列表這件事,真是考驗耐心的絕佳試煉...

現在使用了本篇的系列文小工具後,不但安裝很簡單,操作上也完全不費力,一切以自動化流程實現,以後處理系列文這件事,就可以高枕無憂了!

不但如此,這個小工具還有不少絕佳應用,看完安裝及使用說明後,請務必參考「五、應用方式」。



<< 請注意!本篇文章含會員限定內容 >>
2014年6月9日

打造舒適閱讀體驗__讓 Chrome 只放大縮小文字(Zoom Text Only 套件)

由於每個網頁預設的字體大小不一,為了讓眼睛能舒適、長時間閱讀,縮放網頁文字是瀏覽器必要功能。Chrome 能藉由按下 Ctrl++Ctrl+- 來縮放頁面大小,不過這並非友善的閱讀設計,因為文字雖然變大了,但常常閱讀區塊也隨之變大,導致區塊右邊超出螢幕範圍,而看不到右邊的文字。

因此要打造舒適閱讀的體驗,必須只針對文字來縮放,而頁面所有其他元素保持不變,這才是最佳解決方案。本文要介紹的 Chrome 套件「Zoom Text Only」,正是符合以上敘述的要求。

2014年6月8日

Blogger 私密留言的三種替代方案 + 聯絡表單的應用方式

談到 "私密留言" 這個台灣部落格平台幾乎都是預設的功能,國外部落格平台幾乎都不會有,想要的話得自己找外掛或替代方案。也許國外平台認為,想要講悄悄話,不會直接寄 mail 給作者就好了,何必另外寫一個工具出來?

如果以官方角度想也是有道理,在後台資料庫存放一堆原本應該躺在雙方郵件匣的訊息,還要維護、避免被第三方看到,的確算是花費資源又吃力的工作。

不過既然我們風俗民情如此,另外就是在少數情況下,私密留言存放在網站上有其好處,那麼還是來介紹三種 Blogger 私密留言的替代方案:
  • Google+ 留言框
  • 私密留言小工具
  • 官方工具:聯絡表單

2014年6月4日

Blogger 自訂網址﹍設定子網域的技巧+解決裸網域的怪異現象

之前「買網址的附加價值」介紹了子網域的各種應用方式,而這篇「子網域介紹」讓我們瞭解,就像名人住過的豪宅,房價總是能水漲船高;若是子網域內容出色,就能拉升整個網域的價值、提高這個網域在搜尋引擎的權重。

如果經營部落格時,自認不只專精一個主題,可以利用 Blogger 開多個部落格,並且分別設定在子網域之下,讓整個網域一起累積價值。本文以 Godaddy 為例說明設定的流程,以及設定裸網域(naked domain)特別需要注意的事項。

2014年6月1日

404 錯誤頁面的友善設計__(1) 安裝 Google 自訂搜尋

當網址字串有誤時,伺服器會傳回 404 錯誤訊息,表示網址頁面找不到。為了不讓訪客流失,這些錯誤網址是在什麼原因下產生、如何設計 404 頁面,都是值得站長們深入研究的主題。

本文將會分析 404 頁面的相關事宜,並抽絲剝繭找出 404 頁面的最佳設計方式,及提供達成這種設計的小工具,想直接安裝請跳至「四、安裝 Google 自訂搜尋」,下面範例網頁會前往 "http://www.wfublog.com/404" 這個不存在的 404 錯誤頁面:



<< 請注意!本系列文章含會員加值文章內容,需點數兌換 >>