如何讓圖片及PDF檔「連結」點擊即可直接下載

在網站設計以及行銷時，有時候你會遇到這樣的狀況：

• 製作網站PDF等文件檔下載專區(ex:比如此例)
• 製作桌布下載專區

此時你「不要使用者點擊連結後直接開啟」，而是要點擊後跳出如下提示:

---

好!現在開始來做囉!非常簡單的!

1. 首先將圖片上傳
2. 編輯「download.php」檔並上傳至網站「根目錄」(就放首頁網址的地方）
3. 在需要放下載的地方放上編輯的連結
4. 完成!!!

簡單的說即是如此而已，下面來看詳細的做法囉

---

首先是圖片的上傳

範例中我們將圖檔上傳到如下網址

https://www.arno.tw/images/article/201211/how-to-make-link-direct-download/test.jpg

因為以後我還會把圖片放在網站中如上的「images」資料夾中，因此等一下我們在設定「download.php」時，即是將【https://www.arno.tw/images/】設為圖片基底網址。

編輯download.php檔案並上傳至網站「根目錄」

打開它之後會看到如下

將【https://www.arno.tw/images/】這段換成你自已的「圖片基底網址」

然後請將這個檔案上傳到你的網站根目錄中，即是與index.php或index.html一樣的目錄之中

在需要放下載的地方放上編輯的連結

完成了如上後，接下來要怎麼使用它呢?

範例1:

• 如本例中圖片放置的網址：
  https://www.arno.tw/images/article/201211/how-to-make-link-direct-download/test.jpg
• 圖片基底網址是：
  https://www.arno.tw/images/
• download.php放置位置：
  https://www.arno.tw/
• 下載連結：(即download.php加「?f=」再加上images/後面的內容)
  https://www.arno.tw/download.php?f=article/201211/how-to-make-link-direct-download/test.jpg

範例2:

再給大家看一個例子..

• 圖片網址：
  http://www.abc.com.tw/images/123.jpeg
• download.php中基底網址設為：
  http://www.abc.com.tw/images/
• download.php放置位置：
  http://www.abc.com.tw
• 下載連結：(即download.php加「?f=」再加上123.jpeg)
  http://www.abc.com.tw/download.php?f=123.jpeg

現在，你知道怎麼讓圖片連結和PDF等連結點擊後直接下載了嗎?

經營網站SEO的排名只能當作是網路行銷中重要的一塊但不是全部

最重要的還是在於改善使用者瀏覽的體驗，

從而提高成交率，降低跳離率

而一切的種種之中

這篇所教的東西其實也是改善使用者體驗的一個方式

當然另存新檔大家都會

但讓使用者更輕鬆的閱覽頁面內容

不也是我們的責任嗎?

一定要學會哦!否則...

(誤XD)

當然，我也還在學習當中

之後會試著多分享一些經營上的心得以及數據

你若有任何的疑問及意見都非常希望能在下面討論或來信指教!