3 Petua Pengurusan Imej yang Kurang Dikenali dalam WordPress

  1. <span>1. Panduan Terbaik untuk Pengurusan Imej WordPress
  2. 2. Sedang Membaca: 3 Petua Pengurusan Imej yang Kurang Dikenali dalam WordPress
  3. <span>3. Kesilapan SEO Imej WordPress & Cara Membaikinya

Selamat datang ke siaran kedua dalam Panduan Muktamad untuk Pengurusan Imej dalam WordPress. Jawatan pertama adalah mengenai permulaan dengan kaki kanan. Kami mempelajari masa untuk menggunakan format imej JPG atau PNG (walaupun dengan contoh yang ketat) dan beberapa petua untuk memuat naik imej stok dengan betul.

Dalam siaran hari ini, kami akan melihat beberapa aspek yang lebih teknikal dalam penyelenggaraan dan pengurusan imej dalam laman WordPress anda.

  • Apakah yang berlaku kepada imej anda apabila anda menukar URL tapak atau memindahkan pelayan?
  • Bagaimana jika anda mempunyai berbilang pengarang dalam tapak anda, dan sesetengah daripada mereka memaut ke imej luaran? Bagaimanakah anda mendapatkan imej tersebut untuk dihoskan ke pelayan anda?
  • Apa yang berlaku apabila seseorang memaut hotlink imej anda? Btw apa hotlinking?

Ini adalah beberapa soalan yang akan kami jawab dalam siaran hari ini. Seperti biasa dengan siri siaran kami, kami mulakan dengan mengapa dan kemudian beralih kepada bagaimana. Mari kita mulakan!.

Petua #1: Pengurusan Imej dengan Kemas Kini URL Tapak

Ini adalah salah satu kesilapan yang paling biasa kita lihat dengan pengguna WordPress.

Bilakah URL Tapak WordPress berubah?

Tetapi pertama-tama, kita mesti memahami bila URL tapak mungkin berubah. Berikut ialah tiga senario yang paling biasa.

1. Beralih ke Nama Domain Baharu

URL tapak dikemas kini apabila anda menukar nama domain. Sebagai contoh, Moz sebelum ini dikenali sebagai SEOMoz. Dengan penjenamaan baharu mereka, mereka perlu mengemas kini semua URL sedia ada bagi imej, PDF, pautan ahli gabungan, dll. daripada seomoz.com ke moz.com

2. Menukar Direktori Pemasangan WordPress

URL tapak juga berubah apabila anda menukar lokasi pemasangan WordPress anda. Malah, ini adalah salah satu kes yang paling biasa di luar sana.

WordPress memasang sendiri dalam direktori lalai baharu yang dipanggil blog. Ramai pengguna WordPress kali pertama tanpa disedari akhirnya memasang WordPress dalam example.com/blog.

Hanya untuk kemudian menyedari bahawa mereka mahu memindahkan WordPress ke domain akar, iaitu example.com. (Jika anda sebuah syarikat produk atau perkhidmatan, yang menyertakan pemasaran kandungan pada peringkat kemudian, anda akan mengaitkannya.)

Setelah WordPress dialihkan ke direktori akar, URL tapak berubah daripada example.com/blog kepada hanya example.com. Sebarang imej, PDF (atau mana-mana fail media untuk perkara itu) akan kelihatan seperti ini:

  • LAMA: example.com/blog/ebook.pdf
  • BAHARU: example.com/ebook.pdf

3. Beralih antara Pelayan Pementasan dan Pengeluaran (Langsung).

Ini lazim dalam blog trafik tinggi atau tapak web e-dagang di mana sebarang ralat mengakibatkan penurunan dalam penukaran. Berhijrah ke dan dari pelayan pementasan boleh dibuat dengan sangat mudah jika anda menggunakan hos terurus seperti WPEngine atau Flywheel. (Btw, kami di WPExplorer telah menggunakan WPEngine selama tiga tahun berturut-turut dan tidak pernah menghadapi masa henti!)

Masalah berlaku apabila seseorang memuat naik imej atau memaut ke beberapa siaran menggunakan URL pelayan pementasan. Apabila anda memindahkan tapak anda kembali ke pelayan langsung, pautan pementasan digunakan untuk imej yang telah dimuat naik dalam persekitaran pelayan pementasan. Oleh itu, ini sepatutnya dielakkan. Jika sekiranya anda fikir seseorang daripada pasukan anda boleh memuat naik kandungan dalam persekitaran pementasan, anda boleh menggunakan pembetulan yang akan kami kongsikan di bawah.

Pada nota yang sama, sesetengah daripada anda mungkin mempersoalkan – Nah, apakah salahnya menggunakan pautan daripada pelayan pementasan? Tidakkah ia akan menjimatkan lebar jalur daripada tapak semasa/langsung?

Anda tidak salah untuk berfikir begitu. Namun pada hakikatnya, ini jarang berlaku. Inilah sebabnya:

  1. Pelayan pementasan biasanya berjalan pada sumber yang lebih rendah. Anda akan berkompromi dengan kelajuan tapak yang akan memberi kesan negatif kepada pengalaman pengguna.
  2. Dalam banyak kes, pautan akar pelayan pementasan/ujian terus berubah – yang mungkin membawa kepada satu tan pautan yang rosak. Bayangkan tutorial 3000 perkataan dengan tangkapan skrin rosak di seluruh tempat. Apakah perasaan anda?
  3. Ini juga akan memberi kesan negatif kepada SEO imej anda. Ingat, carian imej di Google masih merupakan sumber trafik organik. Jika imej itu bukan milik domain anda – anda akan kehilangan trafik organik percuma dan mata SEO!

Apa yang kita cuba selesaikan?

Sekarang setelah kita tahu bila URL tapak WordPress ditukar, mari kita lihat contoh di mana terdapat ruang yang berpotensi untuk ralat. Pautan yang dijana secara automatik (seperti pautan ahli gabungan) tidak menghadapi masalah. Walau bagaimanapun, pautan yang ditampal secara manual dalam siaran dan halaman (seperti pautan dalaman, pautan imej, dll.) mesti dikemas kini secara manual.

Kami semua menggunakan imej dalam siaran dan halaman kami. Contoh tipikal pautan imej ialah:

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

Apabila URL tapak tapak WordPress anda berubah, pautan sumber semua imej harus juga berubah kepada:

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

Bukan hanya imej, semua pautan (termasuk pautan antara siaran, fail media, PDF, dll.) mesti dikemas kini.

Okey, nampaknya kita telah membincangkan isu ini secara mendalam. Sekarang mari kita lihat cara membetulkan isu itu sekali dan untuk semua. Seperti biasa, kami mempunyai pemalam WordPress untuk diselamatkan!

URL Kemas Kini Velvet Blues

  • Mula-mula, muat turun dan pasang URL Kemas Kini Velvet Blues
  • Selepas pengaktifan, pergi ke halamanAlat Papan Pemuka WordPress > Kemas Kini URL untuk mengkonfigurasi tetapan pemalam.

Penggantian URL dalam WordPress – Ihsan daripada pemalam URL Kemas Kini Velvet Blues

Ingat bagaimana kami menggunakan ciri Cari dan Ganti Microsoft Word? Nah, ini pada asasnya apa yang plugin lakukan! Ia mencari URL lama dalam halaman atau kandungan siaran dan menggantikannya dengan URL baharu. Dengan cara ini, pautan imej dikemas kini merentas semua siaran anda.

Selain itu, anda boleh melanjutkan fungsi pemalam untuk mencari/menggantikan URL dalam pautan tapak, petikan, lampiran, medan tersuai dan kotak meta.

Berikut ialah beberapa contoh untuk URL lama dalam tapak anda:

  • Jika anda berpindah dari pelayan pementasan, URL Lama adalah seperti: hostname.com
  • Jika anda menukar/mengemas kini nama domain, hanya gunakan nama tapak baharu anda.
  • Jika anda telah menggunakan 'https' sebagai protokol, gantikan 'http' dengan 'https'.

Dalam contoh kami, kami telah menggantikan URL lama daripada http://seomoz.com kepada https://moz.com. Sebaik sahaja anda telah memasukkan URL lama dan baharu, cuma klik pada Kemas kini URL SEKARANG. Pemalam akan mengimbas semua siaran dan halaman anda dan menggunakan sihir cari dan gantinya. Semua URL anda akan dikemas kini kepada nilai URL Baharu

Perkataan Awas: Mengimbas dan menggantikan berbilang siaran dan halaman boleh menjadi sumber yang intensif, terutamanya jika blog WordPress anda mempunyai ratusan siaran. Jika anda memilih semua pilihan pengimbasan (pautan tapak, petikan, dll.), penggunaan sumber akan berskala dengan ketara. Banyak kemas kini URL di seluruh tapak boleh menyebabkan akaun pengehosan anda digantung buat sementara waktu disebabkan penggunaan berlebihan sumber. Isu ini akan menjadi yang paling lazim dalam penyedia pengehosan kongsi. Oleh itu saya akan mengesyorkan sedikit berhati-hati apabila menjalankan pemalam.

Petua #2: Mengimport Imej Luaran dalam WordPress

Imej luaran ialah imej yang tidak dihoskan dalam pelayan anda. Dalam tutorial ini, kami akan belajar cara mengimport semua imej luaran dengan cepat dan cekap ke tapak WordPress anda sendiri.

Untuk kejelasan, mari kita anggap bahawa kita menggunakan imej dengan lesen yang betul (jika tidak, kita mungkin akan mendapat perbahasan yang berbeza sama sekali!).

Untuk mengimbas kembali dengan cepat, berikut ialah dua sebab mengapa kami tidak boleh menggunakan imej luaran dalam laman WordPress kami:

  • Mereka menggunakan lebar jalur orang lain, yang tidak benar-benar adil.
  • Ini menjejaskan skor SEO imej kami.

Mari kita lihat siaran berikut. Agak sukar untuk memahami sama ada siaran itu menggunakan imej luaran menggunakan Editor Visual atau tidak.

Editor Visual WordPress

Melainkan, sudah tentu, kita beralih ke Paparan teks editor WordPress.

Paparan teks Editor WordPress, mendedahkan kod sumber HTML kandungan siaran.

Kami melihat bahawa imej itu sebenarnya dihoskan di imgur.com - tapak web pengehosan imej yang popular. Untuk membetulkannya, kita perlu:

  • Muat turun imej
  • Muat naik ke WordPress
  • Kemas kini pautan dalam siaran

Bolehkah anda bayangkan mengulangi semua langkah ini untuk setiap imej untuk semua siaran? Hanya mencari semua imej luaran akan mengambil masa beberapa hari! So mesti ada jalan penyelesaian kan? Atau adakah saya membawa perkara ini hanya untuk mengecewakan anda?

Sudah tentu tidak! Ada penyelesaiannya. Dan seperti biasa, ia adalah pemalam WordPress percuma yang hebat.

Cara Mengimport Imej Luaran dalam WordPress

Salah satu perkara pertama yang saya suka tentang pemalam ini ialah namanya. Ia jelas, tajam dan tepat sasaran. Untuk bermula, muat turun dan pasang pemalam Import Imej Luaran. Aktifkan pemalam dan pergi ke Papan Pemuka WordPress > Media > Import Imej

Anda sepatutnya melihat panel pilihan seperti ini:

Import Imej Luaran pilihan pemalam WordPress

Jika anda perhatikan di sudut kanan bawah, anda akan melihat bahawa pemalam telah mengenal pasti siaran yang mengandungi imej luaran.

Dalam contoh kami, kami menjalankan pemalam ini dalam persekitaran pementasan, itulah sebabnya kami hanya mempunyai satu siaran, dengan satu imej luaran.

Apa yang anda perlu lakukan sekarang ialah klik pada Import Imej Sekarang untuk memulakan proses. Apabila selesai, anda akan melihat mesej pengesahan yang serupa bagi jumlah imej yang diimport.

Secara pilihan, anda juga boleh memilih untuk mengecualikan imej berdasarkan nama domain. Ini berguna jika anda mempunyai pautan muat turun imej khas (dari tapak pengehosan imej luaran berbayar seperti Photobucket) yang anda tidak mahu gantikan.

Selepas import imej selesai, jika kami menyemak galeri media, kami akan melihat semua imej yang diimport.

Imej diimport dan disimpan secara automatik dalam Pustaka Media WordPress.

Okey jadi imej diimport ke Galeri Media WordPress. Bagaimana dengan kandungan siaran? Adakah mereka masih menunjuk ke URL imej lama? Sama sekali tidak!

Pemalam juga menggantikan pautan fail imej dengan URL baharu, iaitu pautan domain anda!

Selepas mengimport, pautan imej juga dikemas kini.

Kesan Prestasi: Sama seperti isu penggunaan sumber yang kami bincangkan dalam pemalam kemas kini URL, mengimport imej luaran dalam WordPress juga menggunakan bahagian sumber pelayan yang saksama. Syukurlah, pembangun telah mengambil langkah untuk mengawal penggunaan pelayan. Pemalam mengimbas maksimum 50 siaran setiap panggilan (iaitu apabila anda melawati atau memuat semula halaman tetapan pemalam). Ia juga mengehadkan bilangan maksimum imej kepada 20 setiap panggilan import.

Petua #3: Cara Mencegah Pautan Panas Imej dalam WordPress

Ringkasnya, pautan panas bermaksud mengembara di bandar atas tempahan Uber orang lain. Cuba pertimbangkan. Anda menempah Uber untuk perjalanan anda dan orang asing entah bagaimana berjaya mencuri tempahan anda dan menggunakannya mengikut kehendak mereka. Anda membayar untuk tunggangan mereka. Sekarang bayangkan jika sesiapa sahaja boleh mengambil tempahan Uber anda – gunakannya walau bagaimanapun mereka mahu – berapa lama mereka mahu – dan anda tidak boleh berbuat apa-apa mengenainya.

Nah, hotlinking imej agak serupa. Orang ramai mengambil imej anda dan menggunakannya di tapak mereka. Mereka mendapat kemasyhuran dan anda akhirnya membayar bil mereka. Dan tiada apa yang boleh anda lakukan mengenainya.

Bertahan! Baris terakhir tidak benar. Anda boleh melakukan sesuatu mengenainya. Lagipun, ia adalah WordPress! Anda mungkin berfikir "Ah Sourav akan memperkenalkan pemalam lain ". Bazzinga! Saya tidak.

1. Konfigurasikan Pelayan Web anda untuk Pencegahan Hotlink (Apache atau NGINX)

Pelayan web anda sudah cukup untuk menghalang orang lain daripada hotlking imej anda. Dua pelayan web yang paling biasa ialah Apache dan NIGNX. Jika anda menggunakan Apache sebagai pelayan web anda, maka anda boleh menghalang hotlinking imej dalam WordPress dengan menambahkan beberapa baris kod dalam fail .htaccess anda. Kembali pada tahun 2013, saya menulis tutorial ringkas tentang perkara ini - ia masih boleh digunakan hari ini.

Walau bagaimanapun, jika anda menggunakan NGINX sebagai pelayan wes anda, kemudian tambahkan coretan kod berikut pada fail konfigurasi NGINX anda.

location ~ .(gif|png|jpe?g)$ {
      valid_referers none blocked .yourwebsite.com;
      if ($invalid_referer) {
         return   403;
     }
 }

Gantikan tapak web anda.com dengan nama domain sebenar anda.

Secara ringkasnya, coretan kod ini menghalang fail GIF, PNG dan JPG/JPEG daripada dipaut panas. Fail tersebut hanya boleh diakses oleh domain anda dan tiada orang lain. Sekiranya seseorang cuba memaut hotlink kepada 3 format fail ini, mereka akan mendapat ralat 403.

Berikut ialah penjelasan pantas baris demi baris tentang kod yang dipotong.

  1. Baris 1 mentakrifkan format imej. Anda boleh menambah format video seperti mp4 di sini juga.
  2. Baris 2 memberitahu NGINX bahawa permintaan daripada domain anda mesti dibenarkan. Jika mana-mana domain lain memintanya, sekat permintaan itu.
  3. Baris 3 memberitahu NGINX perkara yang perlu dilakukan jika permintaan adalah daripada domain yang tidak dibenarkan
  4. Baris 4 memberitahu NGINX untuk membuang ralat HTTP 403 Forbidden, jika syarat dalam baris #3 dipenuhi.
  5. Baris 5 dan 6 menutup kod dengan betul supaya ia dilaksanakan!

Begitu juga, jika anda ingin menghalang keseluruhan direktori daripada dipaut panas, terdapat coretan kod untuk itu juga.

location /uploads/ {
      valid_referers none blocked .yourwebsite.com;
      if ($invalid_referer) {
         return   403;
     }
 }

Gantikan /uploads/ dengan direktori yang anda ingin halang daripada dipaut panas. Dalam contoh kami, kami telah memilih direktori muat naik WordPress lalai. Jika anda seperti kebanyakan kami, anda akan memuat naik semua imej, PDF dan fail media anda yang lain menggunakan pemuat naik WordPress lalai, yang seterusnya akan meletakkan fail di dalam folder /uploads/. Oleh itu, dengan melindungi folder induk, kami menghalang mana-mana dan semua muat naik daripada dipaut panas.

2. Gunakan CDN untuk Menghalang Imej Hotlinking dalam WordPress

Terkejut? Begitu juga saya ketika pertama kali membacanya. Kita semua mendengar CloudFlare sebagai salah satu CDN percuma terbaik di luar sana. Adakah anda tahu mereka juga menawarkan perlindungan hotlink percuma?

Untuk mendayakan perlindungan pautan panas, pergi ke papan pemuka akaun CloudFlare anda, diikuti dengan Scrape Shield. Togol butang kepada HIDUP dan anda sudah ditetapkan.

Jika anda menggunakan Cloudflare, anda boleh mendayakan perlindungan pautan panas dengan mudah di bawah Scrape Shield dalam akaun anda. Memandangkan Cloudflare ialah perkhidmatan proksi sepenuhnya, anda tidak perlu risau tentang mendayakan perlindungan pautan panas pada pelayan asal anda.

Jika anda menggunakan perkhidmatan CDN premium seperti StackPath CDN atau KeyCDN, anda hanya perlu membuat peraturan yang sesuai untuk perujuk zon dan menguatkuasakannya. KeyCDN mempunyai tutorial yang menarik tentang ini, adalah berbaloi untuk membacanya.

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

Jika anda lebih suka tidak bergaul dengan kod .htaccess dan berharap ada pemalam yang tersedia yang boleh menguruskan perniagaan – baiklah, anda bertuah.

Lihat pemalam All In One WP Security & Firewall. Dengan lebih setengah juta pemasangan aktif, pemalam ini mempunyai banyak ciri keselamatan WordPress yang penting.

Inilah yang anda perlu lakukan untuk mengaktifkan ciri Pencegahan Pautan Panas Imej.

Cara Mencegah Pautan Panas Imej dalam WordPress menggunakan Pemalam Keselamatan WordPress Semua dalam Satu

  • Muat turun dan pasang pemalam.
  • Aktifkannya dan pergi ke Papan Pemuka WordPress > WP Security > Firewall dan klik pada Cegah Pautan Panas
  • Tandakan kotak tanda kecil di bahagian bawah dan klik pada Simpan Tetapan.

Dan itu sahaja. Pautan panas imej dihalang mulai sekarang.

Kesimpulan

Untuk mengakhiri siaran ini, mari kita semak apa yang telah kita pelajari setakat ini.

  1. Bagaimana untuk mengemas kini, sebaliknya gantikan URL lama dengan yang baharu. Penyelesaiannya ialah pemalam bagus yang dipanggil URL Kemas Kini Velvet Blues.
  2. Seterusnya, kami belajar cara mengimport imej luaran ke WordPress. Ramai rakan blogger telah melakukan ini sekurang-kurangnya sekali dalam hidup mereka! Sekali lagi, penyelesaiannya adalah dalam pemalam yang dipanggil Import Imej Luaran.
  3. Kedua-dua pemalam yang disebut dalam dua senario di atas mempunyai kesan prestasi yang dikaitkan dengannya. Kami perlu menjalankan pemalam ini dengan berhati-hati.
  4. Akhir sekali, kami melihat apa itu hotlinking imej dan melihat dua cara untuk menghalangnya. Satu adalah dengan menambahkan beberapa baris kod pada pemalam .htaccess dan yang kedua adalah dengan menggunakan pemalam keselamatan.

Soalan – apakah pendapat anda tentang petua ini? Menemui sesuatu yang berguna? Ada apa-apa yang lebih baik untuk ditawarkan? Juga, bagaimana anda menyukai siri ini setakat ini? Beritahu kami dalam ulasan di bawah dan nantikan bahagian seterusnya siri ini.