2011年9月28日

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

A+

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

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

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


文章篇

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

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



一、版權宣告

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

被侵權後的抗爭過程相當耗時,一般小老百姓哪有精力搞這些,因此在事前想辦法不被成為侵權的目標比較實在。建議按此「教學網頁」為自己的網站加上「創用 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 點,此法不利搜尋引擎建立索引,不利於網站的能見度。


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


著作權保護系列文章:

2 則留言:

  1. 感謝你的方法~~
    我剛剛才發現Xuite有內建版權宣告
    我想我先用這種方法就好囉!
    謝謝你提供的一些建議~我會盡力去改善的

    雨櫻(來用我的google帳號留言看看XD)

    回覆刪除
  2. <7982311911483521662>(以上內容請勿刪除,從括號之後開始留言)感謝雨櫻大採納小的諫言,想必也猶豫了很久~~前陣子有看過某部落格推薦一個工具,可以用 javascript 監控「複製」這個動作(沒有鎖滑鼠的情況下),過幾天來研究一下,讓雨櫻大更放心好了~~

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。