{"id":35895,"date":"2023-01-25T16:24:42","date_gmt":"2023-01-25T09:24:42","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=35895"},"modified":"2023-02-20T08:44:59","modified_gmt":"2023-02-20T01:44:59","slug":"301-redirect","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/301-redirect\/","title":{"rendered":"301 Redirect: Pengertian, Fungsi, dan Cara Membuatnya"},"content":{"rendered":"\n

Secara bahasa, redirect artinya pengalihan. Dalam dunia website, ada satu istilah yang berkaitan erat dengan teknik pengalihan ini yaitu domain forwarding atau redirect domain. Pada praktiknya, ada beberapa opsi pengalihan yang bisa Anda gunakan seperti 301 redirect dan 302 redirect.<\/p>\n\n\n\n\n\n

Pada artikel kali ini, kami akan membahas salah satu teknik pengalihan ini yaitu 301 redirect. Ingin tahu apa itu 301 redirect, fungsi hingga cara membuatnya? Simak artikel berikut.<\/p>\n\n\n\n

Apa itu 301 Redirect<\/h2>\n\n\n\n

301 Redirect <\/em>adalah pengalihan permanen dari satu URL ke URL yang lain. Artinya semua pengguna\/pengunjung yang mengakses URL lama, akan otomatis diarahkan atau dialihkan ke URL yang baru. <\/p>\n\n\n\n

Sebagai contoh, jika Anda ingin mengalihkan domain Anda ke domain lain, maka Anda bisa melakukan setting 301 redirect melalui panel domain atau hosting<\/a> Anda.<\/p>\n\n\n\n

Fungsi dan Manfaat<\/h2>\n\n\n\n

301 redirect berfungsi untuk mengarahkan domain atau URL website Anda, ke alamat website lain yang dikehendaki. Sehingga ketika domain atau URL website Anda diakses, maka secara otomatis diarahkan ke URL website tujuan. <\/p>\n\n\n\n

Opsi redirect ini bisa Anda pilih, jika Anda ingin melakukan re-branding<\/em> dari domain lama ke domain yang baru. Selain itu, penerapan 301 redirect juga bisa Anda gunakan, untuk \u201cmemaksa\u201d domain<\/a> Anda menggunakan HTTPS (Force HTTPS<\/em>).<\/p>\n\n\n\n

Cara Setting <\/em>301 Redirect<\/h2>\n\n\n\n

Berikut adalah beberapa opsi yang bisa Anda lakukan, untuk setting 301 redirect pada domain atau website.<\/p>\n\n\n\n

Setting Redirect pada website berbasis PHP<\/h3>\n\n\n\n

Cara setting 301 Redirect pada aplikasi berbasis PHP sangatlah mudah. Anda tinggal menambahkan baris script<\/em> berikut pada file .htaccess domain atau URL yang ingin dialihkan. Berikut baris script<\/em>-nya:<\/p>\n\n\n\n

RewriteEngine On\nRewriteBase \/\nRewriteCond %{HTTP_HOST} ^domainlama.com$ [NC]\nRewriteRule ^(.*)$ domainbaru.com [R=301,L]<\/code><\/pre>\n\n\n\n
Sebagai contoh, domain portoportoku.my.id ingin diarahkan ke domain staging.portoportoku.my.id. Kita tinggal menambahkan baris script berikut pada file .htaccess website portoportoku.my.id:<\/p>\n\n\n\n
RewriteEngine On\nRewriteBase \/\nRewriteCond %{HTTP_HOST} ^portoportoku.my.id$ [NC]\nRewriteRule ^(.*)$ http:\/\/staging.portoportoku.my.id [R=301,L]<\/code><\/pre>\n\n\n\n
Berikut screenshot domain portoportoku.my.id sebelum di redirect ke domain staging.portoportoku.my.id:<\/p>\n\n\n\n
\"contoh<\/a><\/figure>\n\n\n\n
Berikut screenshot domain portoportoku.my.id setelah di redirect ke domain staging.portoportoku.my.id<\/p>\n\n\n\n
\"hasil<\/a><\/figure>\n\n\n\n
Untuk melakukan pengecekan apakah redirect berhasil atau tidak bisa dilihat dari Inspect Element <\/strong>pada setiap browser (Klik Kanan – Inspect Element). Berikut hasil Inspect Element<\/em> yang dilakukan dari browser Firefox:<\/p>\n\n\n\n
\"melihat<\/a><\/figure>\n\n\n\n
\"hasil<\/a><\/figure>\n\n\n\n
Dari screenshot hasil Inspect Element<\/em> diatas, terlihat bahwa domain portoportoku.my.id sudah ter-redirect ke domain staging portoportoku.my.id.<\/p>\n\n\n\n
Setting 301 Redirect di WordPress<\/h3>\n\n\n\n
Bagi Anda pengguna CMS WordPress, setting 301 redirect bisa dilakukan dengan mudah. Ada beberapa cara untuk melakukan 301 redirect pada WordPress seperti melalui file<\/em> .htaccess, fil<\/em>e function.php, dan menggunakan Plugins.<\/p>\n\n\n\n
Berikut kami berikan contoh setting 301 redirect di WordPress<\/p>\n\n\n\n
Melalui file<\/em> .htaccess<\/h4>\n\n\n\n
Bila ingin melakukan redirect dari file .htaccess, silahkan dapat menambahkan baris script berikut pada file .htaccess website domain Anda.<\/p>\n\n\n\n
# BEGIN WordPress\n\nRewriteEngine On\nRewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]\nRewriteBase \/\nRedirect 301 \/slug-posting-lama \/slug-posting-baru\nRewriteRule ^index\\.php$ - [L]\nRewriteCond %{REQUEST_FILENAME} !-f\nRewriteCond %{REQUEST_FILENAME} !-d\nRewriteRule . \/index.php [L]\n\n# END WordPress<\/code><\/pre>\n\n\n\n
Sebagai contoh, portoportoku.my.id\/works ingin dialihkan\/di-redirect ke portoportoku.my.id\/about-us. Silahkan dapat menambahkan baris berikut di file .htaccess:<\/p>\n\n\n\n
Redirect 301 \/works \/about-us<\/code><\/pre>\n\n\n\n
Atau, jika ingin mengalihkan domain portoportoku.my.id ke https:\/\/rumahweb.com\/ misalnya, silahkan dapat menambahkan baris script berikut di file .htaccess:<\/p>\n\n\n\n
Redirect 301 \/ https:\/\/www.rumahweb.com\/<\/code><\/pre>\n\n\n\n
Melalui file<\/em> function.php<\/h4>\n\n\n\n
Untuk melakukan 301 redirect menggunakan file<\/em> function.php, Anda bisa menggunakan fitur bawaan dari WordPress yaitu wp_redirect(). Dengan menggunakan wp_redirect(), Anda bisa menggunakan beberapa jenis redirect yang berbeda. <\/p>\n\n\n\n
\n
Catatan<\/p>\nPerlu diperhatikan, file<\/em> function.php yang di setting redirect adalah file <\/em>function.php dari tema WordPress yang sedang kita gunakan atau yang sedang aktif.<\/cite><\/blockquote>\n\n\n\n
Bila ingin mengarahkan seluruh situs Anda ke alamat URL yang lain, Anda bisa menambahkan baris script berikut pada file<\/em> function.php:<\/p>\n\n\n\n
wp_redirect( 'https:\/\/domaintujuan.com\/', 301);\nexit;<\/code><\/pre>\n\n\n\n
Contoh, saat ini domain portoportoku.my.id ingin diarahkan ke https:\/\/youtube.com, maka Anda tinggal menambahkan baris script berikut pada file function.php:<\/p>\n\n\n\n
wp_redirect('https:\/\/youtube.com', 301);\nexit;<\/code><\/pre>\n\n\n\n
Setelah script tersebut kita tambahkan, maka ketika kita coba akses domain portoportoku.my.id, domain kita langsung diarahkan ke https:\/\/youtube.com, seperti screenshot berikut:<\/p>\n\n\n\n
\"contoh<\/a><\/figure>\n\n\n\n
Selanjutnya, bila ingin mengarahkan URL tertentu pada website Anda ke alamat URL yang lain, Anda bisa menambahkan baris script<\/em> berikut pada file<\/em> function.php. Perlu diingat bahwa URL yang dimaksud disini adalah Slug<\/a>.<\/p>\n\n\n\n
Silahkan menambahkan baris script berikut pada file function.php.<\/p>\n\n\n\n
function redirect_page() {\n\n \tif (isset($_SERVER['HTTPS']) &&\n    \t($_SERVER['HTTPS'] == 'on' || $_SERVER['HTTPS'] == 1) ||\n    \tisset($_SERVER['HTTP_X_FORWARDED_PROTO']) &&\n    \t$_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') {\n    \t$protocol = 'https:\/\/';\n    \t}\n    \telse {\n    \t$protocol = 'http:\/\/';\n\t}\n\n\t$currenturl = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];\n\t$currenturl_relative = wp_make_link_relative($currenturl);\n\n\tswitch ($currenturl_relative) {\n    \n   \t\t \n   \t case '\/slug-awal\/':\n        \t$urlto = home_url('\/slug-tujuan\/');\n        \tbreak;    \n   \t \n    \tdefault:\n        \treturn;\n    \n\t}\n    \n\tif ($currenturl != $urlto)\n    \texit( wp_redirect( $urlto ) );\n\n\n}\nadd_action( 'template_redirect', 'redirect_page' );<\/code><\/pre>\n\n\n\n
Sebagai contoh, disini kami mencoba untuk mengarahkan (redirect) URL portoportoku.my.id\/works\/ ke portoportoku.my.id\/about-us. Di bagian script ini, Anda cukup mengubah URL asal dan URL tujuan, seperti berikut:<\/p>\n\n\n\n
 case '\/works\/':\n       $urlto = home_url('\/about-us\/');\n       break; <\/code><\/pre>\n\n\n\n
Bila portoportoku.my.id\/works\/ diakses, maka otomatis diarahkan ke portoportoku.my.id\/about-us\/, seperti screenshot berikut:<\/p>\n\n\n\n
\"hasil<\/a><\/figure>\n\n\n\n
Menggunakan plugin<\/h4>\n\n\n\n
Jika merasa sulit untuk melakukan setting dari file .htaccess maupun dari function.php, Anda juga bisa melakukan pengalihan (redirect 301) menggunakan plugin gratis yang disediakan oleh WordPress.com, salah satunya plugin Redirection<\/a>.<\/p>\n\n\n\n
Panduan setting 301 redirect menggunakan plugin Redirection adalah sebagai berikut:<\/p>\n\n\n\n
    \n
  1. Silahkan install dan aktifkan plugin Redirection dari halaman wp-admin website Anda.<\/li>\n\n\n\n
  2. Setelah plugin aktif, silahkan cari menu Redirection <\/strong>dari menu Tools<\/strong> – Redirection<\/strong>, seperti screenshot berikut:<\/li>\n<\/ol>\n\n\n\n
    \"plugin<\/a><\/figure>\n\n\n\n
      \n
    1. Ada 2 jenis sistem redirect yang bisa dilakukan pada plugin Redirection, yaitu redirect per halaman<\/strong> dan redirect domain<\/strong>. Bila ingin setting redirect per halaman, kita bisa mulai melakukan pengalihan (redirect) dengan mengisi Source URL <\/strong>\u00a0dan Target URL<\/strong>. 

      Sebagai contoh, saat ini ingin melakukan redirect dari halaman satu ke halaman lainnya (misalnya: portoportoku.my.id\/works\/ ke portoportoku.my.id\/about-us\/), Anda dapat memasukkan kolom berikut:

      Source URL<\/strong> : \/works\/<\/strong>
      Target URL :<\/strong> https:\/\/portoportoku.my.id\/about-us\/<\/strong>

      Kemudian klik Add Redirect<\/strong>. Bila redirect berhasil, maka list URL yang di setting redirect akan muncul seperti screenshot berikut:<\/li>\n<\/ol>\n\n\n\n
      \"setting<\/a><\/figure>\n\n\n\n
        \n
      1. Ketika portoportoku.my.id\/works diakses, maka Anda langsung diarahkan ke URL portoportoku.my.id\/about-us, seperti screenshot berikut:<\/li>\n<\/ol>\n\n\n\n
        \"hasil<\/a><\/figure>\n\n\n\n
          \n
        1. Selanjutnya, bila ingin redirect domain utama ke domain atau URL\/situs lain, Anda dapat melakukan setting dari menu Site<\/strong>, kemudian isi domain tujuan Anda di kolom Relocate to domain<\/strong>. 

          Sebagai contoh, ketika ini ingin mengalihkan domain portoportoku.my.id ke staging.portoportoku.my.id, Anda tinggal mengisi kolom Relocate to domain <\/strong> dengan domain staging.portoportoku.my.id, kemudian klik Update<\/strong> seperti pada screenshot dibawah ini:<\/li>\n<\/ol>\n\n\n\n
          \"Menu<\/a><\/figure>\n\n\n\n
            \n
          1. Sekarang, bila portoportoku.my.id diakses, maka domain tersebut otomatis diarahkan\/redirect ke domain staging.portoportoku.my.id, seperti screenshot berikut:<\/li>\n<\/ol>\n\n\n\n
            \"Contoh<\/a><\/figure>\n\n\n\n
            Demikian artikel kami tentang apa itu 301 redirect, fungsi hingga cara membuatnya. Semoga dapat membantu.<\/p>\n","protected":false},"excerpt":{"rendered":"
            Secara bahasa, redirect artinya pengalihan. Dalam dunia website, ada satu istilah yang berkaitan erat dengan teknik pengalihan ini yaitu domain forwarding atau redirect domain. Pada praktiknya, ada beberapa opsi pengalihan yang bisa Anda gunakan seperti 301 redirect dan 302 redirect. Pada artikel kali ini, kami akan membahas salah satu teknik pengalihan ini yaitu 301 redirect. […]<\/p>\n","protected":false},"author":350,"featured_media":35944,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[142],"tags":[1912,151,385],"class_list":{"0":"post-35895","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tips-dan-trik","8":"tag-301-redirect","9":"tag-domain-forwarding","10":"tag-redirect"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2023\/01\/Banner-301-Redirect-adalah-Pengertian-Fungsi-dan-Cara-Membuatnya.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-9kX","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/35895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/350"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=35895"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/35895\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/35944"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=35895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=35895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=35895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}