Last Updated on January 10, 2022 by
Ketika bekerja dengan HTML, Anda dapat mengalihkan halaman dari halaman satu ke halaman lainnya. Anda dapat menggunakannya dengan memanfaatkan redirect url yang ada di dalam bahasa pemrograman HTML.
Pada materi kali ini, kita akan belajar tentang redirect url dengan menggunakan HTML. Mari simak penjelasannya berikut.
Table of Contents
Apa itu Redirect URL dalam HTML?
Redirect URL HTML terjadi saat pengguna memasukkan URL, tetapi URL berubah, dan browser mengarahkan ke URL yang berbeda. Developer situs web mengandalkan mereka ketika mereka perlu mengubah struktur situs mereka atau lokasi halaman tertentu. Tentu saja, Anda juga dapat mengarahkan ulang ke situs web yang sama sekali berbeda.
Saat bekerja dengan Hypertext Transfer Protocol (HTTP), Anda harus memiliki pemahaman dasar tentang kode responsnya. Mereka berisi tiga digit, yang pertama mendefinisikan jenisnya:
| Kode Respon | Tipe Respon |
| 1xx | Respons informasi (misalnya Processing) |
| 2xx | Respon yang berhasil (misalnya OK) |
| 3xx | Respon Redirect (misalnya Moved Permanently) |
| 4xx | Respons kesalahan sisi klien (misalnya Not Found) |
| 5xx | Respons kesalahan sisi server (misalnya Bad Gateway) |
Katakanlah Anda menutup situs web lama Anda dan membuka yang baru. Jika pengguna mengetik URL yang lama ke browser mereka, itu akan mengembalikan kode respons 404 (Not Found).
Namun, jika Anda menggunakan Redirect HTML, pengguna akan mendapatkan 301 (Moved Permanently) atau 302 (Found). Kode ini tidak terlihat oleh pengguna, tetapi browser memahaminya dan mengarahkan pengguna ke URL baru dalam beberapa saat.
Synntax untuk HTML Redirect URL
Redirect URL dalam HTML juga dikenal sebagai Redirect meta refresh, atau hanya Redirect meta HTML. Ini memungkinkan Anda untuk memilih apakah Anda memerlukan Redirect langsung atau tertunda. Jika Anda menentukan waktu tunda dalam hitungan detik, pengguna akan melihat halaman lama persis selama itu.
Untuk membuat halaman url dalam HTML dialihkan ke halaman lain, Anda harus mengikuti sintaks ini:
<meta http-equiv="refresh" content="time; URL=new_url" />
Seperti yang Anda lihat, ini membutuhkan dua parameter:
- Time menunjukkan penundaan sebelum browser mengarahkan pengguna ke halaman lain. Tentukan dalam hitungan detik, atau masukkan 0 jika Anda memerlukan Redirect HTML segera.
- new_url mewakili alamat URL yang Anda perlukan untuk mengarahkan pengguna Anda setelah penundaan.
Pada contoh di bawah ini, Anda dapat melihat kode Redirect HTML yang membawa pengguna ke situs web Web App dengan penundaan 3 detik:
<meta http-equiv="refresh" content="3; URL=https://www.codekey.id/" />
Sama seperti semua meta tag, HTML redirect harus ditempatkan di bagian <head> dokumen. Dengan cara ini, browser menerima instruksi tertentu yang tetap tidak terlihat oleh pengguna.
Mengapa Menunda Redirect URL dalam HTML?
Jika Anda tidak yakin mengapa Anda harus menunda Redirect meta HTML Anda, pikirkan tentang kesempatan untuk mengatur pesan untuk pengguna. Anda dapat memberi tahu mereka bahwa halaman telah dipindahkan, dan kemudian segera mengirim mereka ke yang baru.
Alasan penting lainnya adalah kemungkinan kecil tag tidak ditampilkan dengan benar. Ini mungkin terjadi jika pengguna menggunakan beberapa browser kuno. Dalam hal ini, Anda dapat menambahkan tautan langsung ke halaman lama yang mungkin diklik pengguna secara manual jika kode Redirect HTML gagal.
<head> <meta http-equiv="refresh" content="3; URL=https://www.codekey.id/" /> </head> <body> <p>Anda akan dialihkan dalam 3 detik, jika tidak teralihkan silahkan <a href="https://www.codekey.id/">klik disini</a>.</p> </body>
Seperti yang Anda lihat, yang Anda butuhkan untuk menambahkan tautan yang dapat diklik langsung adalah sepasang tag jangkar. Pastikan untuk menempatkannya di bagian <body> dan bukan <head> dengan tag Redirect meta HTML: tidak ada gunanya tautan yang dapat diklik yang tidak dapat dilihat pengguna sejak awal.
Redirect HTML : Sebuah Tips
- Jika Anda tidak menentukan alamat URL baru untuk Redirect, halaman HTML hanya akan memuat ulang sendiri setelah waktu yang ditentukan. Ini dapat berguna ketika Anda perlu menyegarkan konten dinamis.
- Kami menyarankan Anda untuk menghindari penundaan yang lebih pendek dari 3 detik, karena hal itu membuat pengguna hampir tidak mungkin mengeklik tombol Kembali di browser mereka.
- Berhati-hatilah untuk tidak terlalu sering menggunakan Redirect meta HTML: jika situs web Anda memiliki banyak sekali, mesin telusur mungkin mengira itu berisi spam dan menghapusnya dari indeks mereka.
- Anda juga dapat membuat Redirect dengan PHP, JavaScript, Ruby on Rails, dan Python Flask, serta di server web Apache, Nginx, dan Lighttpd.
Itulah penjelasan tentang redirect url HTML bagi Anda yang ingin menggunakannya. Jika Anda ingin belajar lebih jauh tentang HTML, jangan lupa kunjungi Codekey di https://codekey.id/.
Codekey adalah situs untuk belajar Bahasa Pemrograman dengan mudah dan gratis. Anda bisa belajar coding dan pemrograman kapan saja dan di mana saja dengan Codekey.
Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.
