[教學]保護網頁著作權的初階構思__(1) 文章篇

(Pic from: 123rf.com)費盡心思寫出的文章、製作的網頁被輕輕鬆鬆地整個打包帶走，沒有人會覺得公平，甚至瓢竊者大賺自己網頁的廣告錢，還加上「未經同意禁止轉載」的字樣，更是讓人怒火中燒！常見的反制方法是 "禁右鍵"、"禁鍵盤"、"禁選取" 等等的功能，雖然暫時阻擋了 "一級盜賊"，但也造成了無辜使用者的操作不便(個人遇上這類網頁絕不再來)，而且這些方法對 "二級以上的盜賊" 完全無用。回想當初將文章放上網路，不就是為了與更多人「分享」，讓更多朋友得到益處，而如果現在禁止別人複製網頁內容，啟不違背初衷？而且我們自己連上網路就是為了搜尋資料，找到了資料結果不能複製，那還上網做什麼～～

因此個人覺得，只要是放上網路的東西，在符合網路禮節的個人使用下，複製、引用文字內容是允許的。個人想法是，要分一杯羹可以，但要 "整碗端走" 免談。因此本文要構思的是，是否存在不影響瀏覽器正常操作，而又能有效防堵初階盜賊搬走網頁的技巧？至於防堵高階盜賊就不在能力範圍了，唯一能阻止他們的方法就是別放上網路，況且他們的目標也不會是一般小老百姓的網頁、部落格，應該會是悠遊卡公司、銀行、政府軍事機關等等才對。

一般而言，自己架設的網站或是付費的網頁空間，網頁可以有較佳的防護效果，這是屬於比較進階的防衛技術，例如可以利用 htaccess 設定許多權限，但相信大部分都是使用免費的網頁空間或部落格，因此本文的初階構思是針對這部分的使用者。以下預計分成三部分，對「純文章」、「網頁資料」、「程式碼教學」提出個人預防的想法。

文章篇

防堵初階盜賊的方式就像機車防盜，盜賊一定是鎖定開鎖時間越短的機車下手，沒加大鎖的最容易，便宜的大鎖次之，昂貴的大鎖、防盜器都可讓初階盜賊卻步。因此我們能做得就是讓初階網頁嫖竊者覺得麻煩，讓他認為得要花很多時間、花很多道步驟破解不值得，改而轉投其他目標。

放在網頁的內容如果是純文字，這是最沒有保障的，只要花最短的時間 "選取"、"複製"、"貼上" 就拿走了。針對純文章的網頁，以下各種權宜之計各有好處壞處，得自行裁量利弊得失後採用。



一、版權宣告

在網頁的某處加上版權宣告是必須的，無論被侵權後是否採取法律途徑，至少曾經宣告過版權自己才能站得住腳。

被侵權後的抗爭過程相當耗時，一般小老百姓哪有精力搞這些，因此在事前想辦法不被成為侵權的目標比較實在。建議按此教學網頁「如何在你的部落格或站台加入〝創用CC授權標示〞」，就可幫網站加上「創用 CC 授權」

利：能嚇阻有「盜亦有道」的盜賊。

弊：字典沒有「道德良知」的盜賊仍無視條款存在。


二、全圖像顯示

將內容轉為圖像，比較簡單的方式是在 Word 打好文章後，「全部選取」→「複製」→ 按「編輯」→ 按「選擇性貼上」→ 選「圖片(增強型 Metafile)」→ 「確定」，就可以把文字轉成圖像，接著可以把這個圖像複製，丟到影像處理軟體後製、存檔。

利：將所有文字轉成圖片，初階盜賊的確就拿這招沒輒了。嫖竊者若要看著打逐字稿也是他自己下的功夫，這我們無法阻止。

弊：正常使用者無法複製文字內容，可能會對該網站有負評；另外搜尋引擎對這篇文章也無法建立索引，不利於網站的能見度。


三、暗藏文字

******** 2012.6.19 增補 ********
最近得知 Google 的搜尋引擎有一些「準則」，對於隱藏式的文字、連結「有一些說明」，其中提到不希望利用引藏關鍵字而取得搜尋排名的優勢。雖然我們此點隱藏的文字跟 Google 要防範某些取巧的網站較無關係，不過為了防止 Google 引擎誤判，也許可以參考另一系列文章「如何用語法保護網頁文章著作權 __（一）附加版權宣告」，利用 javascript 語法在訪客複製的內容上加上一些防盜機制，就不會誤觸 Google 規範。
*******************************

將以下字串藏在文章裡面，存檔後文章的頁面並不會顯示這些文字，但是請放在文章的段落換行之處，否則字與字之間有著一段空白就會被發現事有蹊蹺了。

<span style="visibility:hidden">本文來自 WFU BLOG: http://wayne-fu.blogspot.com/</span>
<!--[if !IE]>-->
<span style="opacity:0;">本文來自 WFU BLOG: http://wayne-fu.blogspot.com/</span>
<!--<![endif]-->
稍微解釋一下：第一段 <span> 標籤利用 visibility:hidden 的屬性 將文字隱藏起來，但這個簡單的語法竟然是 IE 的支援度比較高；而第二段 <span> 的語法是利用 opacity:0 將透明度設為 0，達到隱藏的目的，但 IE 不支援這語法。所以剛好寫兩段語法後可確保所有瀏覽器都能將文字隱藏。以上字串可設定開新文章時自動顯示，就不用每次複製了。

當有人對網頁全文複製的時候，那麼 <span> 標籤中所有夾帶的字串也會被一起複製，如果複製者拿來做壞事，直接貼到自己的網頁後存檔，那麼這些字串就會顯示在他的網頁上。當然這只能起一時的警示作用，只有粗心的複製者貼完也不檢查才會被抓包，所以以上 <span> 標籤中藍色的文字、網址請改為自己想要隱藏的字串，算是一種版權宣告的作用。

有時讀者看到不錯的網頁內容會複製拿來轉寄，但並不會著名出處，那麼此時隱藏的文字也算幫我們自己的網頁有個「正名」的機會。

有時讀者(就是我)搜尋到有用的資料，例如找到一個大陸的實用英文名言佳句的網站，如獲至寶將內容拼命複製起來存檔準備學習，結果此大陸網站藏了「大量」的隱藏字串，而且還是各種不同的字串，如果只是大量的同一種字串的話，用文書軟體一次替換就刪除掉了，但是若要刪除各種不同的字串真的是累死我也，而且是每個網頁都要做上好幾回這樣的動作，因此如此不友善的網站只好列入黑名單了。在此建議若要隱藏字串的話，請只放一次起到提醒初階盜賊的作用即可，放太多會讓正常使用者起反感的。

另外，隱藏字串還有一個狠招，例如在 <span> 標籤中放 javascript：

<span style="visibility:hidden">&lt;script&gt;alert("提醒字串")&lt;/script&gt;</span>
當然這只是舉例，想要放什麼樣的 javascript 端視想要如何整複製者了，小心不要引起報復就好了...

利與弊：同第一點「版權宣告」的效果


四、多放置超連結

複製文字的同時，超連結並無法被複製，因此在文章中多多安插超連結是讓各階層盜賊都覺得麻煩的一件事，如果只複製文章沒有複製超連結，那麼有可能會被讀者看出是抄襲的網頁。超連結的安插可以有幾個方向：

1. 倪匡式超連結：倪匡的科幻小說非常喜歡在文中提到其他系列的內容，他的目的當然是增加其他小說的曝光機會及銷售量。不過這個概念拿來放超連結效果絕佳，只要想到本篇文章跟自己其他網頁有相關性的內容，就放一個超連結，就算複製者將整個網頁原始碼打包，複製網頁的超連結都還是全部指向我們家的網頁，這是我們所樂見的，所以一般的嫖竊者會對這樣的網頁卻步。舉例：「Blogger 全文列表」這篇文章內安插了非常多的對內超連結，可以有很好的防護效果。

2. 旁徵博引：文章只要提到某典故，或有相關連的故事、事蹟可引用，盡量幫讀者多查 google 及 Wiki 的資料，並放上資料來源的超連結，省去讀者思考典故源由及查資料的時間，同時也會增加讀者對我們網站的好感以及建立網站的「商譽」，消費者總是喜歡一次購齊的服務，不喜歡東跑西跑多花時間。所以，幫讀者一次整理好資料，網站的份量在讀者心目中便會大大提高，例如「重灌狂人」、「電腦玩物」等網站。複製者只有複製文字而沒有超連結，時間久了自然被淘汰。舉例：「有錢人想的和你不一樣 __ （十）鴻鵠之志」這篇文章提到了火雞姐、包龍星、Jeter 等故事，順便幫讀者找相關的影片、相關報導，因為不是所有人都對這些事如數家珍。

3. 外包授權：同樣的事情已經有人做過了，那我們就不需要再做一次，交給做過的人處理即可。就像我們的文章內容提到某個軟體的使用方法時，若已經有人寫過教學網頁，那麼直接附上該教學網頁的超連結即可，不必自己再做一次 Step by Step 的說明。這麼做的好處是，除了省下自己的時間，另外複製者若只複製內文，將沒有超連結，讀者完全不知該軟體要如何操作，造成閱讀上的困擾，因此複製者只得想辦法手動加超連結或是複製我們的網頁原始檔，這些動作可以增加他的麻煩。舉例：「正妹報時（美人時計）彙整」這篇文章的最末段提到 Snippage 這個軟體，由於有 google 到教學網頁，因此使用說明全部交給該網頁即可。

利：這是防範各種層級盜賊最佳、最方便的技巧。

弊：不過就是要多花一些心思及時間。


五、製作圖表、圖像

第二點的全圖像顯示會造成一般使用者的使用不便，那麼退而求其次，將部分內容轉成圖像是可行的方案。作法有幾個方向：

1. 重點文字轉成圖案：例如「有錢人想的和你不一樣 __ （七）創造人生」這篇文章，將文章標題的那三行，及各個大標題轉成圖案，另外在標題「受害者特徵三、抱怨」的下面，將兩個推導過程也是用圖案顯示。這樣的作法讓複製者在沒有複製圖案的情況下，會讓文章難以閱讀；而複製者如果要連圖案也複製的話，就有很多花樣可以玩了，例如浮水印，而下一章「網頁篇」也會有其他的圖片反制機制。

將簡單的文字轉成圖案不困難，「Cool Text」這個網站可線上轉換、支援 unicode、可選各種中文字型、還有各種 3D 特效。

只是這個網站無法批次轉，如果想節省時間的話，不如自己用 PhotoImpact 之類的編輯軟體，設定好一些固定大小的空白檔案，把文字填進去後另存新檔會比較快。

2. 重點整理成圖表：例如「有錢人想的和你不一樣 __ （三）剖析自己」這篇文章，在「四、金錢是表面結果」中整理了一個圖表。這樣的圖表不是用小畫家做的，有更快更方便製作的流程圖軟體──「Dia」，請參考這個「介紹網頁」」含教學網址。

3. 發揮想像力：在網頁中安插一些圖案，讓複製者沒有複製到這些圖案的話，閱讀起來就會產生困擾。例如前兩點舉例的兩個網頁都有 "Harv Eker" 與 "WFU" 的 logo，缺少這些 logo 就不知道話是誰講的。

利：跟純文字的網頁比較起來，穿插一些圖案不但色彩豐富，能夠出現一些網頁預設之外的字型，閱讀起來也很舒服，更重要的是這樣的網頁不易被竊取。

弊：當然，要擁有額外的效果就得花費額外的心思與時間，這得交由各位站長、部落客評估取捨，要花多少時間進行這個動作了。


六. 使用內嵌文件

「Google Docs Viewer」提供一項服務，讓使用者可以線上瀏覽 DOC、PDF、PPT 等文件，不但如此，它還提供語法讓我們的網頁可以內嵌這些文件，想保護網頁內容不被竊取的站長們就有很好的應用了。

首先將網頁的內容製作成 PDF 檔(記得加自己的 logo)，放上自己的網頁空間，接著參考此「教學網頁」，從 Google Docs Viewer 拿到安裝的 <iframe> 語法，放到自己的網頁就大功告成了。

PDF 檔有很好的防護機制，想開放給使用者多少這份文件的權限由自己決定，而且盜取者沒有網頁原始碼可以下手，最多就是把 PDF 檔下載下來而已，我們也歡迎他把這份 PDF 檔放在他的網頁空間。

利：很好的防盜效果，同時跟第 2 點比起來，此法不妨礙正常使用者的網頁操作。

弊：PDF 檔無法使用一些網頁效果；同第 2 點，此法不利搜尋引擎建立索引，不利於網站的能見度。


下一章「 網頁篇」，我們要在網頁原始碼內烙上 "機車防盜碼"，將我們的防衛能力升級，增加中階盜賊竊取我們網頁時的困擾。

著作權保護系列文章：