Cara Menemukan dan Memperbaiki Gambar Rusak di WordPress

Anda mungkin pernah melihat ikon gambar di situs web Anda yang terlihat seperti gambar sobek. Itu adalah gambar yang rusak dan dapat berdampak negatif pada situs web Anda jika Anda tidak menggantinya .

Gambar penting untuk sebagian besar situs web. Antara lain, mereka membuat halaman Anda lebih menarik, menyampaikan informasi penting, dan meningkatkan peringkat mesin pencari Anda.

Oleh karena itu, penting untuk menemukan dan memperbaiki gambar yang rusak di situs web Anda segera setelah Anda melihatnya. Dalam panduan ini, kami akan menjelaskan apa itu gambar yang rusak, dan menunjukkan cara memperbaikinya di situs WordPress Anda.

Isi:

• Apa itu Gambar Rusak?
• Mendeteksi Gambar Rusak di Situs Web Anda
• Cara Memperbaiki Masalah Gambar Rusak
  • Jalur File Salah
  • Periksa silang Nama File
  • Ekstensi File Salah
  • Gunakan Jalur Relatif
  • Pastikan Gambar Ada
  • Masalah Transfer
• Kesimpulan

Apa itu Gambar Rusak?

Sederhananya, gambar yang rusak adalah gambar yang tautan sumbernya tidak tersedia atau rusak . Saat pengguna menggulir ke bagian dengan gambar rusak di situs Anda, mereka akan melihat ikon gambar rusak. Hal ini dapat disebabkan oleh URL yang salah eja, jalur file yang tidak tepat, atau Anda mungkin menautkan ke situs yang sudah tidak ada lagi.

Ini adalah masalah kritis karena berdampak negatif pada pengalaman pengguna. Saat pengguna menemukan gambar yang hilang di situs Anda, mereka cenderung meninggalkan situs Anda untuk mencari pesaing.

Akibatnya, rasio pentalan akan meningkat di situs web Anda. Jadi untuk mencegah hal ini terjadi, selalu pindai situs Anda untuk mencari gambar yang rusak dan perbaiki. Mari kita lihat bagaimana melakukannya di bagian selanjutnya.

Mendeteksi Gambar Rusak di Situs Web Anda

Cara termudah untuk mendeteksi gambar yang rusak di situs WordPress Anda adalah menggunakan plugin. Salah satu plugin tersebut adalah Broken Link Checker. Dengan plugin ini, Anda dapat memindai tautan internal dan eksternal situs Anda untuk mencari tautan dan gambar yang rusak.

Setelah menginstal dan mengaktifkan plugin, Anda dapat mengakses halaman pengaturan plugin melalui Settings >> Link Checker .

Plugin Pemeriksa Tautan Rusak memindai situs web Anda untuk tautan yang rusak. Jika ada masalah, Anda akan melihatnya dari sini atau mendapatkan pemberitahuan melalui email.

Plugin ini juga memberi Anda opsi untuk mencegah mesin pencari mengikuti tautan yang rusak. Anda dapat mengaktifkan opsi ini sehingga gambar yang rusak tidak memengaruhi peringkat SEO Anda.

Memperbaiki Gambar Rusak

Ada beberapa skenario yang dapat menyebabkan hilangnya gambar di situs WordPress Anda. Pada bagian ini, kita akan membahas alasan dan cara memperbaikinya.

Jalur File Salah

Saat menambahkan gambar ke situs web Anda, WordPress membuat jalur file yang menentukan lokasi gambar. Peramban web menggunakan jalur di atribut src gambar untuk menemukan gambar. Jika jalur ke gambar salah, gambar tidak akan dimuat dan tidak akan ditampilkan.

Untuk memperbaikinya, cukup cari postingan atau halaman dengan ikon gambar rusak dan ganti dengan gambar baru. Untuk ini, masuk ke dasbor Anda dan arahkan ke halaman posting WordPress Anda. Kemudian arahkan kursor ke pos dengan gambar yang rusak dan pilih Edit .

Pada editor pos, gulir ke bagian dengan gambar yang rusak, lalu klik di atasnya dan pilih Ganti . Anda dapat memilih gambar dari perpustakaan media Anda atau mengunggah gambar baru.

Setelah mengganti gambar yang rusak, klik Perbarui untuk menyimpan perubahan Anda.

Jika Anda menggunakan editor klasik, klik pada gambar lalu pilih ikon Pena untuk mengedit gambar yang rusak.

Di sini, klik tombol Ganti dan kemudian pilih gambar dari perpustakaan media Anda. Terakhir, klik Perbarui untuk mengganti gambar.

Mengganti Gambar HTML Khusus

Jika Anda menambahkan gambar menggunakan HTML atau CSS khusus, Anda perlu memverifikasi bahwa jalurnya benar. Untuk memverifikasi ini, Anda perlu memeriksa lokasi tempat Anda menambahkan gambar. Itu bisa di blok CSS tambahan. Jika ini masalahnya, ikuti langkah-langkah di bawah ini.

Catatan tambahan: Mengganti gambar di template Anda bisa jadi bersifat teknis. Jika Anda baru mengenal WordPress, Anda dapat meminta pakar kami membantu Anda memperbaiki masalah template Anda.

Pertama, masuk ke dashboard WordPress Anda dan kemudian pergi ke Appearance >> Customize.

Setelah itu pilih menu Additional CSS block atau Custom CSS.

Pada editor kode, temukan baris kode tempat gambar ditambahkan dan sorot jalur ke gambar. Selanjutnya, klik kanan lalu pilih Go to path-to-file …

Jika gambar tidak tersedia, Anda akan mendapatkan kesalahan 404 tidak ditemukan. Anda cukup mengunggah ulang gambar ke situs web Anda dan kemudian salin dan tempel tautan ke file di sini.

Untuk mengunggah gambar, buka Media >> Tambah Baru . Setelah itu, klik Select Files lalu pilih file gambar. Setelah unggahan selesai, klik tombol Salin URL ke Papan Klip .

Sekarang kembali ke halaman penyesuai dan ganti tautan gambar yang rusak dengan yang baru saja Anda unggah. Terakhir, klik Terbitkan untuk menyimpan perubahan Anda.

Periksa silang Nama File

Ini adalah penyebab umum masalah pemuatan gambar. Pastikan ejaan gambar sama dengan yang ada di perpustakaan media. Kesalahannya juga bisa sesedikit karakter khusus yang berbeda. Mengetik garis bawah (_) alih-alih tanda hubung (-) dapat menghasilkan gambar yang rusak.

Untuk memperbaiki masalah ini, Anda perlu membandingkan nama file pada posting atau halaman dengan gambar asli di perpustakaan media. Untuk ini, login ke dashboard WordPress Anda dan kemudian pergi ke Media >> Library .

Sekarang, gunakan kotak pencarian untuk menemukan gambar yang ingin Anda bandingkan. Setelah itu, arahkan kursor ke gambar lalu pilih View .

Di bilah alamat, Anda akan melihat jalur ke gambar. Bagian yang disorot adalah nama gambar seperti yang terlihat di bawah ini.

Sekarang menuju ke pos dengan gambar yang rusak dan verifikasi nama file juga. Untuk ini, buka halaman di browser Anda, lalu klik kanan pada gambar yang rusak dan pilih Buka gambar di tab baru .

Jika ada perbedaan antara kedua nama file, itu bisa menjadi penyebab gambar tidak muncul. Anda akhirnya akan melihat kesalahan 404 tidak ditemukan.

Untuk memperbaiki masalah ini, Anda perlu mengedit posting dengan gambar yang rusak dan mengganti nama file yang salah dengan yang ada di perpustakaan media.

Setelah mengoreksi nama file, Anda akan melihat gambar yang ditampilkan pada editor posting. Jika tidak, Anda dapat mengupload ulang gambar tersebut dan menambahkannya ke postingan Anda. Pastikan Anda memperbarui posting untuk menyimpan perubahan Anda.

Ekstensi File Salah

Anda juga harus memeriksa ekstensi file. Terkadang, nama file dapat dieja dengan benar, tetapi ekstensi file mungkin salah. Misalnya, Anda dapat mengunggah gambar sebagai file .jpg, tetapi dalam kode, itu adalah ekstensi .png. Hal ini dapat menyebabkan masalah.

Masalah umum lainnya terjadi dengan ekstensi gambar "jpg" dan "jpeg". Meskipun kedua formatnya sama, Anda mungkin mengalami kesalahan gambar yang rusak jika Anda menukar satu dengan yang lain.

Gunakan Jalur File Relatif

Jalur relatif tertaut ke file dalam kaitannya dengan URL beranda. Di WordPress, jalur relatif mengeluarkan nama domain, dan hanya menggunakan jalur setelah domain.

Jadi di atribut “src”, alih-alih “https://example.com/wp-content/uploads/image.png” , sumbernya menjadi “/wp-content/uploads/image.png” . Dan gambar Anda akan berfungsi dengan baik dengan tautan pendek.

Salah satu manfaat menggunakan jalur relatif adalah gambar Anda akan berfungsi bahkan jika Anda mengubah nama domain Anda. Itu akan terjadi selama file masih di-host di server yang sama.

Anda dapat menggunakan plugin seperti plugin Make Paths Relative untuk memaksa WordPress menggunakan jalur relatif untuk file media Anda. Plugin ini mudah dipasang dan diatur.

Setelah menginstal dan mengaktifkan plugin, buka Make Paths Relative >> Settings untuk membuka halaman pengaturan plugin.

Di sini, centang opsi untuk mengaktifkan jalur relatif untuk gambar dan kemudian klik Simpan Perubahan untuk mendaftarkan perubahan Anda. Anda sekarang dapat menampilkan gambar pada halaman menggunakan jalur relatif.

Pastikan Gambar Ada

Anda mungkin telah menautkan ke gambar yang dihosting di situs web lain. Jika situs tersebut down atau pindah ke server lain, gambar tidak akan ada lagi.

Selain itu, menautkan langsung ke situs lain meningkatkan penggunaan server di situs tempat Anda mendapatkan gambar. Jika situs web host menonaktifkan hotlinking, itu akan mencegah gambar Anda ditampilkan.

Untuk mencegah hal ini terjadi, sebaiknya Anda mengunggah setiap gambar ke situs web Anda sebelum menambahkannya ke halaman. Juga, hindari menggunakan gambar dari situs web pihak ketiga kecuali Anda memiliki izin untuk menggunakannya.

Masalah Transfer

Ini bukan masalah umum, tetapi memang terjadi. Terkadang, server Anda menjadi kewalahan dan tidak dapat memuat semua aset halaman dengan cukup cepat sebelum waktu permintaan habis.

Ini terjadi sebagian besar dengan server web murah. Untuk mengatasi ini, Anda perlu meningkatkan kapasitas server Anda atau bermigrasi ke host web yang andal.

Anda juga dapat menggunakan plugin untuk mengaktifkan pemuatan lambat untuk gambar Anda. Saat Anda mengaktifkannya, server Anda hanya akan memuat gambar saat pengguna menggulir ke bagian tersebut. Ini akan membebaskan sumber daya server Anda dan juga mempercepat situs web Anda. Anda dapat mempelajari lebih lanjut tentang ini di panduan pengoptimalan kecepatan kami.

Ringkasan – Memperbaiki Gambar Rusak

Tidak jarang situs web mengalami masalah dengan gambar yang rusak atau hilang, tetapi ini adalah masalah yang cukup serius yang harus segera ditangani. Jika Anda memiliki toko online, Anda mungkin kehilangan calon pelanggan jika pengguna tidak dapat melihat gambar produk di toko Anda.

Dalam panduan ini, kami menjelaskan beberapa penyebab gambar rusak serta tips tentang cara memperbaikinya di situs web WordPress.

Memperbaiki gambar yang rusak adalah salah satu cara untuk mengurangi rasio pentalan di situs web Anda. Anda juga perlu mengoptimalkan gambar untuk meningkatkan kinerja situs Anda. Untuk tutorial terperinci tentang ini, lihat panduan pengoptimalan gambar kami.