Cara Mencegah Hotlinking Gambar di WordPress

Kami di WPExplorer senang membuat tutorial untuk pengunjung tercinta dan kami bangga melakukannya. Kami menjaga langkah-langkahnya sesederhana dan sejelas mungkin. Dan, yang menyertai tutorial yang bagus adalah gambar yang sesuai yang membantu Anda mencapai tujuan Anda lebih cepat. Namun,

Selalu ada beberapa orang – lebih tepatnya bodoh, yang berpikir bahwa memang ada jalan pintas menuju sukses.

Tidak dapat memikirkan seseorang? Ini salah satunya – pengikis konten. Mencegah pengikisan konten adalah hal yang cukup rumit dan membutuhkan sedikit pengalaman untuk mencapainya. Mari kita mengambil langkah kecil hari ini dan mempelajari cara mencegah hotlinking gambar di WordPress.

Apa itu Hotlinking Gambar?

Hal pertama yang harus dipelajari adalah istilah teknis yang disebut 'hotlinking'. Wikipedia memiliki seluruh halaman tentang hotlinking – cukup menarik untuk dibaca! Singkatnya, hotlinking berarti menggunakan gambar di situs A yang aslinya milik situs B. Perhatikan contoh berikut. Kami memiliki 2 situs:

  • Situs A: Lazy.me
  • Situs B: WPExplorer.com

Gambar berikut dihosting di server WPExplorer (WPEngine):

Situs lintah – Lazy.me, secara langsung menggunakan URL gambar ini untuk menampilkan gambar di situs mereka. Itu adalah hotlinking gambar. Kerugian utama dari hotlinking gambar adalah konsumsi bandwidth tambahan dan hilangnya orisinalitas/kreativitas. Setiap kali seseorang mengunjungi Lazy.me, gambar disajikan dari server WP Engine, sehingga meningkatkan konsumsi bandwidth – bukan berarti itu penting bagi kami! ?

Cegah Hotlinking Gambar dengan .htaccess:

Cara paling cerdas untuk mencegah hotlinking gambar adalah dengan mengedit file .htaccess. Ini adalah file teks kecil (biasanya tersembunyi karena awalan .) yang ada di direktori instalasi root WordPress Anda, yang memungkinkan kami untuk:

  • Blokir atau izinkan situs web tertentu
  • Izinkan atau tolak perujuk kosong
  • Tampilkan gambar khusus yang mendeteksi hotlinking gambar
  • Lindungi file dan direktori

MENGEDIT File .htaccess

Terkadang, Anda mungkin tidak menemukan file .htaccess – jangan khawatir. Cukup jalankan Notepad dan lanjutkan membaca. Jika Anda memilikinya, pastikan untuk membuat salinannya terlebih dahulu, lalu edit filenya. Jangan mencoba mengedit apa pun. Cukup tempelkan kode berikut:

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?your-site.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?your-other-domain.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ http://i.imgur.com/g7ptdBB.png [NC,R,L]

Penjelasan:

  1. Baris 1 menyalakan mesin penulisan ulang yang digunakan untuk mengaktifkan proses pengalihan.
  2. Baris 2 memungkinkan perujuk kosong untuk melihat gambar. Beberapa orang yang menggunakan firewall biasanya berselancar tanpa referensi apa pun. Sekarang, Anda tidak ingin memblokir gambar Anda dari mereka. Oleh karena itu, Anda mengizinkan perujuk kosong.
  3. Baris 3 memungkinkan 'situs-Anda.com' untuk melihat gambar. Ganti 'situs-Anda.com' dengan nama domain Anda yang sebenarnya – jangan gunakan www.
  4. Demikian pula jika Anda ingin mengizinkan situs lain menggunakan gambar Anda, Anda dapat mengganti 'domain-lain-Anda.com' dengan nama domain yang sesuai.
  5. Baris 5 menggantikan semua gambar yang tidak sah untuk digantikan oleh gambar ini. Anda juga dapat membuat gambar khusus dan mengunggahnya ke direktori mana pun selain direktori root. Jika Anda menempatkannya di direktori root, server Anda mungkin berada dalam loop tak terbatas. Oleh karena itu, yang terbaik adalah menempatkan gambar di folder bernama "gambar" dan menggunakan tautan itu. Dalam hal ini URL-nya adalah: “http://my-site.com/images/preventhotlink.png”

Kesimpulan:

Tutorial ini mencakup hotlinking gambar untuk tingkat domain teratas – ini tidak akan berfungsi pada sub-domain. Jika Anda menggunakan penyedia hosting WordPress terkelola, dan tidak memiliki akses ke direktori root WordPress, Anda perlu menghubungi dukungan pelanggan dan meminta akses. Ada plugin WordPress untuk menonaktifkan hotlinking gambar, tapi saya pribadi lebih suka metode ini karena memberi saya kesempatan untuk mempelajari sesuatu yang baru.

Beri tahu kami jika menurut Anda tutorial ini bermanfaat, atau jika Anda memiliki tips untuk ditambahkan di komentar di bawah!