2016年4月27日

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

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

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

(圖片出處: stocksnap.io)
2016年4月25日

Blogger 官方留言板的優點及妙用﹍加強 SEO 搜尋排名

看到不少站長將 Blogger 官方留言板關閉,改用 G+ 或 Disqus 等其他第三方留言板,原因不外乎原生留言板功能比較陽春。其實這麼一來,可是白白損失一部份從搜尋引擎而來的流量。

或許你還不知道官方留言板與 SEO 之間的關連性,沒關係看完本篇之後,就會瞭解 Blogger 原生留言板的優點。同時過去認為官方留言板的缺點,大部分也都是能找到解決方法的。

(圖片出處: pickupimage.com)
2016年4月22日

CSS 製作各種 Ajax 載入動畫集錦

css-ajax-loader-CSS 製作各種 Ajax 載入動畫集錦什麼是 Ajax 載入動畫呢?網頁跟後端請求資料,在等待的空檔,通常會先顯示 GIF 動畫,避免訪客等得不耐煩。這個過場動畫的英文名稱,就叫做 Ajax Loader。

由於 CSS 已經能處理細緻的動畫效果,那麼如果是簡單的過場動畫,就能用 CSS 來實現,不一定要讀取 GIF 檔,可以減少 HTTP 的請求。

本篇整理了多個實用的 CSS 載入動畫,只要直接複製語法就能套用。

2016年4月19日

矛與盾之爭, 破解「鎖右鍵+防複製」的 Chrome 外掛, 以及「保護著作權」的方法

chrome-quick-javascript-switcher-矛與盾之爭, 破解「鎖右鍵+防複製」的 Chrome 外掛, 以及「保護著作權」的方法2016.8.31 公告:目前已發佈新工具「免安裝外掛, 直接破解網頁 "鎖右鍵+防複製" 的方法 (使用書籤)」,只要安裝這個書籤,不用安裝任何外掛,即可破解「鎖右鍵+防複製」。

網路的本質是資訊共享,知識的流通可以讓有需要、能應用的使用者創造出更大的價值。如果在網路搜尋到一篇實用的文章,卻發現無法複製文字內容,那麼資訊不方便再利用或再創造,其實是很可惜的。

過去曾使用過一些破解網頁「鎖右鍵、防止選取、關閉拖曳功能...」等等的(書籤)工具,主要的原理就是解除上述功能的 JS 語法。雖然在有些網頁是有效的,不過由於語法日新月異,某些網頁採用了新的 JS 語法,那麼原本的書籤破解工具就無效了。

瞭解原理後,其實最有效的方式就是直接「不讓瀏覽器執行 Javascript」,本篇會介紹這樣的 Chrome 套件,一鍵可以開關瀏覽器的 JS 功能。同時也一併討論,針對「保護著作權」這一點,站長們真正有效的方法為何。

2016年4月15日

最熱門 jQuery 圖片輪播外掛 Owl Carousel﹍CDN 安裝懶人包

owl-carousel-2-最熱門 jQuery 圖片輪播外掛 Owl Carousel﹍CDN 安裝懶人包Owl Carousel」可說是使用率最高的圖片輪播外掛,許多免費、付費下載的網頁模版或部落格範本,都是內建這個輪播效果。主要原因可能是行動裝置普及後,「Owl Carousel」不但可顯示自適應(RWD)版面,還支援手指觸摸操作的效果,可輕易地在手機直接用手勢滑動輪播圖片,效果十分強大。

過去曾介紹「Camera」這個 jQuery 輪播外掛,其功能強大的地方在於各種過場特效,而跟「Owl Carousel」相比除了欠缺手勢操控支援,最麻煩的地方跟多數輪播外掛一樣,都需要自行下載安裝檔案,再上傳到自己的雲端空間(且必須是支援 "目錄結構" 的空間),光是這個流程就會讓許多部落格站長頭痛了。更糟糕的是,「Google Drive 檔案外連功能將於 2016 年 8 月關閉」,現在再也找不到比較簡便的 "目錄型" 雲端空間了,若想要使用 "目錄型" 的雲端空間都得花一番手腳。(可參考「 徹底解決網站外連空間問題」→ 「支援目錄路徑的雲端空間」)

本篇介紹的「Owl Carousel」,最棒的是有 CDN 支援,我們將不用再下載檔案及上傳到網路空間,可直接引用 CDN 的檔案外連,這是所有其他輪播外掛難以望其項背的一點。以下就來介紹安裝方法及提供範例說明。


2016年4月12日

Dropbox 外連產生器﹍可使用於非公開(Public)資料夾

dropbox-direct-link-generator-Dropbox 外連產生器﹍非公開(Public)資料夾使用由於「Google Drive 檔案外連功能將於 2016 年 8 月關閉」,為了讓曾安裝本站各種工具的讀者,能先找到 JS / CSS 外連的替代空間,因此製作了這個「Dropbox 外連產生器」。

原本 Dropbox 公開(Public)資料夾的檔案,都可取得直接連結,但 2012 年 10 月以後才註冊的使用者,Dropbox 關閉了公開資料夾的功能,所有檔案只提供分享連結。

這個工具可以將原本 Dropbox 檔案的分享連結,轉換為 "直接連結",原本不能外連的 JS / CSS 檔就可拿來讓網頁引用了。

2016年4月8日

Google Drive 檔案外連功能將於 2016 年 8 月關閉, 站長須即早準備

如果你的網站使用了任何放在 Google Drive 的外連檔案,例如 JS / CSS / 圖片 / 影音 / PDF...等,很不幸的,再過幾個月後,於 2016/8/31 開始,這些外連檔案就要永久失連,相關報導可參考這篇「這次是Google Drive的網絡託管服務即將關閉」。

這樣的消息很無奈,不過依照部分族群對免費空間的使用模式,這一天的到來可能只是或早或晚而已。

無論如何這件事對部落格或 Blogger 平台還是有一些衝擊,要說有什麼好的對策也很困難。趁著還有一小段時間,本文我們來看看有什麼補救的方法。

(圖片出處: splitshire.com)
2016年4月6日

Blogger 讓讀者以 Email 訂閱最新文章﹍任何位置都能擺放, 免註冊 FeedBurner

blogger-email-subscription-widget-Blogger 讓讀者以 Email 訂閱最新文章﹍任何位置都能擺放, 免設定 FeedBurner用「RSS」訂閱網站最新文章,是非常方便又強大的工具,可惜只有網路重度使用者比較知道 RSS 是什麼,一般的讀者並不熟悉 RSS、且不一定想要瞭解。

為了讓各種層次的讀者都能收到網站最新文章的通知,提供 Email 訂閱會是最簡單的方式,且操作方便、不需另外研究相關工具。

Blogger 官方提供了「透過電子郵件追蹤」這個小工具,可以放在側邊欄讓讀者訂閱網站文章。不過前陣子接到一個需求,想要把這個工具放在文章標題下方。仔細想想也是有些道理,側邊欄比較顯眼的位置可能會被其他更重要的工具搶走,例如熱門文章、搜尋框、Adsense 等等。

其實網頁能吸引讀者注意、增加訂閱率的位置還有不少,例如最上方的標頭區塊,本篇的例子文章標題附近,或是文章結束處也是很好的擺放地方。那麼以下就來看看,怎麼把這個「用 Email 訂閱」的功能搬到 Blogger 各種自訂位置,同時也會說明在 FeedBurner 如何管理「Email 訂閱」的功能。

(圖片出處: pixabay.com)