Cara Meningkatkan Template Halaman 404 Anda di WordPress (2 Cara)

Apakah Anda ingin meningkatkan template halaman 404 Anda di WordPress?

Meningkatkan halaman WordPress 404 default dapat membantu menciptakan pengalaman pengguna yang lebih baik, mengurangi rasio pentalan, dan meningkatkan tampilan halaman.

Pada artikel ini, kami akan menunjukkan cara menyesuaikan template halaman 404 Anda di WordPress, langkah demi langkah.

Cara meningkatkan template halaman 404 Anda di WordPress (2 cara)

Mengapa Meningkatkan Template Halaman 404 Anda di WordPress?

Sebagian besar pengunjung yang masuk ke halaman default WordPress 404 akan meninggalkan Situs web WordPress segera.

Ini akan meningkatkan rasio pentalan Anda, menciptakan pengalaman pengguna yang buruk, dan bahkan dapat berdampak negatif pada peringkat mesin telusur Anda.

Dengan meningkatkan halaman WordPress 404, Anda dapat mengirim pengunjung ke posting populer, tingkatkan tampilan halaman dan kurangi rasio pentalan, dan mengubah pengunjung satu kali menjadi pembaca dan pelanggan jangka panjang.

404 halaman contoh

Ketika pengunjung tinggal di situs Anda lebih lama, mereka cenderung melakukan pembelian, membaca lebih banyak posting, bergabung dengan Anda daftar email, dan banyak lagi.

Plus, itu dapat meningkatkan improve SEO WordPress, sehingga Anda akan mendapatkan lebih banyak lalu lintas mesin telusur.

catatan: penting untuk membuat halaman 404 khusus, tetapi Anda juga harus melacak URL 404 yang digunakan pengunjung untuk mengunjungi situs web Anda dan kemudian mengatur pengalihan yang tepat untuk meningkatkan peringkat SEO.

Untuk lebih jelasnya, lihat panduan kami di cara mudah melacak 404 halaman dan mengarahkannya di WordPress.

Dengan itu, mari kita lihat bagaimana Anda dapat meningkatkan template halaman 404 Anda di WordPress.

Metode 1. Buat Halaman 404 Kustom di WordPress Tanpa Kode

Cara terbaik dan paling ramah pemula untuk meningkatkan template halaman 404 Anda adalah menggunakan plugin pembuat halaman SeedProd.

Produk Benih adalah pembuat halaman arahan terbaik untuk WordPress. Ini memungkinkan Anda membuat, mengedit, dan menyesuaikan halaman WordPress Anda tanpa menulis kode apa pun.

Dengan plugin ini, Anda dapat dengan mudah membuat halaman 404 khusus menggunakan templat halaman 404 yang disertakan.

Hal pertama yang perlu Anda lakukan adalah menginstal plugin SeedProd. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

catatan: ada sebuah versi gratis dari SeedProd tersedia, tetapi kami akan menggunakan versi Pro karena memiliki template halaman 404 yang kami butuhkan.

Setelah aktivasi, Anda perlu menavigasi ke SeedProd » Pengaturan dan masukkan kunci lisensi Anda. Anda dapat menemukan informasi ini di halaman akun Anda di situs web SeedProd.

Masukkan kunci lisensi SeedProd

Setelah itu, pergi ke SeedProd » Halaman dan klik tombol ‘Siapkan Halaman 404’ di kotak meta ‘Halaman 404’.

Ini akan membawa Anda ke halaman di mana Anda dapat memilih template halaman 404 Anda.

Siapkan halaman 404

Ada lusinan templat halaman 404 yang dirancang secara profesional yang dapat Anda pilih untuk membantu Anda memulai dengan cepat.

Untuk memilih template, arahkan kursor ke atasnya dan klik ikon ‘Tanda Centang’. Untuk tutorial ini, kami akan menggunakan template ‘Oh No 404 Page’, tetapi Anda dapat menggunakan template apa pun yang Anda suka.

Pilih templat halaman 404

Setelah memilih template, Anda akan dibawa ke pembuat seret dan lepas, tempat Anda dapat mulai menyesuaikan halaman 404 Anda.

Anda akan menemukan blok dan bagian yang dapat Anda tambahkan ke halaman 404 Anda di sisi kiri layar. Sisi kanan halaman adalah pratinjau langsung. Setiap elemen pada halaman dapat diedit dan disesuaikan.

Editor SeedProd

Hal pertama, kita akan menambahkan teks dan memberitahu pengguna apa yang harus dilakukan selanjutnya. Alih-alih hanya mendarat di halaman 404 dan pergi, Anda dapat mengarahkan pengunjung Anda ke konten yang berharga dan tindakan selanjutnya yang harus diambil.

Untuk melakukannya, seret blok ‘Teks’ ke halaman Anda, dan klik untuk mengubah teks.

Tambahkan blok teks

Selanjutnya, kami akan mengubah tautan tombol beranda dan sebagai gantinya menautkan ke salah satu konten yang paling berharga.

Ini bisa menjadi postingan di blog WordPress itu yang paling populer atau yang memberi Anda pendapatan paling banyak.

Pertama, seret blok ‘Judul’ dan tambahkan judul baru Anda.

Tambahkan blok judul

Kemudian, seret blok ‘Teks’ lainnya dan masukkan beberapa teks yang menjelaskan artikel Anda.

Setelah itu, klik tombol untuk membuka layar editor tombol.

Ubah teks tombol

Di sini Anda dapat menyesuaikan teks, warna, ukuran, dan lainnya.

Tambahkan Postingan Paling Populer Anda ke Halaman WordPress 404 Anda

Selanjutnya, Anda dapat menambahkan artikel Anda yang paling populer. Karena artikel ini terbukti populer, ada kemungkinan besar pengunjung Anda akan menemukan sesuatu yang mereka sukai.

Cara termudah untuk melakukannya adalah dengan menggunakan Wawasan Monster pengaya. Ini adalah solusi analitik terbaik untuk WordPress digunakan oleh lebih dari 3 juta situs web.

Dengan plugin ini, Anda cukup menambahkan posting populer di mana saja di situs WordPress Anda.

Untuk lebih jelasnya, lihat panduan kami di cara menampilkan posting populer berdasarkan tampilan di WordPress.

Setelah plugin diaktifkan dan diatur, yang harus Anda lakukan adalah menambahkan satu kode pendek ke halaman Anda.

Untuk melakukannya, cukup seret blok ‘Kode Pendek’ ke halaman Anda.

Tambahkan blok kode pendek

Kemudian, masukkan kode pendek berikut untuk menampilkan posting Anda yang paling populer.

[monsterinsights_popular_posts_widget theme=”beta”]

Bagian theme=”beta” mengacu pada bagaimana posting populer Anda akan ditampilkan. Jika Anda ingin melihat tampilan berbagai tema, kunjungi Wawasan » Postingan Populer dan klik ‘Widget Posting Populer’.

Di bagian ‘Pilih Tema’, Anda dapat melihat masing-masing tema dan namanya.

Pilih tema posting populer

Anda juga dapat menambahkan judul di atas postingan populer Anda dengan mengikuti langkah yang sama seperti di atas.

Tambahkan Formulir Kontak ke Halaman WordPress 404 Anda

Setelah itu, Anda dapat menambahkan formulir kontak langsung ke halaman 404 Anda. Ini memungkinkan pengunjung Anda menjangkau Anda jika mereka tidak dapat menemukan apa yang mereka cari di tautan di atas.

Cara terbaik untuk menambahkan formulir kontak ke situs Anda adalah menggunakan Formulir WP pengaya. Ini adalah plugin formulir kontak terbaik untuk WordPress digunakan oleh lebih dari 4 juta situs web.

Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara membuat formulir kontak di WordPress.

Setelah plugin diaktifkan dan diatur, Anda cukup menyeret blok ‘Formulir Kontak’ ke halaman Anda.

Tambahkan blok formulir kontak

Kemudian, yang harus Anda lakukan adalah memilih formulir kontak Anda dari daftar drop-down.

Anda harus membuat formulir kontak terlebih dahulu sebelum dapat menambahkannya ke halaman 404 Anda.

Pilih formulir kontak tarik-turun

Anda juga dapat menambahkan blok ‘Judul’ atau ‘Teks’ di atas formulir kontak Anda.

Ikuti langkah yang sama seperti di atas untuk menambahkan blok tersebut.

Blok judul formulir kontak

Setelah Anda selesai membuat perubahan, pastikan Anda mengklik ‘Simpan’ di sudut kanan atas halaman.

Jika Anda ingin memublikasikan halaman Anda secara langsung, pilih panah tarik-turun di samping ‘Simpan’ dan klik ‘Terbitkan’.

Simpan perubahan dan buat halaman hidup

Anda juga dapat mengubah logo dan menu navigasi dengan mengkliknya dan membuat perubahan dengan panel di sebelah kiri, kemudian mengikuti proses pengeditan yang sama seperti di atas.

Jangan ragu untuk terus menyesuaikan halaman Anda, menambahkan blok baru, dan menguji berbagai tata letak untuk melihat apa yang disukai pengunjung Anda.

404 halaman template final

Jika Anda seorang WooCommerce pemilik toko, maka Anda dapat menyesuaikan halaman 404 Anda dengan menampilkan produk populer untuk membantu mendapatkan lebih banyak penjualan.

Untuk mengaktifkan halaman 404 baru Anda, navigasikan kembali ke SeedProd » Halaman dan kemudian alihkan sakelar ‘404 Halaman’ ke ‘Aktif’.

Jadikan 404 halaman aktif

Sekarang, pengunjung Anda akan melihat halaman 404 konversi tinggi Anda, bukan opsi default.

Kiat profesional: Anda dapat melacak kinerja halaman WordPress 404 Anda untuk melihat bagaimana konversi dan perubahan mana yang paling berguna. Untuk detail lebih lanjut, lihat panduan pemula kami di cara menginstal Google Analytics di WordPress.

Metode 2. Buat Halaman 404 Kustom di WordPress Dengan Menambahkan Kode

Metode ini tidak ramah pemula karena Anda harus menambahkan kode dan memodifikasi file tema WordPress.

Jika Anda belum pernah melakukan ini sebelumnya, silakan lihat panduan pemula kami untuk menempelkan cuplikan dari web ke WordPress.

Pertama, Anda perlu membuat file baru di folder tema WordPress Anda dan beri nama 404.php. Jika tema Anda sudah memiliki file 404.php, Anda harus mengedit file tersebut.

Untuk mengedit file ini, Anda harus terhubung ke Hosting WordPress akun dengan klien FTP, atau alat pengelola file mereka.

File FTP 404.php

Setelah Anda terhubung ke situs web Anda, Anda dapat melihat file 404.php Anda di folder tema WordPress Anda.

catatan: sebelum Anda menyesuaikan tema WordPress Anda, kami sarankan untuk mencadangkan situs WordPress Anda. Untuk lebih jelasnya, lihat panduan kami di cara mencadangkan dan memulihkan situs WordPress Anda.

Tampilkan Postingan Paling Populer di Halaman 404

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan gratis Posting Populer WordPress WordPress pengaya. Itu salah satunya plugin posting populer terbaik untuk WordPress.

Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Setelah aktivasi, Anda perlu menambahkan tag template ini ke file 404.php Anda di mana Anda ingin menampilkan posting populer.

Tampilkan Postingan Paling Banyak Dikomentari di Halaman 404

Untuk menambahkan posting yang paling banyak dikomentari ke halaman WordPress 404 Anda, kami akan menggunakan plugin yang sama dengan yang Anda aktifkan di atas.

Cukup tambahkan tag template berikut di mana Anda ingin menampilkan posting Anda yang paling banyak dikomentari.

Anda juga dapat melihat panduan kami di cara menampilkan posting yang paling banyak dikomentari di WordPress.

Tampilkan Posting Terbaru di Halaman 404

Ada beberapa cara untuk tampilkan postingan terbaru di WordPress.

Cara termudah adalah dengan menambahkan tag template ini di template 404 Anda untuk menampilkan posting terbaru Anda.

‘postbypost’, ‘limit’ => 10, ‘format’ => ‘custom’, ‘before’ => ”, ‘after’ => ‘
‘ ) ); ?>

Tampilkan Posting Acak di Halaman 404

Jika Anda ingin menampilkan daftar posting acak di WordPress, Anda cukup menambahkan kode ini di template 404 Anda di mana Anda ingin menampilkan daftar posting acak dari situs Anda.

  • Arsip Ringkas pengaya. Plugin ini dikembangkan dan dikelola oleh tim kami.

    Untuk lebih jelasnya, lihat panduan kami di cara membuat arsip kompak di WordPress.

    Setelah plugin diaktifkan dan diatur, cukup tambahkan kode berikut ke file 404.php Anda.

    Tanggal

    Saat pengguna membuka halaman 404 Anda, mereka akan melihat arsip posting ringkas Anda.

    Berikut tampilannya di halaman 404 kami.

    Compact Archives WPBeginner

    Contoh Template 404 untuk WordPress

    Berikut adalah contoh file 404.php berdasarkan template 404 halaman tema WordPress default Twenty Twenty-One.

    Saat Anda di sini, lihat beberapa konten populer kami:

    Populer

    Komentar

    Baru

    ‘postbypost’, ‘limit’ => 5, ‘format’ => ‘custom’, ‘before’ => ”, ‘after’ => ‘
    ‘ ) ); ?>

    Bandingkan template 404 ini dengan template default di Twenty Twenty-One.

    Anda akan melihat bahwa tepat setelah formulir pencarian kami telah menambahkan kode kustom kami untuk menampilkan posting populer, paling banyak dikomentari, dan terbaru.

    Setelah itu kami menambahkan CSS khusus ke stylesheet tema WordPress untuk membaginya menjadi beberapa kolom.

    Untuk lebih jelasnya, lihat panduan kami di cara mudah menambahkan CSS khusus ke situs WordPress Anda.

    .col1, .col2, .col3 { lebar:30%; mengapung: kiri; bantalan:0px 10px 10px 10px; margin:0 piksel; } .col3:setelah{ clear:keduanya; } .col-header { latar belakang:#28303D; warna:#D1E3DD; margin:0 piksel; bantalan: 1 piksel; perataan teks:pusat; }

    Ini adalah hasil akhir setelah menambahkan kode halaman 404 kustom di atas.

    Contoh halaman 404 khusus

    Kami harap artikel ini membantu Anda meningkatkan template halaman 404 Anda di WordPress. Anda mungkin juga ingin melihat contoh desain halaman kesalahan WordPress 404 terbaik dan pilihan ahli kami dari perangkat lunak pemberitahuan push web terbaik untuk meningkatkan lalu lintas situs web Anda.

    Jika Anda menyukai artikel ini, silakan berlangganan kami Saluran Youtube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Indonesia dan Facebook.

    .

    Sumber Artikel

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *