Untuk apa halaman error 404, bagaimana cara menyesuaikannya dan membuatnya semenarik mungkin bagi pengguna? Semua pertanyaan ini tidak berhenti relevan bagi mereka yang membuat sendiri, menyesuaikan dan meningkatkannya secara mandiri untuk pelanggan dan pengguna mereka.
Menyesuaikan halaman WordPress 404 memiliki beberapa nuansa yang akan dibahas dalam artikel ini. Jadi mengapa membuang waktu berharga dan secara terpisah membuat halaman kesalahan untuk situs Anda?
Apa yang dilakukan halaman WordPress 404?
Kesalahan 404 berarti server tidak dapat menemukan halaman yang diperlukan pada detik yang diberikan menggunakan tautan yang ditunjukkan oleh pengguna. Ada beberapa alasan untuk tidak adanya halaman di alamat yang ditentukan. Entah tidak ada yang pernah membuat halaman seperti itu, mengikuti tautan yang rusak, atau telah dihapus. Dalam semua kasus, sistem mengarahkan pengguna ke halaman kesalahan yang disiapkan secara khusus.
Contoh:
Agar tidak mengarahkan pengguna ke jalan buntu setelah mencapai halaman yang salah, penting untuk mengaturnya sejelas dan seakurat mungkin. Jika tidak, itu hanya akan meninggalkan situs Anda untuk selamanya.
Didesain untuk tema umum situs, halaman mempertahankan perhatian pengguna dan dapat merekomendasikan penggunaan tautan tambahan yang mungkin menarik baginya.
Cara membuat WordPress halaman 404
Bagaimana cara membuat halaman WordPress 404 dengan semua aturan?
Pada halaman kesalahan yang lebih jarang ditinggalkan pengguna daripada halaman default:
- Seharusnya tidak ada pengalihan. Bahkan jika halaman yang dibutuhkan pengguna tidak ada, robot pencari perlu melihat informasi ini. Dengan demikian, halaman kesalahan tidak akan diindeks.
- Seperti disebutkan di atas, disarankan untuk mendesain halaman kesalahan sesuai dengan tema umum situs.
- Tanyakan kepada pembaca Anda, jika mereka menemukan tautan yang tidak mungkin untuk sampai ke halaman yang diperlukan, untuk memberi tahu Anda tentang koordinat yang ditentukan.
- Pada halaman kesalahan, sangat penting untuk menunjukkan tautan dan informasi yang mungkin menarik bagi pengguna. Disarankan juga untuk memposting formulir pencarian untuk mempertahankan pelanggan Anda.
- Tidak ada gunanya menunjukkan terlalu banyak poin teknis pada halaman 404; lebih baik mengatur dan menjelaskan situasinya kepada pengguna dalam bentuk yang sederhana dan mudah dipahami.
Jadi katakanlah Anda sudah bekerja di area admin WordPress. Untuk membuat halaman kesalahan, buka panel kontrol Anda Penampilan - Editor.
Temukan file di bilah sisi kanan 404. php dan klik untuk mengedit.
Langkah 1.
Halaman 404 tidak ditemukan WordPress perlu disesuaikan untuk pengguna Anda yang berbahasa Rusia. Oleh karena itu, Anda dapat mengganti semua pesan di dalam kode dengan pesan Anda sendiri. Tanda kutip dan elemen lain yang ada dalam kode, cobalah untuk tidak mengabaikan atau menghapus secara tidak sengaja.
Langkah 2.
Kami memperkenalkan formulir pencarian.
Untuk melakukan ini, Anda hanya perlu memasukkan elemen kode berikut ke dalam kode halaman:
Omong-omong, Anda juga dapat memasukkan skrip dari Google atau Yandex ke halaman kesalahan. Dengan bantuan mereka, pengguna akan dapat membuat permintaan ke mesin pencari langsung dari halaman 404 Anda.
Langkah 3.
Jika Anda ingin memungkinkan pengguna untuk melompat langsung dari halaman kesalahan ke bagian situs Anda, masukkan baris tambahan berikut ke dalam kode halaman utama.
Artikel situs baru
Bagianlokasi
Arsip
Gambar kreatif yang ditambahkan ke halaman kesalahan, bersama dengan teks penggemar dan tautan situs bergaya, membuat 404 menarik dan membuat pengguna tetap bersama Anda.
Omong-omong, halaman kesalahan dapat dibuat menggunakan plugin khusus. Namun, beberapa ahli percaya bahwa cara termudah adalah menambahkan baris kode yang diperlukan dengan tangan dan tidak memuat sumber daya Anda dengan ekstensi pihak ketiga.
- Perhatikan pengguna Anda di halaman kesalahan, bersikap sopan dan menguasai diri;
- Jangan membebani halaman ini dengan tautan terlalu banyak;
- Cobalah untuk menjadi kreatif dan lucu saat membuat halaman kesalahan;
- Undang mereka yang secara tidak sengaja membuka halaman kesalahan untuk mencoba lagi menemukan informasi yang mereka butuhkan dan menawarkan untuk mempertahankan pelanggan, misalnya, tautan ke produk mereka;
- Namun, cobalah untuk menjaga sesedikit mungkin tautan dari situs Anda rusak atau salah. Pertama, ini akan meningkatkan kualitas situs Anda, dan kedua, itu akan memiliki efek positif pada optimasi mesin pencari dan SEO.
Harap dicatat bahwa beberapa template WordPress mungkin tidak memiliki halaman 404. Namun, tetap disarankan untuk membuatnya, karena jika terjadi kesalahan dan CNC diaktifkan, sistem WordPress mengakses file 404.php. Jika tidak ada, pengguna akan dibawa kembali ke halaman utama situs, yang pada akhirnya dapat membingungkannya.
Saat membuat halaman kesalahan, jangan membosankan dan mungkin 404 Anda akan menjadi aset online nyata yang ingin dilihat semua orang.
Mengapa perlu membuat halaman 404 Anda sendiri?
Alasan utama dan satu-satunya adalah untuk tidak kehilangan pengunjung. Setiap pengguna mungkin mengalami situasi seperti itu ketika, dengan mengklik tautan di beberapa situs, browser, alih-alih halaman yang diminta, menunjukkan halaman kesalahan defaultnya. Kesalahan terjadi sebagai akibat dari permintaan yang salah dimasukkan atau halaman yang diminta telah dihapus oleh webmaster sendiri. Dalam hal ini, semua pengunjung berperilaku sama - mereka menutup halaman dan meninggalkan situs Anda.
Berhenti menuangkan air! Mari kita lebih spesifik!
Kami membuat dua file - 404.html dan .htaccess(file ini tidak bernama, tetapi dengan ekstensi htaccess), yang secara otomatis mengarahkan pengunjung ke 404.html, jika terjadi kesalahan. Agar pengalihan berfungsi, Anda perlu menambahkan satu baris ke file ini:
ErrorDocument 404 http://www.site.ru/404.html
Saat kedua file sudah siap, unggah ke server di root domain.
Kami telah membuat file kosong 404.html dan sekarang kita akan mengisi html kode itu sendiri 404 halaman aktif melamar HTML5 dan CSS3... Saya datang dengan cara saya sendiri tentang cara membuat dan halaman 404 yang indah.
Langkah pertama adalah memilih gambar atau foto yang besar dan berkualitas tinggi dengan ukuran minimal 1200x750 piksel. Ada banyak situs berlisensi gratis tempat Anda dapat mengunduh foto berkualitas sangat tinggi. Saya mengunduh secara gratis dari situs populer pixabay.com ini gambar lucu.
Saya ingin menempatkan gambar sebagai latar belakang di seluruh jendela browser dan menulis di tengah browser - 404 halaman tidak ditemukan dan menempatkan link ke halaman utama. Mari kita lihat lebih dekat poin-poin terpenting.
Efek tembus RGBA
Gambar yang dipilih terlalu terang, Anda perlu sedikit menggelapkannya, maka teks akan lebih mudah dibaca. Efek penggelapan semi-transparan dapat diperoleh dengan menggunakan RGBA dengan menulis baris kode berikut dalam gaya blok:
Latar Belakang: rgba (0, 0, 0, 0.7);
Tiga huruf pertama menunjukkan - merah, hijau, biru dan mereka sama dengan nol (yaitu, kita mendapatkan hitam). Dan huruf terakhir "a" - mewakili saluran alfa, yang bertanggung jawab atas transparansi elemen. Dalam kasus kami, angka 0,7 - menunjukkan naungan 70%. Skala dari transparansi penuh hingga opasitas penuh adalah antara nol dan satu (0 ... 1).
Elemen pemosisian
Untuk tata letak yang benar dari my contoh halaman 404 tanpa memahami cara kerja properti posisi, itu akan sulit. Setelah melihat hasil akhirnya 404 halaman, kita perlu memahami strukturnya html dokumen. Di sini kita melihat tiga lapisan ditumpangkan satu sama lain. lapisan bawah
- gambar itu sendiri, di tengah tag Lapisan tengah akan memiliki posisi absolut karena elemen (kotak bayangan) diposisikan relatif terhadap tepi browser dengan bantalan nol. Posisi: mutlak; Posisikan lapisan teks atas relatif terhadap elemen lapisan tengah. Posisi: relatif; Memiliki kode siap pakai ini dan hanya mengubah gambar itu sendiri, Anda dapat membuat sendiri banyak halaman "kesalahan" yang berbeda.
Jika Anda berencana untuk membuat website custom-made, maka Anda akan terbantu dengan segala seluk-beluk layout menggunakan HTML5 dan CSS3. Kami telah merilis buku baru, Pemasaran Konten di Media Sosial: Cara Menjadi Pemimpin Pelanggan dan Jatuh Cinta dengan Merek Anda. Kesalahan 404 atau Tidak Ditemukan ("tidak ditemukan") - kode respons server ke halaman yang tidak ada di situs. Seluruh proses berlangsung melalui protokol transfer data HTTP. Aplikasi klien membentuk dan mengirimkan permintaan ke server. Server, pada gilirannya, memproses permintaan ini dan menghasilkan respons. Dalam kasus kami, kode responsnya adalah 404. Respons server terlihat seperti ini: Anda pasti membutuhkan halaman 404 yang indah agar situs web Anda dapat menampilkannya kepada pengguna saat: Bagaimanapun, halaman tersebut memberi tahu pengguna bahwa halaman yang ingin dilihatnya tidak ditemukan. Pertama-tama, Anda perlu mencari tahu bagaimana halaman 404 untuk situs terbentuk. Sebenarnya, ini adalah halaman yang sama dengan halaman lain di proyek web Anda. Jika Anda menggunakan beberapa jenis CMS, maka Anda perlu mengetahui struktur file dan halaman yang ditampilkan saat memproses kode kesalahan 404. Jika situs Anda tidak ada di mesin, maka Anda akan disimpan oleh file .htaccess sistem, yang terletak di folder root situs Anda. Jika tidak ada, buat sendiri. Bagaimana cara membuat halaman 404? Anda hanya perlu menulis instruksi berikut ke dalam file ini: ErrorDocument 404 //situs/404.php Ini cukup sederhana! Pertama, halaman 404 harus! Halaman kesalahan 404 pasti ada di setiap situs web. Dalam proyek kecil, Anda dapat mengurangi kemungkinan kesalahan 404 dengan menggunakan program "s Link" Xenu. Dengan bantuannya, Anda dapat menemukan semua tautan yang rusak di situs dan melakukan tindakan berikut:
Sayangnya, Xenu tidak melindungi dari pengguna yang mungkin salah memasukkan teks tautan dan tidak menjamin terhadap tautan eksternal yang rusak atau kedaluwarsa yang akan diperkenalkan ke halaman situs Anda. Secara default, halaman kesalahan 404 disajikan sebagai halaman kosong dengan tulisan 404 Tidak Ditemukan; mungkin juga ada situasi dengan pengalihan ke halaman hosting, yang layanannya Anda gunakan. Tidaklah cukup bagi sebagian besar pengguna World Wide Web untuk menyediakan halaman dalam bentuk ini - mereka tidak akan mengerti apa yang terjadi, mengapa situs itu tiba-tiba menghilang dan membuatnya berfungsi. Ini berarti hanya satu hal - kehilangan klien. Tapi jangan menyerah dan mempertimbangkan situasi ini dari sudut yang berbeda. Bagaimana cara mendesain halaman 404 dan mempertahankan tamu di situs? Penting untuk memberikan informasi yang berguna dalam situasi saat ini dan mendorong pengguna ke tindakan yang akan membantu menyelesaikan masalah. Ini dapat dilakukan dengan berbagai cara: Dalam desain halaman 404, penting untuk tidak berlebihan - Anda tidak boleh membebaninya dengan konten. Desain visual halaman 404 tidak boleh keluar dari desain keseluruhan. Jadikan halaman 404 Anda sebagai sorotan situs Anda! Tambahkan kreativitas ke halaman dengan sentuhan humor - ini menarik dan mempertahankan pengunjung. Ada banyak contoh di web tentang arti halaman 404 yang asli dan indah. Saya tidak terlalu malas dan menemukan beberapa untuk Anda: Selamat siang semuanya, hari ini giliran 404 halaman... Halaman 404 adalah halaman yang terbuka saat pengguna membuka alamat (URL) yang tidak ada. Saya yakin Anda sudah sering bertemu dengannya. Berikut ini contoh halaman 404 di blog saya: Anda juga dapat melihat seperti apa tampilan halaman 404 di blog Anda. Jika cocok, biarkan saja, jika tidak, baca terus, bersama-sama kita akan membuat / mengedit "halaman alamat yang salah". 404 halaman adalah suatu keharusan! Ini akan menjaga pengunjung ke blog Anda. Biasanya, mereka yang melihat halaman kesalahan 404 standar hanya meninggalkan blog (dan apa lagi yang harus dilakukan jika ada tulisan "Error 404. Halaman tidak ditemukan" yang tidak dapat dipahami di depan mata mereka). Mari kita mulai. Saya akan memberikan contoh 404.php dari blog FanBar.ru. Saya telah menambahkan semua komentar yang diperlukan untuk menjelaskan kepada Anda apa yang dilakukan kode untuk memudahkan Anda membuatnya. 404 halaman kesalahan... Halaman ini Anda dapat (hanya unzip arsip), dan yang terlalu malas untuk mengunduh, lihat kode di bawah ini:
Pada dasarnya, itu saja. Jika Anda memiliki pertanyaan, tulis di komentar. Dan jangan lupa besok - Minggu, gratis. Berpartisipasi semua orang! _____________________________ Pelajaran berikutnya: Pelajaran 56: Menampilkan Tombol Retweet di Blog. Salam untuk pembaca dan pengunjung blog! Hari ini saya ingin menyentuh salah satu pertanyaan penting bagi seorang blogger, yaitu bagaimana mengubah halaman 404. Mari saya jelaskan segera apa itu halaman 404. Kesalahan 404 (halaman 404) atau Tidak Ditemukan adalah kode respons HTTP standar. Mungkin semua atau banyak yang mengalami kesalahan ini. Saat membuka halaman mana pun, pengguna melihat bahwa halaman tersebut tidak ada. Hal ini disebabkan karena adanya link "Rusak", "mati", ejaan yang salah saat mengetik secara manual dan kesalahan lainnya. Browser web meminta dokumen HTML (halaman web) dan mengharapkan kode respons numerik. Dalam kode 404, digit pertama "4" menunjukkan kesalahan klien, seperti salah ketik pada URL. Dua angka berikutnya mengidentifikasi kesalahan spesifik. Untuk pemahaman manusia tentang apa yang dilihatnya, ada penjelasan alasannya. Masalahnya adalah banyak blogger menggunakan template gratis untuk blog dan situs web mereka. Template gratis seringkali tidak ditulis dengan benar dan banyak 404 penulis tidak memperhatikan halaman. Akibatnya, ketika pengunjung tiba di sebuah blog dan melihat teks bahasa Inggris yang tidak dia mengerti, dia pergi begitu saja. Agar pengunjung tidak takut dan tidak meninggalkan blog Anda, cukup dengan sedikit mengubah tampilan halaman. Ini tidak cukup sulit untuk dilakukan. Penting untuk memperbaiki kode halaman di editor, menambahkan deskripsi masalah dalam bahasa Rusia, menawarkan untuk tetap di blog dan menambahkan sesuatu yang lucu (misalnya, seperti di awal artikel). Saya memiliki template berbayar yang terpasang di blog saya. Setelah mengubah beberapa tema gratis, karena masalah dengan pengaturan, saya memutuskan untuk tetap menggunakan versi berbayar. Ngomong-ngomong, tidak mahal sama sekali. Sekarang saya tidak akan mencantumkan pro dan kontra dari template berbayar dan gratis, saya hanya akan mengatakan bahwa dalam template ini halaman 404 sudah memiliki tampilan yang lumayan bagus. Namun demikian, saya memutuskan untuk "menghidupkan kembali" dia sedikit. Beginilah tampilan halaman sebelum perubahan: Secara umum, pengunjung dapat mengetahui bahwa halaman tersebut tidak ditemukan, untuk alasan apa ini bisa terjadi dan apa yang harus dilakukan dalam kasus ini. Anda mungkin memiliki halaman yang sama sekali berbeda, dengan konten yang kira-kira sama. Untuk mengedit halaman 404, cukup melakukan perubahan pada file 404.php yang terletak di folder dengan tema blog Anda. Mengedit file dapat dilakukan langsung di panel admin Word Press blog Anda. Buka panel admin, "Penampilan" ===> sub-item "Editor". Di sisi kanan layar, dalam daftar file, pilih Template Kesalahan 404 (404. php). Buka filenya. Dalam kasus saya, terlihat seperti ini: Yang perlu Anda lakukan hanyalah mengubah teks dalam nilainya Di antara baris teks, saya menyisipkan gambar yang saya unduh dan edit. Gambar harus diupload ke hosting.404 kode halaman
Masuk ke halaman rumah..
Bagaimana itu bekerja?
Penyebab kesalahan 404
Bagaimana cara membuat halaman 404?
404 desain halaman
Teks untuk halaman 404
404 desain halaman
Jika Anda "langsung" ingin melihat seperti apa "halaman ajaib" ini, ketik saja di baris browser alamat yang tidak ada di blog. Misalnya, saya memasukkan serangkaian angka dan huruf secara acak:Membuat dan mengedit halaman 404
Siap 404 halaman.
Mungkin ada beberapa alasan:
Saya mengusulkan untuk pergi:
Kesalahan 404. Tidak ada halaman seperti itu yang ditemukan.
Mungkin ada beberapa alasan:
Saya mengusulkan untuk pergi:
Anda juga dapat menggunakan pencarian:
Atau buka kategori blog apa pun:
Bagaimana cara membuat halaman 404?
Sisipkan gambar
