12 Kumpulan Kode Redirect Domain

Redirect adalah halaman web dikunjungi di URL tertentu, kemudian berubah menjadi URL yang berbeda. Misalnya, seseorang mengunjungi "website.com/page-a" di browser mereka dan mereka dialihkan ke "website.com/page-b" sebagai gantinya.

Ini sangat berguna jika kita ingin mengarahkan halaman tertentu ke lokasi baru, mengubah struktur URL situs, menghapus "www." sebagian dari URL, atau bahkan mengarahkan pengguna ke situs web lain sepenuhnya hanya dengan beberapa perbaikan link.

Katakanlah Anda baru saja memindahkan blog Anda dan ingin melakukan migrasi ke platfrom lainnya misal dari blogger ke wordpress.

Namun Anda tidak ingin semua halaman dari situs lama memberikan 404 Not Found . Yang Anda butuhkan adalah agar tautan lama tersebut dialihkan ke konten yang sama di situs baru Anda.

Berikut contoh Anda: kami ingin old-website.com/blog/post mengarahkan ulang ke new-website.com/blog/post, bersama dengan semua pos lain yang menggunakan format URL yang sama.

Juga akan lebih baik jika redirect akan melaporkan ke mesin pencari bahwa perubahan ini bersifat permanen sehingga Google harus memperbaruinya.

Kumpulan Jenis Kode Redirect untuk 301 HTML, JavaScript, Apache, PHP DLL

Jadi bagaimana? Nah, sebelum kita mulai masuk dalam pembahasan sebaiknya kita perlu belajar sedikit tentang HTTP.

1. Kode respons HTTP

Setiap kali kita memasukkan URL atau membuat permintaan dari browser, kita menggunakan Hypertext Transfer Protocol (HTTP). Meskipun ini terdengar seperti nama yang sangat keren untuk film polisi fiksi ilmiah, ini sebenarnya adalah proses di mana kami meminta aset seperti CSS, HTML, dan gambar dari server.

Setelah kami mengirim permintaan, aset ini kemudian akan memberikan respons seperti "hei aku di sini, ayo pergi!" (kode tanggapan HTTP 200 OK).

Ada banyak jenis kode respons HTTP, yang paling familiar mungkin adalah 404 Not Found ; halaman web dapat merespons dengan status 404 tetapi begitu juga aset lain yang kami minta, apakah itu gambar atau jenis aset lainnya.

Setiap respons HTTP dikategorikan di bawah angka tiga digit tertentu, jadi 404 Not Found adalah kode status 4XX untuk mengklarifikasi bahwa itu adalah kesalahan klien dan 200 dalam kategori 2XX untuk menandakan bahwa itu adalah semacam pesan sukses.

Kami tertarik dengan kategori 3XX dari respons HTTP, seperti 301 Dipindahkan Secara Permanen atau 302 Ditemukan , karena ini adalah kode status yang khusus disisihkan untuk redirect. Bergantung pada metode yang kita pilih.

Kita tidak perlu tahu tentang kode-kode ini tetapi ini penting untuk orang lain.

Dalam kasus kami, kami akan menggunakan redirect 301 karena beberapa browser web atau server proxy akan meng-cache jenis ini, membuat halaman lama tidak dapat diakses dalam hal ini, persis seperti yang kami inginkan.

Jadi bagaimana kita sebenarnya mengarahkan ulang halaman web?

2. Redirect HTML

Mungkin cara paling sederhana untuk mengarahkan ulang ke URL lain adalah dengan tag Meta Refresh. Kami dapat menempatkan tag meta ini di dalam <head>di bagian atas halaman HTML seperti ini:

<meta http-equiv="refresh" content="0; URL='http://new-website.com'" />

3. Buat file baru dengan ekstensi .PHP

Atributnya contentadalah penundaan sebelum browser dialihkan ke halaman baru, jadi di sini kami menyetelnya ke 0 detik.

Perhatikan bahwa kita tidak perlu menyetel kode status HTTP, tetapi penting untuk memeriksa ulang pembukaan dan penutupan aneh dari tanda kutip di atas (ada tanda kutip di dalam tanda kutip, jadi jenis dan pencocokannya harus berbeda).

Meskipun metode ini adalah cara termudah untuk mengarahkan ulang ke halaman web, ada beberapa kelemahannya. Menurut W3C ada beberapa browser yang aneh dengan tag penyegaran Meta.

Pengguna mungkin melihat kilatan saat halaman A dimuat sebelum dialihkan ke halaman B.

Ini juga menonaktifkan tombol kembali pada browser lama. Ini bukan solusi ideal, dan tidak disarankan untuk digunakan sama sekali.

Opsi yang lebih aman mungkin adalah mengarahkan ulang blog dengan JavaScript.

4. Redirect JavaScript

Mengarahkan ke URL lain dengan JavaScript cukup mudah, kita hanya perlu mengubah locationproperti pada windowobjek:

window.location = "http://new-website.com";

JavaScript itu aneh, ada BANYAK cara untuk melakukan ini.

window.location = "http://new-website.com";
window.location.href = "http://new-website.com";
window.location.assign("http://new-website.com");
window.location.replace("http://new-website.com");

Belum lagi Anda bisa menggunakannya locationkarena objek jendela tersirat. Atau selfatau top.

Dengan locationobjek kita dapat melakukan banyak hal rapi lainnya juga seperti memuat ulang halaman atau mengubah jalur dan asal URL.

Ada beberapa masalah di sini:

JavaScript perlu diaktifkan dan diunduh/dijalankan agar ini berfungsi sama sekali.
Tidak jelas bagaimana mesin pencari bereaksi terhadap ini.
Tidak ada kode status yang terlibat, jadi Anda tidak dapat mengandalkan informasi tentang redirect.

Yang kami butuhkan adalah solusi sisi server untuk membantu kami dengan mengirimkan 301 tanggapan ke mesin pencari dan browser.

5. Redirect Apache

Mungkin metode paling umum untuk mengarahkan ulang halaman web adalah dengan menambahkan aturan khusus ke `.htaccess` di server web Apache. Kami kemudian dapat membiarkan server menangani semuanya.

`.htaccess` adalah dokumen yang memberi kita kemampuan untuk memberi perintah kepada Apache, perangkat lunak yang berjalan di server.

Untuk mengarahkan pengguna ke situs baru kami, kami akan membuat file .htaccess baru (atau mengedit yang sudah ada) dan menambahkannya ke direktori root situs web lama. Inilah aturan yang akan kami tambahkan:

Redirect 301 / http://www.new-website.com

Setiap halaman yang dikunjungi pengguna di situs web lama sekarang akan dialihkan ke yang baru. Seperti yang Anda lihat, kami menempatkan kode respons HTTP tepat di depan aturan redirect.

Perlu disebutkan bahwa redirect semacam ini hanya berfungsi di server Linux dengan mod_rewritemodul Apache yang diaktifkan, yang memungkinkan kita mengarahkan ulang URL yang diminta di server dengan memeriksa pola tertentu dan, jika pola itu ditemukan, itu akan mengubah permintaan dalam beberapa cara.

Sebagian besar perusahaan hosting mengaktifkan ini secara default, tetapi menghubungi mereka adalah pilihan terbaik Anda jika ada masalah.

Jika Anda mencari info lebih lanjut tentang mod_rewrite maka ada tutorial bagus tentang tuts+. Ada juga banyak potongan .htaccess di sini di CSS-Tricks.

Kembali ke contoh kita, jika kita menggunakan kode di atas maka pengguna akan pergi ke "situs-lama.com/blog/post" dan dikirim ke "situs-baru.com" yang sangat tidak ramah pengguna karena mereka akan ' t melihat halaman sebenarnya yang mereka minta.

Sebagai gantinya, kami akan menambahkan aturan berikut ke file `.htaccess` kami untuk mengarahkan semua posting blog tersebut ke tempat yang tepat:

RedirectMatch 301 /blog(.*) http://www.new-website.com$1

Atau mungkin kami ingin mengarahkan halaman individual dengan sangat spesifik. Kita dapat menambahkan aturan seperti ini:

Redirect 301 /page.html http://www.old-website/new-page.html

Dan untuk kesalahan, kami dapat mengarahkan pengguna ke halaman 404 kami (mungkin penuh dengan permainan kata-kata dan gif):

<IfModule mod_rewrite.c>
  RewriteEngine on
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule .* 404.html [L]
</IfModule>

Pertama kami memeriksa apakah mod_rewritemodul kami tersedia kemudian kami dapat menyalakannya dan, jika file atau direktori tidak ditemukan, kami mengirim pengguna ke halaman 404 kami. Agak rapi bahwa konten halaman yang mereka lihat akan berasal dari 404.htmlfile sementara URL yang diminta akan tetap sama.

Jika Anda tidak nyaman bermain-main dengan file `.htaccess` dan Anda telah menginstal WordPress, maka ada ekstensi bagus yang dapat menangani hal ini untuk kami.

6. Redirect Nginx

Jika server Anda menjalankan Nginx sebagai server web, maka dalam file `nginx.conf` Anda dapat menambahkan blok server untuk menangani permintaan redirect ini:

server {
  listen 80;
  server_name old-website.com;
  return 301 $scheme://new-website.com$request_uri;
}

Sekali lagi kami menggunakan respons HTTP 301 dan, dengan schemevariabel, kami akan meminta http://atau https://bergantung pada apa yang digunakan situs web asli.

Mungkin ide yang baik untuk melihat lebih dekat pada HTML5 Boilerplate nginx.conf untuk praktik terbaik tentang hal-hal terkait Nginx lainnya.

7. Redirect Lighttpd

Untuk server yang menjalankan server web Lighttpd , Anda melakukan redirect dengan terlebih dahulu mengimpor mod_redirectmodul dan menggunakan url.redirect:

server.modules  = (
  "mod_redirect"
)

$HTTP["host"] =~ "^(www\.)?old-website.com$" {
  url.redirect = (
    "^/(.*)$" => "http://www.new-website.com/$1",
  )
}

8. Redirect PHP

Dengan PHP kita dapat menggunakan fungsi header , yang cukup mudah:

<?php 
  header('Location: http://www.new-website.com');
  exit;
?>

Ini harus diatur sebelum markup atau konten apa pun, namun ada satu halangan kecil. Secara default, fungsi mengirimkan respons redirect 302 yang memberi tahu semua orang bahwa konten hanya dipindahkan sementara.

Mempertimbangkan kasus penggunaan khusus kami, kami harus memindahkan file secara permanen ke situs web baru kami, jadi kami harus membuat redirect 301 sebagai gantinya:

<?php
  header('Location: http://www.new-website.com/', true, 301);
  exit();
?>

Parameter opsional truedi atas akan menggantikan header yang ditetapkan sebelumnya dan 301 di akhir adalah yang mengubah kode respons menjadi yang benar.

9. Redirect Ruby on Rails

Dari pengontrol mana pun dalam proyek Rails , kita dapat dengan cepat mengarahkan ulang ke situs web baru dengan redirect_todan :statusopsi disetel ke :moved_permanently.

Dengan begitu kita mengganti kode status default 302 dan menggantinya dengan Moved Permanently:

class WelcomeController < ApplicationController
  def index
    redirect_to 'http://new-website.com', :status => :moved_permanently 
  end
end

Di Rails 4 ada cara yang lebih mudah untuk menangani permintaan ini di mana kita dapat menambahkan a redirectdalam routes.rbfile yang secara otomatis mengirimkan respons 301:

get "/blog" => redirect("http://new-website.com")

Atau jika kita ingin mengarahkan ulang setiap artikel di blog ke postingan di website baru kita bisa melakukannya dengan mengganti yang di atas dengan yang berikut ini:

get "/blog/:post" => redirect("http://new-website.com/blog/%{post}")

10. NET Redirect

Saya belum pernah menulis apa pun dengan kerangka .NET sebelumnya, tetapi sepertinya ada dokumentasi yang jelas di Jaringan Pengembang Microsoft.

11. Redirect Node.js

Berikut adalah pengaturan lokal yang sangat cepat yang menjelaskan cara kerja redirect dengan Node.js. Pertama kita memasukkan httpmodul dan membuat server baru, diikuti dengan .writeHead()metode:

var http = require("http");

http.createServer(function(req, res) {
  res.writeHead(301,{Location: 'http://new-website.com'});
  res.end();
}).listen(8888);

Jika Anda membuat file baru bernama index.jsdan menempelkan kode di atas lalu menjalankannya node index.jsdi baris perintah, Anda akan menemukan versi lokal situs web yang dialihkan ke new-website.com.

Tetapi untuk mengarahkan ulang semua posting di /blogbagian ini, kita perlu mengurai URL dari permintaan dengan urlmodul praktis Node:

var http = require("http");
var url = require("url");

http.createServer(function(req, res) {
  var pathname = url.parse(req.url).pathname;
  res.writeHead(301,{Location: 'http://new-website.com/' + pathname});
  res.end();
}).listen(8888);

Dengan menggunakan .writeHead()fungsi tersebut, kita kemudian dapat melampirkan nama path dari permintaan ke akhir string URL. Sekarang akan dialihkan ke jalur yang sama di situs baru kami. Ya untuk JavaScript!

12. Flask Redirect

Dengan kerangka Flask di atas Python kita cukup membuat rute yang menunjuk ke subhalaman dengan redirectfungsi tersebut, sekali lagi 301 harus menjadi opsi yang diteruskan di akhir karena defaultnya diatur ke 302:

@app.route('/notes/<page>')
def thing(page):
  return redirect("http://www.new-website.com/blog/" + page, code=301)

Jika Anda mengetahui trik lain untuk redirect 301 halaman blog, tambahkan komentar di bawah dan saya akan memperbarui posting ini dengan info terbaru.

Itulah daftar kumpulan kode redirect 301 yang bisa digunakan untuk berbagai kebutuhan. Semoga artikel ini dapat bermanfaat buat Anda semua.