搜尋引擎最佳化 初學者指南

如果部落格的流量有不小的比例來自於搜尋引擎,那麼「搜尋引擎最佳化」(SEO) 是必須研究的課題。為了幫助 SEO 概念的建立,Google 出的這份文件對於 SEO 入門有很大的幫助:

http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.cn/zh-TW/cn/intl/zh-TW/webmasters/docs/search-engine-optimization-starter-guide-zh-tw.pdf

這份中文版文件做的很用心,內容豐富活潑,有空值得詳讀一番。以下是大綱摘要:

  • 創建獨特、準確的頁面標題
  • 更好地使用描述元標籤
  • 優化 URL的結構
  • 讓您的網站更易於檢索和瀏覽
  • 提供高質量的內容和服務
  • 寫好鏈接錨文本(anchor text)
  • 正確使用 heading標籤
  • 優化圖片的使用
  • 更加有效地使用 robots.txt文件
  • 謹慎使用rel="no follow"
  • 用正確的手段推廣您的網站
  • 充分利用免費的網站管理員工具
  • 充分利用網絡分析服務
  • 對網站管理員有幫助的資源

Blogger 新推出 "維基百科" 小工具

今天 Blogger 推出了一個新的小工具,結合了維基百科,讓讀者能更迅速的查找相關資料,並且可直接點選搜尋結果,以開啟新分頁視窗的方式的連結到維基百科。

大家快來試試看吧~

消息來源:https://plus.google.com/+Blogger/posts/RGe14bmoSsv

「單頁式網站」效果展示

品味:讓人愛不釋手的「單頁式」網站
歡迎來到每週一次的「品味」專欄,在這裡,我分享我所看到的種種美好。 近 5 年來,Single-Page Websites 漸漸開始流行起來。這種設計的好處是瀏覽方式單純而直覺,使用者只需用滑鼠不斷向...
「單頁式網站」是指 "使用者只需用滑鼠不斷向下捲動,就可以從頭到尾欣賞完整個網站的內容",作者介紹了幾個不錯的網站效果。

推薦第三、第四個網站,一定要看!(第三個網站文字可傾斜,不過也許不是每個瀏覽器都支援這個語法)

將動態檢視用在標籤連結

http://www.codeitpretty.com/2013/03/make-category-gallery-with-bloggers.html

看了這篇文章才知道,原來 Blogger 動態檢視還能用在單一標籤連結,使用方法如下:

http://你的網誌.blogspot.com/view/動態檢視效果/search/label/標籤名稱

例如將我部落格的某個標籤「電腦-Blogger 筆記」用「sidebar (側欄模式)」來顯示的話,將以上連結字串改成以下即可:

http://wayne-fu.blogspot.com/view/sidebar/search/label/電腦-Blogger 筆記
(由於這個標籤有空格, 上面的網址必須完整複製到網址列才有效,或是可點這個縮網址:http://goo.gl/LVozX)

可以應用的方式我想到的有,例如常常可看到將重要的標籤連結放在水平導覽列上,如果想讓這些熱門的標籤有動態檢視效果的話,就可以將這些標籤的連結改成以上的格式即可。

以下列出所有動態檢視的參數、中文說明:
(取自官網:http://support.google.com/blogger/bin/answer.py?hl=zh-Hant&answer=1229061)

classic (傳統模式):將傳統範本稍做變化,展現時代風格
flipcard (翻卡模式):將相片鋪排遍佈整個網頁
magazine (雜誌模式):清爽、優雅的仿社論式版面配置
mosaic (拼貼模式):不同大小圖片和文字的拼貼混排
sidebar (側欄模式):類似電子郵件收件匣的檢視模式,有一塊閱讀頁面可供快速捲動及瀏覽
snapshot (快照模式):羅列您所張貼文章的互動式佈告板
timeslide (時間表模式):依張貼時期以水平檢視模式排列您的文章

Google+(社群) 操作技巧及介紹

相信有不少社群成員剛接觸 G+,對於操作方法不是那麼熟悉,因此藉這篇整理一下各種使用的技巧及 G+ 的概念介紹。為了方便日後查詢,在社群左邊「關於」的下方可找到本文及發文注意事項的超連結。

1. 發文時可選擇討論區,盡量依文章主題選擇對應的討論區,例如自介文章可將預設的「一般討論」改為「自介及推薦Blogger」討論區。

2. 「轉貼」(分享)按鈕在 +1 按鈕的右邊,按下後可選擇要分享的社交圈、或單一對象、或社群(及討論區)

3. 其他 G+ 操作技巧(24 個必學的 Google+ 小技巧):http://briian.com/?p=7651 

4. 如何「依分類」收藏 Google+ 裡的文章、討論串:http://briian.com/?p=7652

5. G+ 社交圈的原理(Google+ 社交圈圈人生的九個真相):http://playpcesor.blogspot.com/2011/07/google.html

6. G+ 留言系統說明:
http://lasjargon.blogspot.tw/2005/08/blogger-google-google-facebook.html

如有其他實用 G+ 使用技巧,歡迎在本討論串補充。

G+ 快速鍵:https://plus.google.com/110618672035591133122/posts/Pn19yHoN4MV

G+ 小秘訣: https://plus.google.com/118094430196481429357/posts/SpSVgUFrSvZ

範例圖片產生器

(Fake images please?) 範例圖片產生器 ~ 輕鬆修改網頁圖片

當網頁某個區塊需要放圖片,但尚未決定圖案、顏色時,這個工具就派上用場了。

串聯回覆功能突然秀逗(按了沒反應)

被某個問題卡住很久,就是blogger本身的串聯回覆功能,原本點了「回覆」就能直接在留言者底下做回應,不知幾時突然秀逗(按了沒反應),遍尋無良方,請問有人能幫忙解救嗎?(在下blog:http://lasjargon.blogspot.tw/)


莊小示: 如果你有備份最初的範本&[展開小裝置範本]先還原看看吧.
推測可能改到了某些順序
導致前面的屬性沒有執行被覆寫掉了..

daniel xraig: 試試看
http://pstrey.blogspot.tw/2012/01/blogger.html
http://www.ptt.cc/bbs/Blog/M.1326660305.A.538.html

Ala Go: 不過這兩篇其實我每次搜尋都看到~不下N次,
印象中也都試過了 >"<

PS.兩篇的語法 我都是貼在最底下的前 </b:widget>

Wayne Fu: 看來你已經嘗試過不少方案,猜測應該對串連式留言的程式碼區塊滿熟悉的了;建議可以用這個方式找問題:

1. 開個全新的 blogger,確保程式碼是乾淨的,找到串連式留言的程式碼區塊,也許複製到記事編輯軟體
2. 然後比對你目前 blogger 範本中串連式留言的程式碼區塊,看看有沒有差異

有差異的話,把乾淨的程式碼取代目前的程式碼,看看能否恢復。

我看你的串聯式留言的形式跟原始的差滿多的,應該有裝過相關的 hack;不如試試把 hack 完整移除,看能否正常。
La's jargon|關於薩爾達攻略、可攜軟體下載與教學、3c相關疑難排解的部落格。
關於薩爾達遊戲圖文影片攻略、免費可攜軟體下載、軟體教學、網路資訊、電腦疑難排解的部落格。...

把範本裡的投影片換成自己想放的照片

我是個超級新手
我套用完這個樣式後,首頁的幻燈片一直換不掉
請問要怎麼樣才能把範本裡的投影片換成自己想放的照片?


Julius Zhan: 那個有點麻煩,要從範本去改。
願意嘗試的話到範本搜尋以下五個圖片網址逐一用 900×320 的圖片取代即可。(記得要先備份範本)

http://3.bp.blogspot.com/-y96sQrcona4/TvsjldyDI9I/AAAAAAAADhs/P171fkrjCQI/s000/1.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkMPDhsNxt_OhqbPsLTClhysEN6pJwIvG6Uuzwi0az_e1ZbdI2aEXfEl-9l32ySy1JBbyBUg6yy8ifn4Z3Fc02PVnO33_th0MC-55MNKyY02mgSVZ23X3yixayUQueOnC23tC35j3raQk/s0/2.jpg

http://4.bp.blogspot.com/-3sKQomacH3g/TvsjlsA7iuI/AAAAAAAADh8/F0DI2v-gyDc/s000/3.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEz1-mE3o-LYwb2TlxoW1tXVNiMbJ3_54Xj7HCF4q6jfPHQO-oMzUxIa6m183gSYnliNXzwKQO43Imy1ofBUFLkwMIwJr2LC1BQdSuNUVtI6DE2C190PeEpDjgIGSikm3exkBMKkuEAI0/s0/4.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf97l4i2yQsOgHIFmooqiHUTW4rYCHHXvFHK56bR30iAwQvJRvkNY6J-1NyFsmAuCjygvIWKA34_dfI4KVAhP9BIeMiVqMDbqCijGhq4m4pa-PC2fgCpi5GkUbBeuySM_1Xy6Ie3hbXOQ/s0/5.jpg

這樣圖片就能換成自己要的了

張子房: 試試看︰版面配置-&gt;標頭-&gt;圖片
不行的話就進到html的頁面,ctrl+F 搜尋圖片原來的網址 (http://XXX.jpg),不要動它前後的程式碼,直接把你想要的圖的連結置換上去。

Xinyan Shen: 了解,我來試試看^^
WestWard Blogger template - BTemplates
WestWard is a free blogger template adapted from WordPress with 2 columns, right sidebar, slideshow,...

探討部落客的本質

不管是職業或業餘的部落客,都別忘了自己的寫作初衷,也就是為了什麼而寫。不管遙遠的將來能不能爆紅,都別忘了自己的本份是什麼。更重要的是,不要在網路上樹立敵人,因為那只會讓你關閉部落格的時間更快到來。

部落客是什麼,能吃嗎?
今天想談一下,到底什麼是部落客(blogger)?在網路發達的現在,部落格(blog)已經在台灣存在好多年了,…...

SEO搜尋引擎優化懶人包系列

要完整知道 SEO 的概念不容易,如果能濃縮成簡易的內容是再好不過的了。這系列文章的作者製作幾篇 SEO 的懶人包,相信可以對 SEO 的概念快速上手。

SEO搜尋引擎優化懶人包 (一):http://www.dns.com.tw/seo/?p=8735
SEO搜尋引擎優化懶人包 (二):http://www.dns.com.tw/seo/?p=8833
SEO搜尋引擎優化懶人包 (三):http://www.dns.com.tw/seo/?p=8862
SEO搜尋引擎優化懶人包 (一) ~五分鐘馬上上手
現在流行懶人包,因為大家越來越不喜歡厚厚的書,不喜歡滿滿都是文字的文章,不喜歡等待網頁超過五秒鐘,所以這個SEO搜尋引擎優化懶人包,就是希望可以讓你可以在五分鐘內馬上瞭解什麼是搜尋引擎優化,並且可以著...