Cara Mengedit Halaman 404 di WordPress (Panduan Kustomisasi) | Penggemar WP

Setiap pembuat konten dan admin situs tahu bahwa detail kecil sangat berarti, dan tidak ada kesan kedua di Internet. Skema warna yang indah, efek animasi yang luar biasa, atau halaman 404 yang menarik adalah detail yang membuat atau menghancurkan pengalaman pengguna.

Halaman 404 adalah ekspresi teknis yang menjelaskan situasi ketika halaman tidak ditemukan. Misalnya, mungkin karena pengguna salah mengetik URL di tab browser atau halaman web tersebut tidak lagi online.

Dalam paragraf berikut, Anda akan belajar cara mengedit halaman 404 di WordPress. Halaman 404 yang menarik adalah solusi terbaik untuk mengatasi momen memalukan. Alih-alih mengecewakan pengunjung situs, halaman 404 yang luar biasa akan berkontribusi pada citra merek Anda yang lebih baik.

Apa Itu Halaman 404?

Anda mengklik tautan atau mengetikkan alamat URL di tab browser. Selanjutnya, browser mulai meminta data dari server hosting situs web yang ingin Anda kunjungi. Ini adalah penjelasan dasar tentang penjelajahan Internet. Pertukaran informasi antara browser dan server menyiratkan, di antara banyak lainnya, beberapa kode status. Selain itu, ada status untuk menjelaskan pengalihan halaman web, kesalahan klien atau server, atau tujuan informasi.

Semua kode status dengan formulir 4XX menganggap kesalahan klien. Misalnya, 403 Forbidden adalah saat server memahami permintaan browser tetapi menolak memberikan data. Sejauh ini, halaman 404 adalah kode status paling terkenal. Anda mendapatkan halaman 404 ketika Anda mengklik tautan yang rusak, mengetikkan URL yang salah yang mengarahkan ke halaman web yang tidak ada, atau jika sumber daya yang Anda minta tidak pernah ada.

Bahkan situs penting, seperti berita majalah besar atau toko yang sering dikunjungi, mungkin berisi kesalahan 404 Halaman. Tentu saja, itu tidak dapat dihindari, tetapi Anda harus tahu bagaimana melewati situasi yang memalukan. Oleh karena itu, akan sangat membantu jika Anda melakukan segala kemungkinan untuk membuat halaman kesalahan 404 yang bagus untuk situs Anda.

Anatomi Halaman 404 yang Baik

Beberapa situs web mendapatkan backlink dan pengakuan publik dengan menyebutkan dalam daftar yang menampilkan 404 halaman keren. Pengunjung situs menghargai desain yang bagus atau pesan lucu pada halaman 404. Ini akan meyakinkan Anda bahwa halaman kesalahan 404 yang bagus adalah prioritas untuk bisnis online Anda. Inilah yang harus disertakan dalam halaman 404 yang bagus:

● Pesan kesalahan – Pengguna harus menyadari masalah sejak mereka membuka halaman 404. Buatlah eksplisit sehingga semua orang mengerti.

● Tautan ke konten Anda – Anda tidak ingin pengguna meninggalkan situs Anda. Berikan mereka tautan ke konten yang relevan. Baik itu konten terbaik Anda atau sesuatu yang terkait dengan halaman yang hilang, itu sepenuhnya terserah Anda. Yang penting adalah menjaga mereka di situs Anda.

● Permintaan maaf – Beri tahu orang-orang bahwa Anda meminta maaf atas ketidaknyamanan mereka. Gunakan humor jika memungkinkan – ini adalah metode terbaik untuk mendorong mereka memberi situs Anda kesempatan kedua.

● Desain bagus – Orang-orang kecewa ketika mereka membuka halaman 404 dan cenderung bereaksi berlebihan. Sepotong desain yang menakjubkan, selain konten yang menarik, dapat berubah pikiran. Lakukan yang terbaik untuk membuat halaman 404 yang luar biasa.

Cara Mengedit Halaman 404 di WordPress

Untungnya, kami memiliki berbagai opsi untuk mengedit halaman 404 di WordPress. Pengguna yang paling berpengalaman dapat mengedit file 404.php. Ini adalah file yang bertanggung jawab untuk menampilkan halaman kesalahan 404. Admin web yang lebih suka menggunakan pembuat halaman seperti Elementor dapat membuat halaman 404. Terakhir, beberapa plugin untuk membuat 404 halaman tersedia bagi mereka yang tidak memiliki keterampilan pengkodean. Mari membedah semua cara membuat dan mengedit halaman 404 di WordPress.

Mengedit Halaman 404 Melalui Klien FTP

Aturan praktis yang baik adalah melakukan salinan cadangan situs Anda sebelum mengedit kode. Jangan pernah melewatkan langkah ini – dalam banyak kasus, Anda tidak memerlukan cadangan situs, tetapi hal-hal buruk terjadi ketika tidak siap. Jadi lakukan pencadangan itu untuk yakin!

Misalkan Anda melakukan pencadangan situs lengkap dan Anda siap untuk menyelami masalah ini lebih dalam. Gunakan klien FTP pilihan Anda dan sambungkan ke situs localhost. Cari file bernama file 404.php – ini adalah file yang bertanggung jawab untuk menampilkan halaman web error 404. Biasanya, tema WordPress memiliki file 404.php khusus, tetapi beberapa mungkin melewatkan file ini. Periksa kembali apakah kode tema Anda menyertakan file 404.php. Jika tema Anda tidak memiliki file 404.php, Anda harus membuatnya. Buat file baru dan salin baris kode berikut:

404 Halaman template

 <?php /** * The template for displaying 404 pages (Not Found) * * @package WordPress * @subpackage Twenty_Thirteen * @since Twenty Thirteen 1.0 */ get_header(); ?> <div class="content-area"> <div class="site-content" role="main"> <header class="page-header"> <h1 class="page-title"><?php _e( 'Not Found', 'twentythirteen' ); ?></h1> </header> <div class="page-wrapper"> <div class="page-content"> <h2><?php _e( 'This is somewhat embarrassing, isn't it?', 'twentythirteen' ); ?></h2> <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentythirteen' ); ?></p> <?php get_search_form(); ?> </div><!-- .page-content --> </div><!-- .page-wrapper --> </div><!-- #content --> </div><!-- #primary --> <?php get_footer(); ?>

Sumber : Membuat Halaman Error 404 di WordPress Codex

Ini adalah kode di balik tema 404 Page of Twenty Thirteen – ini adalah halaman dasar yang cocok untuk diedit dan digunakan untuk proyek Anda. Tentu saja, Anda dapat melihat tema WordPress default lainnya dan memeriksa halaman 404 mereka. Halaman 404 dari tema Twenty Thirteen memanggil header dan footer situs Anda, sehingga halaman tersebut sesuai dengan gaya situs Anda. Tidak peduli bagaimana tampilan situs Anda, halaman kesalahan 404 akan memiliki desain yang serupa. Namun, Anda harus menyesuaikan konten yang ditampilkan di halaman ini. Pada tahap ini, bakat pembuat konten Anda masuk.

Opsional, Anda dapat mengedit file 404.php untuk menampilkan konten yang dipublikasikan di situs Anda. Pilihannya tidak terbatas, jadi mari kita lihat beberapa modalitas potensial untuk meningkatkan kesalahan 404 Halaman.

• Tampilkan judul dari tujuh posting terbaru- Yang harus Anda lakukan adalah menempelkan potongan kode ini ke dalam file 404.php:

 <?php wp_get_archives( array( 'type' => 'postbypost', 'limit' => 7, 'format' => 'custom', 'before' => '<span class="my-post-title">', 'after' => '</span>, ' ) ); ?>

• Menampilkan judul tujuh posting acak Tempel kode berikut untuk menampilkan tujuh posting acak:

 <ul> <?php $rand_posts = get_posts( array( 'posts_per_page' => 5, 'orderby' => 'rand' ) ); if ( $rand_posts ) { foreach ( $rand_posts as $post ) : setup_postdata( $post ); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endforeach; wp_reset_postdata(); } ?> </ul>

Tambahkan logo atau gambar lucu Anda (kucing dan anjing selalu berhasil) untuk membuat pemirsa tersenyum dan memberi Anda kesempatan kedua. Selanjutnya, uji halaman 404 setelah Anda menyelesaikan pekerjaan pengeditan. Untuk menampilkan halaman 404 Anda, ketik alamat situs Anda di bilah browser dan tambahkan string huruf acak setelahnya. Hasilnya akan terlihat seperti ini:

 https://example.com/dfdfddfd

Jika tidak berfungsi, itu karena server tidak dapat menemukan file 404.php khusus Anda. Dalam skenario ini, Anda harus membuka file .htaccess situs dan menempelkan baris kode berikut:

ErrorDocument 404 /index.php?error=404

Penting : Jika Anda mengedit situs web baru atau yang baru diluncurkan, situs tersebut mungkin tidak memiliki file .htaccess. Ini bukan masalah besar -ubah permalink situs Anda dan simpan operasi Anda. Kemudian, kembalikan ke format permalinks pilihan Anda segera setelah itu. Dengan cara ini, Anda akan membuat file .htaccess.

Edit Halaman 404 Melalui Editor Tema (Tidak Disarankan)

Sejumlah besar artikel yang terkait dengan pengeditan halaman 404 di WordPress menyebutkan editor tema sebagai solusi yang layak. Ini bukan! Meskipun mudah dan mudah untuk mengedit kode situs langsung dari dasbor admin WordPress, itu berbahaya dan mungkin berakhir dengan kegagalan. Belum lagi, tidak profesional sama sekali untuk mengedit situs saat online dan dapat diakses oleh semua orang. Selain itu, pengeditan Anda akan hilang setelah Anda memperbarui tema (kecuali jika Anda menggunakan tema anak).

Edit Halaman 404 Melalui Pembuat Halaman

Cara ini aman, sederhana, dan efektif. Anda mungkin akrab dengan pembuat halaman seperti Elementor, Divi Builder, Beaver Builder, SeedProd, atau Themify Builder. Yang Anda pilih tidak relevan, selama Anda memahaminya dengan baik. Pembuat ini memungkinkan Anda membuat halaman 404 yang luar biasa tanpa menulis satu baris kode pun. Ini adalah solusi terbaik jika Anda khawatir tentang menempelkan cuplikan kode ke file situs Anda.

Periksa blog dan dokumentasi pembuat halaman favorit Anda, dan, kemungkinan besar, Anda akan menemukan tutorial yang menjelaskan cara membuat halaman 404. Selain itu, beberapa pembuat halaman memiliki templat khusus untuk 404 halaman. Pilih template dan sesuaikan agar sesuai dengan merek Anda.

404 Halaman WordPress Plugin

Anda tidak memiliki banyak alternatif untuk membuat halaman 404 dengan plugin khusus. Namun, beberapa plugin layak mendapatkan perhatian Anda. Keuntungan modal mereka adalah Anda tidak perlu menulis kode untuk membuat dan mengedit 404 halaman. Pluginnya sederhana, efektif, dan ringan.

404 halaman  

Anda mungkin tergoda untuk percaya bahwa Anda harus menjadi pembuat kode untuk membuat halaman kesalahan 404 yang bagus. Berkat plugin ini, semua orang dapat membuat halaman kesalahan 404 yang menarik. Selain itu, plugin 404page tidak serumit pembuat halaman. Anda fokus pada produk akhir Anda – halaman kesalahan 404 yang bagus.

Instal dan aktifkan plugin. Selanjutnya, buat halaman 404 sama seperti halaman lainnya di situs Anda. Dari dasbor admin WordPress Anda, buka Appearance > 404 Error Page dan pilih halaman yang baru saja Anda buat untuk menjadi halaman error 404 kustom situs Anda.

Plugin ini tidak mengizinkan pengalihan halaman web; itu hanya memberi tahu bot pencarian bahwa halaman web hilang. 404page adalah proyek pribadi pengembang, jadi tidak ada agensi di balik plugin ini. Perhatikan bahwa plugin memiliki 100.000 pemasangan aktif dan peringkat yang hampir sempurna – 4,9 bintang dari 5. Dalam keadaan ini, pengembang plugin layak mendapatkan penghargaan kami!

Semua 404 Pengalihan ke Beranda & Pengalihan Gambar Rusak  

Nama pluginnya tidak terlalu mengesankan, tetapi sangat sugestif. Plugin menangani kesalahan 404 Halaman secara berbeda dari alternatif sebelumnya. Alih-alih menyenangkan pengunjung dengan halaman 404 yang dirancang dengan baik, plugin ini mengarahkan semua kesalahan 404 ke beranda atau halaman web lainnya. Keuntungan terbesar dari plugin ini adalah Anda memiliki kendali atas tautan yang rusak di situs Anda. Selain itu, Anda dapat menggunakan plugin ini untuk mengarahkan pengguna. Misalnya, alih-alih membiarkan orang mengunjungi posting blog yang tidak diperbarui, gunakan plugin ini untuk mengarahkan mereka ke versi yang diperbarui.

Colorlib 404 Penyesuai  

Plugin ini mudah digunakan dan benar-benar membantu Anda membuat 404 halaman yang menarik. Muncul dengan 404 template yang dibuat secara profesional yang dapat Anda sesuaikan dengan kebutuhan Anda. Plugin Colorlib 404 Customizer memungkinkan memasukkan tombol media sosial, mengubah warna latar belakang atau gambar, dan mengonfigurasi judul teks. Pengguna yang lebih mahir dapat menambahkan kode CSS khusus. Plugin ini open-source, jadi Anda dapat berkontribusi untuk memperbaiki plugin.

Gunakan pembuat halaman atau lakukan melalui tema Anda .

Jika Anda sudah menggunakan pembuat halaman, Anda sudah memiliki opsi untuk menyesuaikan 404 Anda melaluinya. Hampir setiap pembuat halaman memungkinkan Anda untuk mengedit halaman 404 Anda. Berikut adalah daftar plugin yang kami yakin Anda dapat melakukannya:

● Semilir

● Elemen

● Pembuat Berang-berang

● Pembuat Divi

● Asal Situs

Jika Anda menggunakan tema seperti OceanWP, GeneratePress, atau Astra, Anda dapat melakukannya melalui opsi tema mereka. Anda akan mendapatkan halaman 404 yang tampak sempurna jika Anda mengimpor konten demo. Satu-satunya kelemahan mengimpor konten demo dan menggunakan desain yang dibuat sebelumnya adalah bahwa situs web Anda kurang lebih akan terlihat persis seperti Demo. Ambil, misalnya, situs web ini dan demo Astra. Setiap orang yang telah melihat-lihat perpustakaan situs awal Astra akan segera menyadari bahwa pemilik situs web tidak membuatnya sendiri. Ini dapat membahayakan seberapa besar kepercayaan pengguna terhadap situs Anda.

Sisi baiknya, Astra, OceanWP, dan tema lainnya dengan 500.000+ pengguna memperluas pustaka situs pemula mereka lebih banyak setiap bulan.

Ke Anda

Anda sekarang memiliki ide yang jelas tentang cara mengedit halaman 404 di WordPress. Ada banyak solusi untuk melakukannya, dan Anda harus memilih salah satu yang sesuai dengan keahlian dan kebutuhan Anda. Yang penting adalah memiliki halaman kesalahan 404 yang menarik untuk menyenangkan pemirsa Anda. Metode dan alat yang Anda gunakan untuk merancang dan mengimplementasikan halaman 404 itu tidak menyangkut pelanggan Anda. Anda tidak punya alasan untuk kekurangan halaman kesalahan 404 yang luar biasa! Buka papan gambar dan mulailah membuat halaman kesalahan khusus!