Clik here to view.
主流 CC0 圖庫已不再宣告「CC0 條款」，原因究竟為何？
去年「CC0 免費圖庫搜尋引擎」有忠實使用者傳來訊息提醒，收錄的 CC0 圖庫之中，「攝圖網」(699pic.com) 有照片為 VRF 授權，並非 CC0 授權。詳細檢查了一下何謂 VRF，根據「官方條款」內容，以及該網站的「免費用戶使用權限」，使用圖片需要註明出處，這些都與 CC0 精神背道而馳，因此決定從「CC0 免費圖庫搜尋引擎」移除此圖庫網站。受這事件的影響，順道檢視了相關網站，才發現各大...
View ArticleClik here to view.
Google+ 關閉對 Blogger 的影響整理
相信每個人最近都會收到一封 Google 寄來的郵件「您的 Google+ 個人帳戶將於 2019 年 4 月 2 日停用」，而不少 Blogger 站長們對這個訊息感到恐慌，紛紛詢問是否會造成什麼影響，例如圖片會不會不見？Blogger 是不是會收起來？由於 Blogger 部落格過去幾年為了推廣 G+，用盡各種方法鼓勵站長們轉換 Blogger 帳號為 G+ 帳號，在網站安裝各種 G+...
View ArticleClik here to view.
如何用 Javascript 複製文字﹍跨瀏覽器相容 iOS
最近接到的需求類似「點擊按鈕後自動複製折價券代碼」這樣的功能，因此研究了一下如何實現前端利用 Javascript 複製文字。多年前曾在「如何用語法保護網頁文章著作權」多篇系列文寫相關功能，但這些年網頁技術進展很快，HTML5 新的 api 讓複製文字變得相當簡單。過去網頁前端的大魔王是 IE，為了 IE 的相容性得傷透腦筋，然而隨著 IE 的式微，取而代之的是另一個大魔王...
View ArticleClik here to view.
利用 Github API 上傳檔案﹍操作範例心得整理
「Github」是免費架設靜態網頁的好選擇，同時也提供了完善的 API，不必手動操作，用程式就能更新網頁，也能管理 Github 上的所有檔案。本篇整理如何利用 Github API 上傳檔案的流程，並提供前端操作的範例程式碼。(圖片出處: flickr.com)一、準備動作1. API 文件說明官方說明文件都是英文，直接啃可能會消化不良，可先參考這篇整理：一篇文章搞定Github API...
View ArticleClik here to view.
不是使用 CC0 圖片就沒事，若要「商業使用」請注意這些案例
製作「CC0 免費圖庫搜尋引擎」幾年下來，「留言板」累積了不少提問，其中有很多商業使用的相關問題，代表使用者會擔心 CC0 圖片仍有侵權問題。這樣的考量是正確的，因為 CC0 圖片雖然標榜「可商業使用」，但請注意以下的邏輯：「CC0 圖片可商業使用」不等於「所有 CC0 圖片的商業使用方式都合法」本篇整理一些可能的侵權案例供參考，也請注意 CC0 圖片在商用時需特別小心。(圖片出處:...
View ArticleClik here to view.
讓 FB 社團文章能依「貼文主題」分類﹍實作記錄
FB 社團長久以來給我的印象一直都不太好，因為實質上只是個大型塗鴉牆，除了 Google 搜尋不到，再怎麼有內容的分享、再優質的討論串，2~3 天後就沈得不見蹤影。對於資訊的分類、保存、去蕪存菁，都不具備一個正常討論區該有的功能。直到近期看到不少 FB 社團有「貼文主題」的功能(比較像是 "標籤"的作用)，如此可做出類似精華區的效果，讓我重燃好好經營 Blogger...
View ArticleClik here to view.
網頁 API 測試工具整理﹍免費線上服務 + 軟體
前端開發工程師常需要串接各種第三方服務，例如 FB API、Google API 等。如果直接寫程式呼叫 API，可能會花不少時間 debug，來排除各種意想不到的錯誤。Google 與 FB 很體貼開發者，官方大部分都有提供線上 API 測試工具，例如：FB Graph APIGoogle Blogger API那麼除了網路龍頭大公司以外的眾多 API...
View ArticleClik here to view.
SEO 紅利還剩多少空間可以操作？為何部落格不需要在意 SEO 架構？
接到的 Blogger 商業架站需求中，常會附帶要求加強 SEO，其中有些甚至希望改善 Blogger 的 SEO 架構。從這些站長提供的背景故事中，發現某些共同現象：以前搜尋結果大多在第一頁，但近期排名越來越後面，甚至快要搜尋不到了。於是開始懷疑自己做錯了什麼，是否裝了什麼外掛影響到 SEO？是否沒做結構化資料？是否網站結構不佳？是否...(以下省略 500...
View ArticleClik here to view.
為何 Blogger 封存頁面(archive)不該被索引？
用 Google 搜尋自己網站名稱時，如果權重還不錯的話，可能會有 2~6 個額外的「網站連結」 (sitelink)。如不清楚這是什麼意思，可參考這篇「認識搜尋結果的 Sitelinks」。由於這 6 個額外的 sitelink 連結無法自行決定，我常常搜尋自己的「WFU BLOG」時看到很糟糕的結果：上圖紅框的兩個連結，其實都是...
View ArticleClik here to view.
千萬別用 Wix、Weebly 這一類架站平台，將來想搬家都不行
前陣子接到一個搬家需求，想要從 Wix 搬到 Blogger。其實 Wix 風評很差過去已有耳聞，例如我在「是否痞客邦、WordPress 的 SEO 比 Blogger 好，有這樣的事嗎？」說過，Wix 的內容都是用 JS 產生，對 SEO 而言很糟糕。而客人表示要搬家的理由是「速度越來越慢」，我也想實際體驗一下傳聞中的 Wix，所以找了一下資料，是否有管道能將 Wix 搬到...
View ArticleClik here to view.
前端操作 Apps Script 上傳檔案到 Google Drive 並取得連結﹍實作範例
先前示範過「操作 Github API 上傳檔案」的作法，這次介紹如何操作 API 上傳檔案到 Google Drive。實際上，如果真的使用 Google Drive API 來上傳檔案有些麻煩，因為需要走 oAuth2 驗證權限、每次都需取得 Access Token 金鑰，整個流程的步驟太多，說明起來複雜。本篇找到的流程相對比較簡易，不需處理 oAuth2、Access Token，直接寫...
View ArticleClik here to view.
Blogger 網站如何追蹤 Google Analytics 點擊事件的成效？
之前接到一個需求，想在 Blogger 網站監測連結點擊的成效，收集不同優惠方案的點擊數據。只要網站有安裝 Google Analytics(簡稱 GA)，那麼做到這件事很容易，為每個點擊按鈕植入 GA 追蹤碼，在 GA 後台就能撈出點擊事件的詳細報表。但實際上做了之後才發現 Blogger 網站會遇到一些狀況，請見本篇的說明。一、植入 GA 追蹤碼1. 官方說明GA 事件跟踪參閱 GA...
View ArticleClik here to view.
Blogger 或部落格使用 Markdown 加快寫作速度的各種方案優劣分析
前陣子有讀者在「Blogger 文章相關工具」留言，詢問 Blogger 使用 Markdown 撰寫所發生的問題。雖然以前大致瞭解過 Markdown 的用法，但沒發表過相關文章，那麼現在就藉機會整理一下相關資料。許多 Markdown 愛用者會希望 Blogger 官方文章編輯器能支援，然而我的看法是，Markdown 功能不算大眾，官方若真的做了可能吃力又不討好，因為：「Blogger...
View ArticleClik here to view.
Google Domains 台灣可以使用了﹍購買 + 轉移網域(Godaddy) + DNS 設定心得
幾年前在「Godaddy 購買網址」，一次買五年+隱私保護折價券，平均起來一年不到 USD 10。然而幾年過去，Godaddy 上市了，續約折價券沒了，隱私保護貴得離譜，網址續約不斷漲價。雖說用起來滿穩定的，但續約的 CP 值低得可憐，所以近一兩年在網址到期前，我不斷觀察合適的替代品。而成為最後一根稻草的理由是操作介面，Godaddy...
View ArticleClik here to view.
網頁出現看不見的特殊字元或方框時，該如何處理？
有時我們會在網頁上看到亂碼，或是一堆方框，代表那些字元因為系統沒有對應的字型，或是字型不含這些編碼，所以無法顯示出來。這次遇到的案例很特別，手機上會看到無法顯示字元的 "方框符號"，網頁版卻看不到，以下來看看如何找出原因及解決。(圖片出處: pixabay.com)一、案情分析1. 事發經過案主表示在 Windows 系統下用軟體檢視文章內容，會看到上圖兩個...
View ArticleClik here to view.
查詢網站所有連結的點擊成效﹍GA 事件追蹤器(免費版)
我們的網站可能裝了各式各樣的小工具，例如：首頁的輪播側邊欄的標籤、熱門文章、精選文章...文末的相關文章、延伸閱讀這些工具的文章連結，無一不是想增加訪客的黏著度，盡量把訪客留在網站內，但我們真的有辦法可以明確瞭解所有工具的成效嗎？會不會裝了一卡車外掛結果根本沒人點擊呢？有時後可能只是憑感覺、或是心情來決定是否安裝某個小工具，或是看別的網站有裝所以跟著裝，但若是外掛太多卻沒有對應的成效，那麼只是影響網...
View ArticleClik here to view.
各種「網頁失效連結」檢測工具評價分析及使用心得
以往都是使用「Google 網站管理員」定期檢查有無索引錯誤，也就是內部有沒有 404 無效連結。由於以前覺得文章數跟大站相比不算多，不怎麼注意外部連結會失效的問題，不過最近「Google+ 關閉」、「樂多」停業後，網站會產生大量的無效連結，覺得也該是時候來檢查一下網站的外部連結，畢竟很多網站的存活時間真的不長，也許每過 2~3 年，外部連結都有可能變 404...
View ArticleClik here to view.
Blogger 無法使用 Open Live Writer 後，寫文章有什麼替代方案？
Open Live Writer (以下簡稱 OLW) 是很多 Blogger 站長愛用的部落格寫作軟體，主要是上傳圖片的流程比較方便。不過 Google 宣布 2019/3/15「永久關閉 Picasa 上傳圖片的 API 」之後，再也沒有管道可以用程式上傳圖片到 Picasa，那麼自然 OLW 也無法上傳圖片到 Blogger 了。將來除非文章裡面一張圖都沒有，才適合用 OLW...
View ArticleClik here to view.
蘋果新聞訂閱制，從 SEO 觀點看背後的真正意圖為何
前陣子蘋果網路新聞實施會員訂閱制，在網路界造成一股轟動，不過我對這件事沒太多關注，原因可參考「部落格是否要加入內容付費平台 (Medium) 的考量」。不看好的理由是，台灣目前還不具備訂閱制的成熟客觀環境，當先驅者會做的非常辛苦。後來在 PTT 瀏覽器版看到這篇「蘋果日報台灣 免申請會員便可瀏覽新聞」，有人在教不用註冊就能看到會員內容的方法，才知道原來蘋果只是用 CSS...
View ArticleClik here to view.
在部落格側邊欄安裝 Instagram 小工具，顯示九宮格圖片
前陣子接到一個需求，希望在網站側邊欄擺放 Instagram 小工具，能顯示 9 張圖片這樣的版面。正常來說要做到這件事不難，已經有不少現成的外掛可以直接拿來用。不過實際測試之後，卻發現每個都有不合用的地方，只好乾脆自己寫一個來用，以下可先看範例頁面的效果。點此看範例網頁(圖片出處: pixabay.com)一、現有外掛整理找了一些知名的 Instagram 外掛：1....
View Article