3 Kiat Pengelolaan Gambar yang Kurang Dikenal di WordPress

tips manajemen gambar wordpress yang kurang dikenal
  1. 1. Panduan Ultimate untuk Manajemen Gambar WordPress
  2. 2. Sedang membaca: 3 Kiat Pengelolaan Gambar yang Kurang Dikenal di WordPress
  3. 3. Kesalahan Gambar WordPress & Cara Memperbaiki Mereka

Selamat datang di pos kedua di Panduan Utama untuk Manajemen Gambar di WordPress. Posting pertama adalah tentang memulai dengan kaki kanan. Kami belajar kapan harus menggunakan format gambar JPG atau PNG (walaupun dengan contoh yang teliti), dan beberapa tips tentang cara mengunggah dengan benar gambar stok.


Dalam posting hari ini, kita akan melihat beberapa aspek lebih teknis dari pemeliharaan dan manajemen gambar di situs WordPress Anda.

  • Apa yang terjadi pada gambar Anda ketika Anda mengubah URL situs atau memindahkan server?
  • Bagaimana jika Anda memiliki banyak penulis di situs Anda, dan beberapa di antaranya terhubung ke gambar eksternal? Bagaimana Anda mendapatkan gambar-gambar itu untuk di-host ke server Anda?
  • Apa yang terjadi ketika seseorang men-hotlink gambar Anda? Btw apa adalah hotlinking?

Ini adalah beberapa pertanyaan yang akan kami jawab di pos hari ini. Seperti biasa dengan seri posting kami, kami mulai dengan alasan lalu beralih ke caranya. Mari kita mulai!.

Kiat # 1: Manajemen Gambar dengan Pembaruan URL Situs

Ini adalah salah satu kesalahan paling umum yang kami lihat pada pengguna WordPress.

Kapan perubahan URL Situs WordPress?

Tapi pertama-tama, kita harus mengerti kapan URL situs cenderung berubah. Berikut ini adalah tiga skenario yang paling umum.

1. Pindah ke Nama Domain Baru

URL situs diperbarui ketika Anda mengubah nama domain. Misalnya, Moz sebelumnya dikenal sebagai SEOMoz. Dengan branding baru mereka, mereka harus memperbarui semua URL gambar, PDF, tautan afiliasi, dll. Dari seomoz.com ke moz.com

2. Mengubah Direktori Instalasi WordPress

URL situs juga berubah ketika Anda mengubah lokasi instalasi WordPress Anda. Sebenarnya, ini adalah salah satu kasus paling umum di luar sana.

WordPress menginstal sendiri di direktori default baru bernama blog. Banyak pengguna WordPress pertama kali tanpa sadar akhirnya menginstal WordPress di contoh.com/blog.

Hanya untuk kemudian menyadari bahwa mereka ingin memindahkan WordPress ke domain root, yaitu. example.com. (Jika Anda adalah perusahaan produk atau layanan, yang menyertakan pemasaran konten pada tahap selanjutnya, Anda akan berhubungan.)

Setelah WordPress dipindahkan ke direktori root, URL situs berubah dari contoh.com/blog untuk adil example.com. Gambar, PDF (atau file media apa pun dalam hal ini) akan terlihat seperti ini:

  • TUA: example.com/blog/ebook.pdf
  • BARU: example.com/ebook.pdf

3. Pergeseran antara Server Staging dan Production (Live)

Ini lazim di blog lalu lintas tinggi atau situs web e-niaga di mana setiap kesalahan menghasilkan penurunan konversi. Bermigrasi ke dan dari server pementasan dapat dibuat sangat sederhana jika Anda menggunakan host terkelola seperti WPEngine atau Roda Gila. (Btw, kami di WPExplorer telah menggunakan WPEngine selama tiga tahun berturut-turut dan tidak pernah menghadapi downtime!)

Masalah terjadi ketika seseorang mengunggah gambar atau tautan ke beberapa pos menggunakan URL server pementasan. Saat Anda mentransfer situs Anda kembali ke server langsung, tautan dari pementasan tersebut digunakan untuk gambar-gambar yang diunggah di lingkungan server pementasan. Karenanya idealnya ini harus dihindari. Jika Anda berpikir seseorang dari tim Anda dapat mengunggah konten di lingkungan pementasan, Anda dapat menerapkan perbaikan yang akan kami bagikan di bawah ini.

Pada catatan yang sama, beberapa dari Anda mungkin mempertanyakan – Nah apa salahnya menggunakan tautan dari server pementasan? Tidak akan menghemat bandwidth dari situs saat ini / hidup?

Anda tidak salah berpikir begitu. Namun dalam kenyataannya, ini jarang terjadi. Inilah alasannya:

  1. Staging server biasanya berjalan pada sumber daya yang lebih rendah. Anda akan berkompromi pada kecepatan situs yang akan berdampak negatif pada pengalaman pengguna.
  2. Dalam banyak kasus, tautan root dari staging / server uji terus berubah – yang mungkin menyebabkan satu ton tautan rusak. Bayangkan tutorial 3000 kata dengan screenshot yang rusak di semua tempat. Bagaimana itu akan membuat Anda merasa?
  3. Ini juga akan berdampak negatif pada SEO gambar Anda. Ingat, pencarian gambar di Google adalah masih sumber lalu lintas organik. Jika gambar itu bukan milik domain Anda – Anda akan kehilangan lalu lintas organik gratis dan Poin SEO!

Apa yang kita coba selesaikan?

Sekarang kita tahu kapan URL situs WordPress diubah, mari kita lihat contoh di mana ada ruang potensial untuk kesalahan. Tautan yang dihasilkan secara otomatis (seperti tautan afiliasi) tidak menghadapi masalah. Namun, tautan yang disisipkan secara manual di pos dan halaman (seperti tautan internal, tautan gambar, dll.) Harus diperbarui secara manual.

Kita semua menggunakan gambar dalam posting dan halaman kita. Contoh khas tautan gambar adalah:

http: // mywpsite.tld/wp-content/uploads/year/month/image-name.png

Ketika URL situs situs WordPress Anda berubah, sumber menautkan semua gambar Sebaiknya ubah juga ke:

http: //newwordpressdomain.tld/wp-content/year/month/image-name.png

Bukan hanya gambar, semua tautan (termasuk tautan antar-pos, file media, PDF, dll.) Harus diperbarui.

Oke, sepertinya kita sudah membahas masalah ini secara mendalam. Sekarang mari kita lihat cara memperbaiki masalah ini sekali dan untuk semua. Seperti biasa, kami memiliki plugin WordPress untuk diselamatkan!

URL Pembaruan Velvet Blues

  • Pertama, unduh dan instal URL Pembaruan Velvet Blues
  • Setelah aktivasi, pergilah ke Alat Dasbor WordPress> Perbarui URL halaman untuk mengkonfigurasi pengaturan plugin.

Penggantian URL di WordPress – Atas perkenan plugin Velvet Blues Update URLs

Ingat bagaimana kami menggunakan Temukan dan ganti fitur Microsoft Word? Nah, inilah dasarnya yang dilakukan plugin! Itu ditemukan URL lama di halaman atau memposting konten dan menggantikan dengan URL baru. Dengan cara ini, tautan gambar diperbarui di semua pos Anda.

Selain itu, Anda dapat memperluas fungsionalitas plugin untuk menemukan / mengganti URL di tautan situs, kutipan, lampiran, bidang khusus, dan kotak meta.

Berikut adalah beberapa contoh untuk URL lama di situs Anda:

  • Jika Anda pindah dari server pementasan, URL Lama akan menjadi seperti: hostname.com
  • Jika Anda mengubah / memperbarui nama domain, cukup gunakan nama situs baru Anda.
  • Jika Anda telah menggunakan ‘https’ sebagai protokol, ganti ‘http’ dengan ‘https’.

Dalam contoh kami, kami telah mengganti URL lama dari http://seomoz.com untuk https://moz.com. Setelah Anda memasukkan URL lama dan baru, cukup klik Perbarui URL SEKARANG. Plugin akan memindai semua posting dan halaman Anda dan terapkan penemuannya dan ganti sihir. Semua URL Anda akan diperbarui ke URL baru nilai

Kata peringatan: Memindai dan mengganti banyak posting dan halaman bisa menjadi sumber daya yang intensif, terutama jika blog WordPress Anda memiliki ratusan posting. Jika Anda memilih semua opsi pemindaian (tautan situs, kutipan, dll.), Penggunaan sumber daya akan meningkat secara signifikan. Banyak pembaruan URL di seluruh situs dapat menyebabkan akun hosting Anda untuk sementara ditangguhkan karena terlalu banyak menggunakan sumber daya. Masalah ini akan paling umum di penyedia hosting bersama. Karena itu saya akan merekomendasikan sedikit kehati-hatian saat menjalankan plugin.

Kiat # 2: Mengimpor Gambar Eksternal di WordPress

Gambar eksternal adalah gambar yang tidak dihosting di server Anda. Dalam tutorial ini, kita akan belajar cara mengimpor semua gambar eksternal dengan cepat dan efisien ke situs WordPress Anda sendiri.

Untuk kejelasan, mari kita asumsikan bahwa kita menggunakan gambar dengan lisensi yang tepat (Kalau tidak, kita bisa mendarat dalam debat yang berbeda sama sekali!).

Untuk rekap cepat, berikut adalah dua alasan mengapa kita tidak harus menggunakan gambar eksternal di situs WordPress kami:

  • Mereka mengkonsumsi bandwidth orang lain, yang tidak adil.
  • Yang terluka skor SEO gambar kita.

Mari kita lihat posting berikut. Sangat sulit untuk memahami apakah posting menggunakan gambar eksternal menggunakan Visual Editor.

Editor Visual WordPress

Kecuali, tentu saja, kami pindah ke Tampilan teks editor WordPress.

Tampilan teks dari Editor WordPress, mengungkapkan kode sumber HTML dari konten posting.

Kami melihat bahwa gambar tersebut di-host di imgur.com – situs web hosting gambar yang populer. Untuk memperbaikinya, kita perlu:

  • Unduh gambarnya
  • Unggah ke WordPress
  • Perbarui tautan dalam pos

Dapatkah Anda bayangkan mengulangi semua langkah ini untuk setiap gambar di semua posting? Hanya menemukan semua gambar eksternal akan memakan waktu berhari-hari! Jadi pasti ada solusinya, kan? Atau apakah saya membawa ini hanya untuk mengecewakan Anda?

Tentu saja tidak! Ada solusinya. Dan seperti biasa, ini adalah plugin WordPress gratis yang mengagumkan.

Cara Mengimpor Gambar Eksternal di WordPress

Salah satu hal pertama yang saya sukai dari plugin ini adalah namanya. Jelas, jernih, dan to-the-point. Untuk memulai, unduh dan instal Impor Gambar Eksternal plugin. Aktifkan plugin dan langsung ke Dasbor WordPress> Media> Impor Gambar

Anda akan melihat panel opsi seperti ini:

Impor Opsi Eksternal Gambar plugin WordPress

Jika Anda perhatikan di sudut kanan bawah, Anda akan melihat bahwa plugin telah mengidentifikasi posting yang berisi gambar eksternal.

Dalam contoh kami, kami menjalankan plugin ini di lingkungan pementasan, itulah sebabnya kami hanya memiliki satu posting, dengan satu gambar eksternal.

Yang perlu Anda lakukan sekarang adalah klik Impor Gambar Sekarang untuk memulai proses. Setelah selesai, Anda akan melihat pesan konfirmasi serupa dari total gambar yang diimpor.

Secara opsional, Anda juga dapat memilih untuk mengecualikan gambar berdasarkan nama domain. Ini bermanfaat jika Anda memiliki tautan unduhan gambar khusus (dari situs hosting gambar eksternal berbayar seperti Photobucket) yang tidak ingin Anda ganti.

Setelah impor gambar selesai, jika kami memeriksa galeri media, kami akan melihat semua gambar yang diimpor.

Gambar secara otomatis diimpor dan disimpan di WordPress Media Library.

Oke jadi gambar itu diimpor ke Galeri Media WordPress. Bagaimana dengan konten posting? Apakah mereka masih menunjuk ke URL gambar yang lama? Benar-benar tidak!

Plugin juga menggantikan tautan file gambar dengan URL baru, mis. Tautan domain Anda!

Setelah mengimpor, tautan gambar juga diperbarui.

Dampak kinerja: Mirip dengan masalah konsumsi sumber daya yang kami diskusikan di plugin pembaruan URL, mengimpor gambar eksternal di WordPress juga menghabiskan sumber daya server yang adil. Untungnya, pengembang telah melakukan langkah-langkah untuk mengontrol penggunaan server. Plugin memindai maksimal 50 posting per panggilan (mis. Ketika Anda mengunjungi atau menyegarkan halaman pengaturan plugin). Ini juga membatasi jumlah gambar maksimum hingga 20 per panggilan impor.

Kiat # 3: Cara Mencegah Hotlinking Gambar di WordPress

Sederhananya, hotlinking berarti berkeliaran di kota pada pemesanan Uber orang lain. Pikirkan tentang itu. Anda memesan Uber untuk perjalanan Anda dan orang asing entah bagaimana berhasil mencuri pesanan Anda dan menggunakannya sesuka mereka. Anda membayar untuk perjalanan mereka. Sekarang bayangkan jika siapa saja bisa saja memesan Uber Anda – gunakan sesuka mereka – berapa lama mereka mau – dan Anda tidak dapat melakukan apa-apa tentang itu.

Baik, hotlinking gambar agak mirip. Orang-orang mengambil gambar Anda dan menggunakannya di situs mereka. Mereka mendapatkan ketenaran dan Anda akhirnya membayar tagihan mereka. Dan tidak ada yang bisa Anda lakukan untuk itu.

Tahan! Baris terakhir tidak benar. Kamu bisa lakukan sesuatu tentang itu. Lagipula, itu WordPress! Anda mungkin berpikir “Ah Sourav akan memperkenalkan plugin lain”. Bazzinga! Saya tidak.

1. Konfigurasikan Server Web Anda untuk Pencegahan Hotlink (Apache atau NGINX)

Server web Anda sudah cukup untuk mencegah orang lain melakukan hotlking pada gambar Anda. Dua server web yang paling umum adalah Apache dan NIGNX. Jika Anda menggunakan Apache sebagai server web Anda, maka Anda dapat mencegah hotlinking gambar di WordPress dengan menambahkan beberapa baris kode dalam file .htaccess Anda. Kembali pada tahun 2013, saya menulis tutorial singkat tentang ini – itu masih berlaku hari ini.

Namun, jika Anda menggunakan NGINX sebagai server server Anda, maka tambahkan snipet kode berikut ke file konfigurasi NGINX Anda.

lokasi ~. (gif | png | jpe? g) $ {
valid_referers tidak ada yang diblokir. yourwebsite.com;
if ($ invalid_referer) {
kembali 403;
}
}

Menggantikan situs web Anda dengan nama domain Anda yang sebenarnya.

Singkatnya, potongan kode ini mencegah file GIF, PNG dan JPG / JPEG agar tidak hotlink. File-file itu hanya akan dapat diakses oleh domain Anda dan tidak ada orang lain. Jika seseorang mencoba hotlink ke 3 format file ini, mereka akan mendapatkan kesalahan 403.

Berikut penjelasan singkat baris demi baris dari kode yang terpotong.

  1. Baris 1 mendefinisikan format gambar. Anda dapat menambahkan format video seperti mp4 di sini juga.
  2. Baris 2 memberi tahu NGINX bahwa permintaan dari domain Anda harus diizinkan. Jika ada domain lain yang memintanya, blokir permintaan.
  3. Baris 3 memberi tahu NGINX apa yang harus dilakukan jika permintaan berasal dari domain yang tidak diizinkan
  4. Baris 4 memberi tahu NGINX untuk melempar HTTP 403 Forbidden error, jika kondisi di baris # 3 terpenuhi.
  5. Baris 5 dan 6 menutup kode dengan benar sehingga dijalankan!

Demikian pula, jika Anda ingin mencegah seluruh direktori menjadi hotlink, ada juga potongan kode untuk itu.

lokasi / unggah / {
valid_referers tidak ada yang diblokir. yourwebsite.com;
if ($ invalid_referer) {
kembali 403;
}
}

Ganti / unggah / dengan direktori yang ingin Anda hindari menjadi hotlink. Dalam contoh kami, kami telah memilih WordPress default mengunggah direktori. Jika Anda seperti kebanyakan dari kita, Anda akan mengunggah semua gambar, PDF, dan file media lainnya menggunakan pengunggah WordPress default, yang pada gilirannya akan menempatkan file di dalam folder / uploads /. Karenanya, dengan melindungi folder master, kami mencegah setiap dan semua unggahan dari hotlink.

2. Gunakan CDN untuk Mencegah Hotlinking Gambar di WordPress

Terkejut? Begitu juga saya ketika saya pertama kali membacanya. Kita semua pernah mendengar tentang CloudFlare sebagai salah satu CDN gratis terbaik di luar sana. Tahukah Anda bahwa mereka menawarkan perlindungan hotlink gratis juga?

Untuk mengaktifkan perlindungan hotlink, kepala sederhana ke dasbor akun CloudFlare Anda, diikuti oleh Scrape Shield. Alihkan tombol ke HIDUP dan Anda telah mengatur.

Jika Anda menggunakan Cloudflare, Anda dapat dengan mudah aktifkan perlindungan hotlink di bawah Scrape Shield di akun Anda. Karena Cloudflare adalah layanan proxy sepenuhnya, Anda tidak perlu khawatir tentang mengaktifkan perlindungan hotlink di server asal Anda.

Jika Anda menggunakan layanan CDN premium seperti StackPath CDN atau KeyCDN, Anda hanya perlu membuat aturan yang sesuai untuk pengarah zona dan menegakkannya. KeyCDN memiliki a tutorial yang luar biasa dalam hal ini, adalah bermanfaat untuk membacanya.

3. Gunakan Plugin: All In One WP Security & Firewall Plugin

Jika Anda lebih suka tidak bergaul dengan kode .htaccess dan berharap ada plugin yang tersedia yang bisa mengurus bisnis – yah, Anda beruntung.

Lihat Keamanan All In One WP & Firewall plugin. Dengan lebih dari setengah juta instalasi aktif, plugin ini memiliki banyak fitur keamanan WordPress yang penting.

Inilah yang harus Anda lakukan untuk mengaktifkan fitur Image Hotlinking Prevention.

Cara Mencegah Hotlinking Gambar di WordPress menggunakan Plugin Keamanan WordPress Semua dalam Satu

  • Unduh dan instal plugin.
  • Aktifkan, dan pergi ke Dasbor WordPress> Keamanan WP> Firewall dan klik pada Cegah Hotlinks
  • Centang kotak centang kecil di bagian bawah dan klik Simpan Pengaturan.

Dan itu dia. Tautan hotlink gambar dicegah mulai sekarang.

Kesimpulan

Untuk menyelesaikan posting ini, mari kita dengan cepat membaca apa yang telah kita pelajari sejauh ini.

  1. Cara memperbarui, alih-alih ganti URL lama dengan yang baru. Solusinya adalah plugin yang bagus bernama URL Pembaruan Velvet Blues.
  2. Selanjutnya, kami belajar cara mengimpor gambar eksternal ke WordPress. Banyak rekan blogger telah melakukan ini setidaknya sekali seumur hidup mereka! Sekali lagi, solusinya ada di sebuah plugin bernama Impor Gambar Eksternal.
  3. Kedua plugin yang disebutkan dalam dua skenario di atas memiliki dampak kinerja yang terkait dengannya. Kita perlu menjalankan plugin ini dengan hati-hati.
  4. Akhirnya, kami melihat apa itu hotlinking gambar dan melihat dua cara untuk mencegahnya. Salah satunya adalah dengan menambahkan beberapa baris kode ke plugin .htaccess dan yang kedua adalah dengan menggunakan a plugin keamanan.

Pertanyaan – apa pendapat Anda tentang kiat-kiat ini? Menemukan sesuatu yang bermanfaat? Ada yang lebih baik untuk ditawarkan? Juga, bagaimana Anda menyukai seri ini sejauh ini? Beri tahu kami di komentar di bawah, dan tunggu saja bagian selanjutnya dari seri ini.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map