「特輯」Special URL 我貼的連結就是和別人不一樣

當我們在網路上逛到一個有趣的網站、看到一則精彩的影片、讀到一篇入心的文章時,總會有一種想要分享的衝動,而這時候最簡單的方法就是「複製網址」,然後張貼在即時通、電子郵件、各大論壇、BBS,甚至是自己的部落格上。複製、貼上網址是一個簡單到不能再簡單的動作,但是即使在這麼簡單的動作中,還是有許多的變化可以應用,還是有許多的工具服務能夠 讓「貼連結」更符合你想要的需求。所以今天就來介紹一下各種從基本實用到千奇百怪的「貼連結」特輯,記住這些好工具,那麼即使是「貼連結」這麼「生活化」的動作,你都可以玩出和別人不一樣的味道。

所謂的基本,就是把原本很長,有很多怪字元符號的網址,縮短成簡潔易懂、不會破壞版面的「短網址」。我自己習慣使用的是「TinyURL」,來到其首頁,在正中央的「Enter a long URL to make tiny」的欄位輸入你的長網址,然後按下﹝Make TinyURL!﹞,就可以獲得「http://tinyurl.com/XXX」類型的短網址;還有一種「http://preview.tinyurl.com/XXX」的短網址,別人點了之後可以先預覽原本的網址。拿著短網址去貼,別人看起來比較簡潔,也不會破壞MAIL或論壇的版面。

url-01

之所以要提供預覽的功能,一個原因是不明所以的網址總是令人不放心,先預覽過原始網址的主網域後,我再決定是否要開啟會比較好。而TinyURL還提供我們強制針對別人提供的TinyURL類型的網址開啟預覽功能,只要到其網站左方功能表切換到「Preview Feature」,然後選擇「Click here to enable preview」,如此一來就會在你的瀏覽器寫入cookie設定,以後你遇到TinyURL的短網址,點下去後無論如何都會先進入預覽原始網址的畫面。

url-02

而TimyURL也有提供瀏覽器的書籤小工具Bookmarklets),到其網頁中間的「Add tinyurl to your browser's toolbar」,把下方的「TinyURL!」連結拖曳或加入你的瀏覽器書籤中,以後逛到某個網頁,按下書籤裡的「TinyURL!」,就可以立刻獲得該網頁的短網址了。

url-03

之前我有推薦過的「不只是縮短網址:Go2.TW」。除了提供看起來更順眼的短網址外,它還可以方便的「自選網址後綴」,只要別人沒選過,你就可以自己加上更好記的短網址。另外在Go2.TW中要為該短網址設定他人的進入密碼、遮蔽原始網址、進行流量統計功能(設定你自己的密碼即可)都更為容易,只要在縮網址前點選「附加選項」就可以快速完成設定。

url-04

縮網址服務有一個小小小小的缺點,就是不管怎麼樣它的主網域會出現該服務的站名,可是如果你是在情書、感謝信、邀請函,或是任何你想要有特殊意義的情況下要使用短網址,那麼這些站名還真的不是普通的煞風景。幸好這時候有「MeaningfulURL」這個服務,它的短網址只有 五天的使用期限,所以不適合做長期的連結分享,然而它可以讓你在非常大的幅度中選擇一個「有意義」的網址前綴,然後再加上自己的網址後綴,如此一來當別人收到你的網址時,馬上可以意會,非常適合用在即時、短期的郵件、即時通分享上。

url-05

在下拉選單中有豐富的諸如感謝、邀請、祝福等等不同意含的前綴,選擇一個後加上你的後綴關鍵字,系統會檢查有否重複,如果沒有你就可以有五天的使用期限。而且MeaningfulURL不只提供短網址,還提供了網址連結圖片,讓你信件中的連結看起來更美觀。

url-06

你給了別人一段網址連結,但是你怎麼知道別人有沒有去點去看?如果你心中有著這種追根究底的精神,那麼可以試用看看「LinkBlip」這個服務,來到其首頁,在中間的「Your Email Address」輸入你的電子郵件,在「URL you wish to keep an eye on」中輸入網址連結,然後按下面的﹝OK﹞。這時候你同樣會獲得一段短網址,不過當別人點擊這段短網址後,你可以在電子郵件信箱接收到通知的信件。

url-07

有時候你一次想要分享好幾段網址,如果一段段貼上,在論壇或電子郵件中可能還好,但是在即時通時朋友可能會被你不斷的叮咚給煩死,所以這時候不如只給一段網址,然後當朋友點擊這段網址後,可以看到所有你想分享的其他網址。LinkBunch就是這樣的服務,在其首頁中,把你想分享的所有網址貼上中間的欄位,用﹝Enetr﹞換行輸入新的網址,然後按下﹝Bunch﹞,就可以獲得一段短網址,當其他人點選這段短網址後,會連到LinkBuch的網頁,並看到你輸入的所有其他網址,這時下方還有一個「Open entire bunch」,按下去可以一次打開所有網站。

url-08

當你在部落格張貼一個網站的擷圖時,一般的圖片頂多就是讓讀者看看該網站的外觀介面而已,可是Kwout這個優秀的服務可以幫你製作出特別的擷圖,這些特製擷圖中的「網址連結」是可以被點擊的!效果就如本文最開頭那張圖片所示的一樣,試著點點看圖片裡面的超連結,你就可以知道Kwout神奇的魅力。

Kwout使用方法也非常的簡單,首先到網頁中間的欄位輸入網址,點擊﹝Kwout﹞。

url-10

然後Kwout會開啟目標網頁的預覽畫面,這時候用滑鼠拖曳出你想擷取的範圍,按下上方的﹝Cut out﹞。

url-11

進入設定畫面時,你可以調整擷圖的外觀,最重要的是要勾選「Quote with an image map (not just an image)」,這樣你圖片裡每個單一的網址連結才都會變得是可以點擊的。然後你可以選擇圖片是要發佈到網站部落格、Flickr或Tunblr,如果是發佈到部落格的話,直接複製下方的「Embed code」,張貼到你的文章中即可,效果就如本文開頭所示。

url-12

上面幾種服務都是讓網址的「表現方法」更為精簡或方便,可是有時候我們貼給網友一個網頁,但是其實只想要朋友注意到其中某段內容,偏偏朋友就是和我不夠心有靈犀,總是誤會我的意思。這時候你就要依靠「AwesomeHighlighter」,它可以幫你在目標網頁中像「拿螢光筆畫重點」一樣,標記中該網頁裡的重點句子,然後提供你一段特殊的短網址,別人點擊這段短網址後,就可以看到目標網頁裡被你標亮的部份。進入AwesomeHighlighter首頁,輸入網址,點擊﹝Highlight page﹞,然後會進入目標網頁的預覽畫面,這時候你就可以直接用滑鼠圈選要標亮的部份,最後按下﹝Done﹞,即可獲得特殊的短網址。而且AwesomeHighlighter還提供了將這個連結發佈到Twitter的功能。可惜它有一個對我們來說比較大的缺點,就是 目前完全不支援中文、日文內容的網頁。不過如果是英語的網頁倒是很值得一用。

url-09

這是一個Firefox的擴充套件,有時候我們在網頁上看到一段「超連結」,例如「電腦玩物」,它背後的超連結格式其實是:<a href="http://playpcesor.blogspot.com/">電腦玩物</a>。而當我們想要轉貼這樣的連結到支援HTML語法的地方或是想要快速複製成其它格式時, 利用CoLT就可以快速的獲取特定的語法,我最常用的就是複製超連結的HTML語法,然後張貼到部落格文章或其他支援HTML顯示的地方,這可以節省許多時間。

url-13

有些部落格的連結當你滑鼠游標移過去時,會自動浮現一張預覽的縮圖。例如知名的國外部落格TechCrunch,它的超連結後面有一個小小的圖示,滑鼠移到那個圖示上,就會顯示一張該連結目標網頁的縮圖。要在部落格加入這個功能非常的簡單,只要到SnapShot網站,點選右方的「Publishers/Bloggers」,依照步驟輸入你部落格的資料,選擇你想要表現縮圖預覽的方式,就可以獲得特定部落格代碼,將代碼安裝到部落格中,以後 你站內的連結就可以具有縮圖預覽的功能了。

url-14

好吧,你一點都不想讓網址變短,你也一點都不想讓網址連結有任何特異功能,你只想要製作一個看起來麻煩、複雜、笨重的網址,那麼就到HugeURL去製作一個超長網址吧!


小結:

上面列舉了各種目前我覺得在功能性上有所區別,各有特色的針對「張貼網址連結」的應用工具,歡迎讀者提供更多有趣、實用的服務,或者在某個類別中有更好的推薦產品,也歡迎留言回應喔!

留言

  1. 原來網址有這麼多種玩法
    真是開了眼界

    回覆刪除
  2. 超詳細的!!以前都不曉得短網址有這麼多種耶,常見的大部分都是tinyurl.com而已,真是佩服異塵行者的資訊搜集與分享!

    回覆刪除
  3. 我一直在用tinyurl,服务都差不多,选择一个最有名的用准没错 :-)

    回覆刪除
  4. 非常實用的資訊,整理得詳細
    謝謝您的提供

    回覆刪除
  5. 嗯嗯 謝謝補充,這個短網址還滿常看到人用的

    回覆刪除
  6. 請問一下行者
    這些短網址的life time 是多久?
    還是無限制?

    回覆刪除
  7. 有些細節我文章裡有提到,
    沒提到的部份你可能要去查一下,

    我知道的部份是TinyURL和Go2TW應該是無限期的。

    回覆刪除
  8. 站主提到的Awesome Highlighter,我試過中文網頁也可以使用。另外現在提供工具列和 firefox add-on,安裝後會出現在底下的工具列,很好用 :)

    回覆刪除
  9. 真的嗎?
    可能新版有改進,太好了,
    我再來重新試用看看。

    回覆刪除
  10. 您好,我是steve,從您的部落内容,小弟學習到很多的電腦知識,謝謝您。
    有個小問題,想請教您。
    我發現您的
    http://playpcesor.blogspot.com/search/label/
    出現的不是文章全部内容的明細而是只有標題的明細。找了一段時間還是找不到用法,可以請教您嗎?

    回覆刪除
  11. 我是參考這個網頁的教學

    http://abintech.azhai.org/2007/03/simply-result-of-label-and-search.html

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

為什麼大家愛用 Trello ?最佳整理教學讓事情井然有序

Notion 表單兩個應用案例教學:建立客服網頁,讓專案團隊回報資料更方便

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

3種 AI 工具自動拆解教材、論文PDF,生成練習題庫!老師學生必備

Google 表單自動關閉回覆教學:時間人數到達就過期