Bagaimana cara menampilkan halaman 404 dalam html?

Hindari membuat pengguna Anda frustrasi dengan 404 halaman saat membuat halaman 404 khusus di WordPress lebih mudah dari sebelumnya. Berikut adalah beberapa cara untuk melakukannya

Bagaimana cara menampilkan halaman 404 dalam html?
Bagaimana cara menampilkan halaman 404 dalam html?

Julia Taylor

  • 12 Oktober 2022
  • 7 menit membaca

Bagaimana cara menampilkan halaman 404 dalam html?
Bagaimana cara menampilkan halaman 404 dalam html?

Julia Taylor

CEO & Pendiri di GeekPack®

Bio

Mengikuti

  • 208

    SAHAM

  • 11K

    BACA

Bagaimana cara menampilkan halaman 404 dalam html?

Saat menavigasi situs web, beberapa hal lebih membuat frustrasi daripada mendarat di layar dengan kesalahan 404, “Halaman Tidak Ditemukan. ”

Masalah ini dapat menyebabkan pengguna mengeklik dari situs web Anda dengan cepat

Untuk mencegah hal ini, Anda dapat memastikan bahwa tautan halaman internal Anda sudah benar dan berfungsi

Tetapi apa yang terjadi jika seseorang mengetikkan URL yang salah atau slug dari salah satu tautan halaman berubah?

Sayangnya, tidak dapat dihindari bagi pengguna untuk menemukan URL yang tidak ada

Namun, Anda dapat mengambil langkah-langkah untuk membantu orang kembali ke halaman yang mereka cari sehingga mereka tidak terpental dari situs Anda

Mengapa Saya Membutuhkan Halaman 404?

Salah satu cara untuk menghindari pengguna menjadi salah arah dan sebaliknya menciptakan pengalaman pengguna yang positif adalah dengan menambahkan halaman 404 khusus ke situs web Anda

Ini memungkinkan Anda untuk memberikan sedikit karakter dan kepribadian, bahkan mungkin humor, di situs Anda dan tautan bagi mereka untuk kembali ke jalur semula.

Selain itu, Anda dapat menambahkan tautan ke halaman populer lainnya, seperti blog, atau menautkannya ke formulir jika mereka ingin melaporkan koneksi buruk yang mengarahkan mereka ke halaman 404

Anda mungkin tergoda untuk memiliki tautan contoh kesalahan 404 ke beranda Anda alih-alih halaman kesalahan khusus

Hal ini dapat membingungkan pengguna, karena mereka mungkin tidak menyadari bahwa mereka memiliki URL yang salah karena masih berakhir di beranda

Mengarahkan pengguna ke beranda juga dapat memengaruhi SEO Anda, karena Google masih menganggap pengalihan ini sebagai kesalahan soft-404

Menurut Google, mengalihkan semua 404 tautan ke beranda Anda akan menjadi masalah. Pemilik situs web harus selalu fokus untuk membuat 404 halaman yang mudah digunakan

Menyiapkan Halaman 404 Kustom

Bergantung pada tema WordPress, Anda memiliki beberapa opsi untuk memanfaatkan halaman 404 khusus

Menggunakan plugin untuk membuat halaman 404 khusus harus bekerja dengan baik dengan tema terbaru apa pun

Tema WordPress Klasik & Tema Editor Blok

Pilihan 1. Gunakan Tema 404. php

Bagaimana cara menampilkan halaman 404 dalam html?
Cuplikan layar dari Dasbor WordPress, September 2022
Bagaimana cara menampilkan halaman 404 dalam html?

Jika Anda merasa nyaman bekerja dengan file PHP situs web Anda, banyak tema sudah memiliki template untuk halaman 404

  • Langkah 1. Buka Penampilan > Editor Berkas Tema di dasbor WordPress
  • Langkah 2. Pilih tema Anda di menu dropdown dan cari 404. file php
  • Langkah 3. Idealnya, Anda ingin menyalin 404. php ke tema anak Anda sehingga pekerjaan Anda dengan pembaruan tema tidak akan hilang
  • Langkah 4. Personalisasikan teks, dan tambahkan gambar atau elemen lain untuk menjadikannya milik Anda
  • Langkah 5. Tekan 'Perbarui File' untuk menyimpan perubahan Anda

pilihan 2. Salin A 404. File php

Beberapa tema mungkin tidak menyertakan 404. file php. Jika demikian, Anda dapat menyalin 404. php dari tema yang berbeda, seperti Twenty-Twenty, dengan 404. file php

Ini mungkin memerlukan beberapa penyesuaian agar sesuai dengan tema Anda, tetapi Anda dapat menyesuaikan 404. php dan simpan di dalam folder tema Anda

  • Langkah 1. Temukan tema dengan halaman 404 yang ingin Anda gunakan
  • Langkah 2. Arahkan ke folder tema untuk tema itu dan buat salinan 404. file php
  • Langkah 3. Pindahkan salinan ke folder tema dari tema atau tema anak yang digunakan situs Anda, pastikan namanya 404. php
  • Langkah 4. Lihat halaman 404 di front-end situs Anda untuk memastikan semuanya terlihat seperti yang Anda harapkan
  • Langkah 5. Anda dapat menggunakan langkah yang sama seperti di atas untuk membuat perubahan pada file di Editor File Tema dan menekan Perbarui File untuk menyimpan perubahan Anda

Opsi 3. Salin Indeks. File php

Jika tema Anda tidak menyertakan 404. php, ini adalah alternatif lain untuk membuatnya

  • Langkah 1. Anda perlu menduplikasi index. file php
  • Langkah 2. Ganti nama duplikat 404. php
  • Langkah 3. Hapus kode yang digunakan untuk menampilkan postingan
  • Langkah 4. Personalisasikan teks, dan tambahkan gambar atau elemen lain untuk menjadikannya milik Anda
  • Langkah 5. Tekan Update File untuk menyimpan perubahan Anda

Anda memerlukan pengetahuan PHP dan HTML, tetapi opsi ini berarti halaman 404 akan cocok dengan tema Anda saat ini, jadi ini sedikit lebih bersih daripada menggunakan halaman 404 dari tema lain

Buat Halaman 404 Dalam Pembuat Halaman

Jika Anda menggunakan pembuat halaman WordPress seperti Elementor, Divi, Beaver Builder, atau Oxygen, Anda memiliki opsi dalam antarmuka pembuat Anda untuk menambahkan halaman 404

Anda harus berkonsultasi dengan dokumentasi pembangun pilihan Anda untuk detail lebih lanjut tentang di mana Anda dapat menyesuaikan pengaturan untuk mengalihkan URL yang salah ke halaman 404 khusus Anda

Gunakan Plugin WordPress 404 Halaman

Cara mudah untuk menambahkan halaman 404 khusus ke situs WordPress mana pun adalah dengan menggunakan plugin halaman 404 WordPress

Bagaimana cara menampilkan halaman 404 dalam html?
Tangkapan layar dari WordPress. org, September 2022
Bagaimana cara menampilkan halaman 404 dalam html?

 

Plugin ini akan memungkinkan Anda mendesain halaman 404 khusus dan melacak kesalahan 404. Beberapa plugin 404 halaman yang populer termasuk

404page – your smart custom 404 error page – Ini adalah plugin 404 halaman yang sangat sederhana yang dapat Anda gunakan secara gratis. Buat halaman WordPress baru yang Anda inginkan menjadi halaman 404 kustom Anda. Untuk menetapkan ini sebagai halaman 404 khusus Anda, buka 'Tampilan' di dasbor WordPress Anda, lalu arahkan ke 'Halaman Kesalahan 404' dan pilih halaman yang Anda buat, menjadi halaman 404 default

SeedProd – Plugin WordPress ini memungkinkan Anda membuat template 404 halaman yang indah, ringan, dan disesuaikan yang dapat Anda gunakan di situs web Anda

Bagaimana cara menampilkan halaman 404 dalam html?
Bagaimana cara menampilkan halaman 404 dalam html?
Tangkapan layar dari WordPress. org, September 2022

Colorlib 404 Customizer – Plugin WordPress gratis ini menggunakan Live Customizer untuk dengan mudah membuat halaman 404 kustom yang cocok dengan tampilan situs Anda

Pengaturan muncul di dashboard WordPress Anda di bawah Appearance > Customize dan memungkinkan Anda menambahkan CSS tambahan untuk menyesuaikan halaman 404 Anda lebih lanjut

Bagaimana cara menampilkan halaman 404 dalam html?
Tangkapan layar dari WordPress. org, September 2022
Bagaimana cara menampilkan halaman 404 dalam html?

Custom 404 Pro – Plugin WordPress ini memungkinkan Anda membuat halaman 404 khusus di bagian Halaman di dasbor admin WordPress. Selain itu, ini akan memungkinkan Anda untuk melacak contoh URL yang dimasukkan yang mendorong halaman 404 sehingga Anda dapat memantau tautan yang rusak

Bagaimana cara menampilkan halaman 404 dalam html?
Tangkapan layar dari WordPress. org, September 2022
Bagaimana cara menampilkan halaman 404 dalam html?

Pengeditan Situs Penuh

Jika Anda menggunakan Tema Pengeditan Situs Lengkap WordPress, membuat halaman 404 khusus lebih mudah dari sebelumnya. Ikuti langkah-langkah berikut untuk membuat halaman 404 khusus untuk situs web WordPress Anda

Bagaimana cara menampilkan halaman 404 dalam html?
Cuplikan layar dari Dasbor WordPress, September 2022
Bagaimana cara menampilkan halaman 404 dalam html?

Ini akan secara otomatis mengalihkan jika seseorang mencoba membuka halaman yang tidak ada

  • Langkah 1. Di dasbor WordPress, klik Penampilan, lalu arahkan ke ‘Editor. ’
  • Langkah 2. Di bawah Editor, pilih Templat
  • Langkah 3. Pilih templat 404
  • Langkah 4. Gunakan editor blok untuk membuat halaman 404 khusus Anda dan tekan Simpan
  • Langkah 5. Tekan Simpan lagi untuk menyimpan template

Bagaimana cara menampilkan halaman 404 dalam html?
Cuplikan layar dari Dasbor WordPress, September 2022
Bagaimana cara menampilkan halaman 404 dalam html?

WordPress Kustom 404 Halaman

Tautan yang rusak atau URL yang salah tidak harus menjadi bencana

Anda dapat membuat laman kesalahan 404 Anda menyenangkan dan membuat pengguna tetap terlibat dengan memberikan tautan ke beranda Anda atau laman lain yang menarik di situs web Anda

Membuat halaman 404 khusus di WordPress lebih mudah dari sebelumnya dan tidak boleh diabaikan karena meningkatkan pengalaman pengguna

Laman ini juga memungkinkan Anda melacak kapan pengunjung menemukan laman 404 Anda sehingga Anda dapat memperbaiki tautan atau mengalihkan laman bila perlu

Jika Anda ingin melihat beberapa halaman 404 kreatif, buka beberapa situs favorit Anda dan ketik URL mereka dan tambahkan halaman yang Anda tahu tidak ada sampai akhir

Bagaimana cara menambahkan halaman 404 di HTML?

Mari kita langsung ke langkah pertama dari tutorial kita. .
Langkah 1. Buat Halaman Web Pendaratan HTML. Mari kita mulai dengan hanya membuat halaman HTML dasar. Ini akan menjadi dasar untuk menciptakan 404 yang lebih menarik dan informatif. .
Langkah 2. Beri tahu Server untuk Menggunakan HTML 404 Anda. Halaman Kesalahan. .
Langkah 3. Menyimpan. htaccess File ke Direktori Root

Bagaimana cara mengarahkan halaman 404 dalam HTML?

Instal dan aktifkan plugin Redirection untuk melakukan operasi satu per satu ini. .
Di Alat> Pengalihan> Tambahkan pengalihan baru
Di kotak URL Sumber, ketik atau tempel URL yang rusak/lama/diubah
Di kotak Target URL, ketik atau tempel URL baru
Pilih URL dan perujuk di drop down pertandingan
Di kotak Action, pilih Redirect to URL

Apa itu 404 kode halaman dalam HTML?

Kode status respons HTTP 404 Not Found menunjukkan bahwa server tidak dapat menemukan sumber daya yang diminta . Tautan yang mengarah ke halaman 404 sering disebut tautan rusak atau mati dan dapat mengalami pembusukan tautan.

Bagaimana cara menemukan 404 halaman situs web?

Menemukan 404 kesalahan dengan Google Analytics . head to “Behavior > Site Content > All Pages” and set the primary dimension to “Page Title”. Dari sana, Anda seharusnya dapat memfilter hasil dengan memasukkan judul halaman 404 ke dalam kotak pencarian.