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

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 WordPress Anda dengan cepat.

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, meningkatkan tampilan halaman dan mengurangi 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 daftar e mail Anda, dan banyak lagi.

Plus, itu dapat meningkatkan search engine optimization WordPress Anda, sehingga Anda akan mendapatkan lebih banyak lalu lintas mesin pencari.

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

Untuk element lebih lanjut, lihat panduan kami tentang cara melacak halaman 404 dengan mudah 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.

SeedProd 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 element lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

catatan: ada versi free of charge dari SeedProd yang tersedia, tetapi kami akan menggunakan versi Professional karena memiliki templat 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 internet 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 educational ini, kami akan menggunakan template ‘Oh No 404 Web 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 berupa posting di weblog WordPress Anda 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 plugin MonsterInsights. Ini adalah solusi analitik terbaik untuk WordPress yang digunakan oleh lebih dari 3 juta situs internet.

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

Untuk element lebih lanjut, lihat panduan kami tentang 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"]

Itu theme=“beta” porsi 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 posting populer Anda dengan mengikuti langkah-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 plugin WPForms. Ini adalah plugin formulir kontak terbaik untuk WordPress yang digunakan oleh lebih dari 4 juta situs internet.

Untuk element lebih lanjut, lihat panduan langkah demi langkah kami tentang 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 brand 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 adalah pemilik toko WooCommerce, 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.

Jenis professional: Anda dapat melacak kinerja halaman WordPress 404 Anda untuk melihat bagaimana konversi dan perubahan mana yang paling berguna. Untuk element lebih lanjut, lihat panduan pemula kami tentang 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 document tema WordPress.

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

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

Untuk mengedit document ini, Anda harus terhubung ke akun website hosting WordPress Anda dengan klien FTP, atau alat pengelola document mereka.

File FTP 404.php

Setelah terhubung ke situs internet, Anda dapat melihat 404.php document di folder tema WordPress Anda.

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

Tampilkan Postingan Paling Populer di Halaman 404

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin WordPress Standard Posts free of charge. Ini adalah salah satu plugin posting populer terbaik untuk WordPress.

Untuk element lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, Anda perlu menambahkan tag template ini ke dalam 404.php document tempat Anda ingin menampilkan posting populer.


<?php wpp_get_mostpopular(); ?>

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.


<?php wpp_get_mostpopular("vary=all&order_by=feedback"); ?>

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

Tampilkan Posting Terbaru di Halaman 404

Ada beberapa cara untuk menampilkan posting terbaru di WordPress.

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


<?php wp_get_archives( array( 'sort' => 'postbypost', 'restrict' => 10, 'layout' => 'customized', 'ahead of' => '', 'after' => '<br />' ) ); ?>

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.


<ul>
<?php 
$posts = get_posts('orderby=rand&numberposts=5'); 
   foreach($posts as $submit)  ?>
        <li><a href="<?php the_permalink(); ?>" name="<?php the_title(); ?>"><?php the_title(); ?></a>
        </li>
   <?php  ?>
</ul>

Tambahkan Arsip Bulanan dengan Arsip Ringkas

Jika Anda memiliki banyak konten di situs internet Anda, maka salah satu cara terbaik untuk mengaturnya adalah dengan menunjukkan arsip bulanan Anda.

Di sini, di WPBeginner, kami menampilkan arsip bulanan kami di halaman 404 kami menggunakan plugin Arsip Ringkas. Plugin ini dikembangkan dan dikelola oleh tim kami.

Untuk element lebih lanjut, lihat panduan kami tentang cara membuat arsip ringkas di WordPress.

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


<p><robust>Through Date</robust></p>
<ul>
<?php compact_archive($taste="block"); ?>
</ul>

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 404.php document berdasarkan template 404 halaman tema WordPress default Twenty Twenty-One.


<?php
/**
 * The template for showing 404 pages (now not chanced on)
 *
 * @hyperlink https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @bundle WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

get_header();
?>

	<header magnificence="page-header alignwide">
		<h1 magnificence="page-title"><?php esc_html_e( 'Not anything right here', 'twentytwentyone' ); ?></h1>
	</header><!-- .page-header -->

	<div magnificence="error-404 not-found default-max-width">
		<div magnificence="page-content">
			<p><?php esc_html_e( 'It seems like not anything used to be chanced on at this location. Possibly take a look at a seek?', 'twentytwentyone' ); ?></p>
			<?php get_search_form(); ?>
			
			<h4>If you are right here, take a look at a few of our widespread content material:</h4>
 
<div magnificence="col1">
<div magnificence="col-header">          
<robust>Standard</robust>
</div>
<?php wpp_get_mostpopular(); ?>
</div>
 
<div magnificence="col2">
<div magnificence="col-header">          
<robust>Feedback</robust>
</div>
 <?php wpp_get_mostpopular("vary=all&order_by=feedback"); ?>
</div>
 
<div magnificence="col3">
<div magnificence="col-header">          
<robust>Contemporary</robust>
</div>
 <?php wp_get_archives( array( 'sort' => 'postbypost', 'restrict' => 5, 'layout' => 'customized', 'ahead of' => '', 'after' => '<br />' ) ); ?>
</div>
			
		</div><!-- .page-content -->
	</div><!-- .error-404 -->

<?php
get_footer();


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 element lebih lanjut, lihat panduan kami tentang cara mudah menambahkan CSS khusus ke situs WordPress Anda.


.col1, .col2, .col3  
width:30%;
drift:left;
padding:0px 10px 10px 10px;
margin:0px;

.col3:after
transparent:each;

.col-header  
background:#28303D;
colour:#D1E3DD;
margin:0px;
padding:1px;
text-align:heart;


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 internet terbaik untuk meningkatkan lalu lintas situs internet Anda.

Jika Anda menyukai artikel ini, silakan berlangganan Saluran YouTube kami untuk educational video WordPress. Anda juga dapat menemukan kami di Indonesia dan Fb.

Baca Juga : Jasa Seo Murah Jakarta