如何把一顆 QR Code,做好做滿?

In 工作的方法

Photo by Jonathan Velasquez | Unsplash

其實製作 QR Code 也是可以有很多眉眉角角的,以下是我在工作上運用 QR Code 兩年多的製作心得,另外也附上兩個好用工具,待會兒內文會提到。

QR Code 工具:Little Idiot(qrcode.littleidiot.be
免費服務,可製作向量版 QR Code,可設定容錯率,專業好用!

短網址工具:Rebrandly(rebrandly.com
免費服務,可中途修改短網址的目標連結,也提供點擊成效追蹤,還支援自定短網址長相,名字隨你取,不用被強迫看一堆亂碼的英數字串了,開心!

---

說到製作 QR Code 的眉眉角角,我認為最重要的就是下面這個第 1 點了!

1. 網址要可以遠端偷改,不然印錯你就哭了

大部分的人會直接用固定網址去製作 QR Code,但其實這樣風險很高,舉個例來說,如果今天你是拿 PChome 的商品頁面連結去製作的話,哪天 PChome 商品連結換了,你印出去的 QR Code 就報廢了。

如果要製作可以修改的連結,放進 QR Code 中的話,一般就是用短網址服務,不過短網址服務絕大多數都是無法修改目標網址的,像是 goo.gl、bit.ly 都無法。目前市場上有提供可以修改目標連結的免費短網址服務是「Rebrandly」(rebrandly.com),非常好用,推薦給大家。

2. 產生的圖檔要是 SVG 向量檔才專業

QR Code 的主要用途是放在印刷品上,導連結到網站,但印刷品要專業,就樣用向量檔輸出才不會失真,目前市場上大多數產生 QR Code 的服務也都只提供點陣圖而已,如 PNG、JPG,這對於印刷來說其實是很不方便的事情。

建議你可以使用免費向量檔 QR Code 製作服務「Little Idiot」(qrcode.littleidiot.be),可以直接輸出 SVG 向量檔。SVG(Scalable Vector Graphics)中文意思是「可縮放向量圖形」,是一個不需要另外安裝軟體也能查看內容的圖檔格式,相當方便。反觀如果你是製作成 EPS 向量格式的話,做好也不見得有辦法打開,實務上比較不建議使用。

3. 既然要做,就要追蹤點擊數量才有意義

製作 QR Code 只有一個意義,就是導量,如果導量是你的目標,就要追蹤才有意義,否則實在是不需要浪費版面印一個單調的 QR Code 在上面。前面提到大家常用的 goo.gl 短網址服務,雖然 goo.gl 在介面上已經提供了點擊數字,方便大家使用,不過 goo.gl 的點擊數字是公開的,任何一個人都可以偷看你的點擊數字多寡,我個人是不太喜歡。

因此,這邊我還是推薦前面提過的「Rebrandly」免費短網址服務,Rebrandly 除了可以中途偷改目標網址之外,也有提供點擊數字分析喔!非常讚!

4. 網址愈長,QR Code 掃描失敗的機率愈高

不知道你是否發現,拿愈長的網址去做 QR Code,QR Code 的圖形就愈密,圖形愈密,圖形就不能印太小,否則印刷糊掉或相機對焦距離不足的情況下,你印出來的 QR Code 就會掃不到!這是很嚴重的事情。

不過大部分的人會把網址搞得那麼長,不外乎是 App Store 或 Google Play 的 App 下載連結本來就不短,或者是你在網址後面加上了一大串 utm 追蹤參數的關係。以上兩點都很難避免,因此,我還是建議使用短網址服務,先將目標網址轉成短網址,再拿產生的短網址去製作 QR Code,就可讓 QR Code 更顯乾淨清爽!

5. 如何在 QR Code 中間放圖案?

你在路上看到那些中間有圖案的 QR Code,他們都是在製作時有開啟「容錯率設定」(Damage proof),容錯率愈高的話,畫面上就可以進行愈多的破壞,但不影響讀取結果。前面提到的「Little Idiot」(qrcode.littleidiot.be)就有提供容錯率設定,在產生 QR Code 之前就可進行預先設定容錯率等級。

不過提高容錯率等級也是會有副作用的,就是會讓你的 QR Code 圖形變得複雜,一旦圖形變得複雜之後,就會愈容易發生掃描失敗的情形,而且每個 QR Code App 的掃描能力不盡相同,若沒有非常必要的話,我建議是保留 QR Code 的原貌,以提供最高等級的掃描成功機率為首要目標。

而且,QR Code 的設計重點其實不在圖案本身,那是為了設計而設計,為了創意而創意。最理想的做法應該是要在 QR Code 旁邊放上非常明確的指示,告訴使用者「掃描這個 QR Code 之後,你會獲得什麼」,例如「搶先下載」、「獲得折價券」、「立即預訂」。

千萬不要寫「了解更多」,因為那代表掃描這個 QR Code 是可有可無的行為,如果使用者真的想了解更多的話,他們寧可自己搜尋還比較快,那麼這個 QR Code 存在的意義就不大了。

Facebook Comments


7 Comments

    • 我是用 Yoast SEO 耶,主要是拿它來讓網頁在分享的時候,可以顯示文章名稱和網站名稱,然後有時候拿來自定網頁搜尋結果的標題和敘述也滿方便的,覺得比 All in One SEO Pack 好用些!

    • 感謝,因為有兩本wordpress教學書都是推荐 All in One SEO Pack ,偏偏SEO或網路上的wordpress專家又推yoast(還有人推荐一個較不知名的Platinum SEO ,說它比All in One SEO Pack好用)。另外,請問你的GA是自已裝GATC嗎?還是裝外掛?(Google Analytics by MonsterInsights?)

    • 我看情況,如果 theme 有 GA 欄位,我會填在 theme 裡頭,如果沒有的話,我就是用外掛「Google Analytics」引入(https://wordpress.org/plugins/googleanalytics/ ),主要是透過外掛,不改 header.php 的話,檔案更新上比較不會碰到問題啦

    • 非常感謝版主總是不藏私又快速的回覆,那我還是用外卦好了(我的theme沒GA欄位)其實我會有這樣的疑問是雖然看到WP有這麼多GA外卦(all in one seo pack好像已含GA安裝)&也知道php檔能不動就不要動,免得出事了可能會變一場空,偏偏又在香腸炒魷魚那邊看到「加入Google Analytics代碼有些人會額外裝外掛來塞入代碼,基本上香腸建議,如果你有權限改FTP內的檔案,就手動加入追蹤代碼到檔案吧!」( https://sofree.cc/wordpress-box-tip-9/ ),只能說WP真是個公說公有理婆說婆有理的世界

    • 其實看你的網站啦,當然改 code 是最不影響網站效能的做法,我是覺得如果的網站速度還算可以接受的話,用外掛當然沒關係呀,其實我只是貪圖一個方便,但生活中方便也是很重要的不是嗎

    • 其實我覺得有時候外掛的操作比手動改code更麻煩,像最近為了設定SEO的麵包屑需要新增child theme,我下載了childify me的外掛後反而看不動它的操作介面(網路上也找不太到使用教學),因此乾脆直接手動改…

Submit a comment