Cara Melakukan Permalink dan Redirection Blogger ke Wordpress

Terakhir diupdate: 19 Maret 2025

Hai Sob! Setelah sebelumnya artikel membahas tentanf migrasi Blogger ke Wordpress, kali ini Jagoan Hosting akan berbagi dengan kalian tentang Permalink dan Redirection Blogger ke Wordpress. Nah kamu tentu tidak ingin kehilangan index Google yang telah dibangun sebelumnya di Blogger kan? Jadi Simak Artikel dibawah ini ya Sob!

Apa Sih Fungsi Permalink itu?

Fungsi utama dari URL permalink adalah memudahkan kamu dalam masuk ke dalam laman tertentu dari sebuah website. Kamu tidak perlu membuka laman utama dari sebuah website dan menelusuri mana laman yang kamu inginkan. Hal ini akan membuat kamu buang-buang waktu saja.

Fungsi yang kedua dari URL permalink adalah memudahkan pemilik website dalam memberikan SEO kepada artikel-artikel yang ada di dalam website mereka. Ya, dengan memberikan judul hingga kategori ke dalam URL permalink, maka mesin pencari seperti Google akan memudahkan penggunanya dalam mencari artikel dari keyword tertentu dan langsung ditujukan kepada website yang memuat keyword tersebut di dalam URL permalink mereka.

STEP 1 : Masuk ke menu Settings > Permalinks. Pilih Month and name, kemudian klik Save.

STEP 2 : Nah kali ini kita langsung masuk ke pegaturan redirection ntuk menjaga agar website kamu tidak kehilangan Google Ranking saat dipindahkan dari Blogger ke WordPress.

STEP 3 : Masuk ke Blogger kamu kemudian pilih kembali ke template klasik.

STEP 4 : Setelah Anda klik button Kembali ke template klasik maka akan muncul tampilan seperti gambar di bawah ini lengkap dengan tampilan editor HTML.

STEP 5 : Masukkan script di bawah ini sebagai pengganti script yang ada di halaman editor HTML Anda, kemudian ubah nama domain sesuai nama domain yang Anda gunakan.

				
					
	<html>

<head>

<title><$BlogPageTitle$></title>

<script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">

<MainOrArchivePage>

window.location.href="http://amirarudi.com/"

</MainOrArchivePage>

<Blogger>

<ItemPage>

window.location.href="http://amirarudi.com/?blogger=<$BlogItemPermalinkURL$>"

</ItemPage>

</Blogger>

</script>

<MainPage>

<link rel="canonical" href="http://amirarudi.com/" />

</MainPage>

<Blogger>

<ItemPage>

<link rel="canonical" href="http://niagahosting.xyz/?blogger=<$BlogItemPermalinkURL$>" />

</ItemPage>

</Blogger>

</head>

<body>

<MainOrArchivePage>

<h1><a href="http://amirarudi.com/"><$BlogTitle$></a></h1>

</MainOrArchivePage>

<Blogger>

<ItemPage>

<h1><a href="http://amirarudi.com/?blogger=<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></h1>

<$BlogItemBody$>

</ItemPage>

</Blogger>

<script id="perfmatters-delayed-scripts-js">(function(){window.pmDC=1;window.pmDT=10;if(window.pmDT){var e=setTimeout(d,window.pmDT*1e3)}const t=["keydown","mousedown","mousemove","wheel","touchmove","touchstart","touchend"];const n={normal:[],defer:[],async:[]};const o=[];const i=[];var r=false;var a="";window.pmIsClickPending=false;t.forEach(function(e){window.addEventListener(e,d,{passive:true})});if(window.pmDC){window.addEventListener("touchstart",b,{passive:true});window.addEventListener("mousedown",b)}function d(){if(typeof e!=="undefined"){clearTimeout(e)}t.forEach(function(e){window.removeEventListener(e,d,{passive:true})});if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",s)}else{s()}}async function s(){c();u();f();m();await w(n.normal);await w(n.defer);await w(n.async);await p();document.querySelectorAll("link[data-pmdelayedstyle]").forEach(function(e){e.setAttribute("href",e.getAttribute("data-pmdelayedstyle"))});window.dispatchEvent(new Event("perfmatters-allScriptsLoaded")),E().then(()=>{h()})}function c(){let o={};function e(t,e){function n(e){return o[t].delayedEvents.indexOf(e)>=0?"perfmatters-"+e:e}if(!o[t]){o[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},delayedEvents:[]};t.addEventListener=function(){arguments[0]=n(arguments[0]);o[t].originalFunctions.add.apply(t,arguments)};t.removeEventListener=function(){arguments[0]=n(arguments[0]);o[t].originalFunctions.remove.apply(t,arguments)}}o[t].delayedEvents.push(e)}function t(t,n){const e=t[n];Object.defineProperty(t,n,{get:!e?function(){}:e,set:function(e){t["perfmatters"+n]=e}})}e(document,"DOMContentLoaded");e(window,"DOMContentLoaded");e(window,"load");e(document,"readystatechange");t(document,"onreadystatechange");t(window,"onload")}function u(){let n=window.jQuery;Object.defineProperty(window,"jQuery",{get(){return n},set(t){if(t&&t.fn&&!o.includes(t)){t.fn.ready=t.fn.init.prototype.ready=function(e){if(r){e.bind(document)(t)}else{document.addEventListener("perfmatters-DOMContentLoaded",function(){e.bind(document)(t)})}};const e=t.fn.on;t.fn.on=t.fn.init.prototype.on=function(){if(this[0]===window){function t(e){e=e.split(" ");e=e.map(function(e){if(e==="load"||e.indexOf("load.")===0){return"perfmatters-jquery-load"}else{return e}});e=e.join(" ");return e}if(typeof arguments[0]=="string"||arguments[0]instanceof String){arguments[0]=t(arguments[0])}else if(typeof arguments[0]=="object"){Object.keys(arguments[0]).forEach(function(e){delete Object.assign(arguments[0],{[t(e)]:arguments[0][e]})[e]})}}return e.apply(this,arguments),this};o.push(t)}n=t}})}function f(){document.querySelectorAll("script[type=pmdelayedscript]").forEach(function(e){if(e.hasAttribute("src")){if(e.hasAttribute("defer")&&e.defer!==false){n.defer.push(e)}else if(e.hasAttribute("async")&&e.async!==false){n.async.push(e)}else{n.normal.push(e)}}else{n.normal.push(e)}})}function m(){var o=document.createDocumentFragment();[...n.normal,...n.defer,...n.async].forEach(function(e){var t=e.getAttribute("src");if(t){var n=document.createElement("link");n.href=t;if(e.getAttribute("data-perfmatters-type")=="module"){n.rel="modulepreload"}else{n.rel="preload";n.as="script"}o.appendChild(n)}});document.head.appendChild(o)}async function w(e){var t=e.shift();if(t){await l(t);return w(e)}return Promise.resolve()}async function l(t){await v();return new Promise(function(e){const n=document.createElement("script");[...t.attributes].forEach(function(e){let t=e.nodeName;if(t!=="type"){if(t==="data-perfmatters-type"){t="type"}n.setAttribute(t,e.nodeValue)}});if(t.hasAttribute("src")){n.addEventListener("load",e);n.addEventListener("error",e)}else{n.text=t.text;e()}t.parentNode.replaceChild(n,t)})}async function p(){r=true;await v();document.dispatchEvent(new Event("perfmatters-DOMContentLoaded"));await v();window.dispatchEvent(new Event("perfmatters-DOMContentLoaded"));await v();document.dispatchEvent(new Event("perfmatters-readystatechange"));await v();if(document.perfmattersonreadystatechange){document.perfmattersonreadystatechange()}await v();window.dispatchEvent(new Event("perfmatters-load"));await v();if(window.perfmattersonload){window.perfmattersonload()}await v();o.forEach(function(e){e(window).trigger("perfmatters-jquery-load")})}async function v(){return new Promise(function(e){requestAnimationFrame(e)})}function h(){window.removeEventListener("touchstart",b,{passive:true});window.removeEventListener("mousedown",b);i.forEach(e=>{if(e.target.outerHTML===a){e.target.dispatchEvent(new MouseEvent("click",{view:e.view,bubbles:true,cancelable:true}))}})}function E(){return new Promise(e=>{window.pmIsClickPending?g=e:e()})}function y(){window.pmIsClickPending=true}function g(){window.pmIsClickPending=false}function L(e){e.target.removeEventListener("click",L);C(e.target,"pm-onclick","onclick");i.push(e),e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();g()}function b(e){if(e.target.tagName!=="HTML"){if(!a){a=e.target.outerHTML}window.addEventListener("touchend",A);window.addEventListener("mouseup",A);window.addEventListener("touchmove",k,{passive:true});window.addEventListener("mousemove",k);e.target.addEventListener("click",L);C(e.target,"onclick","pm-onclick");y()}}function k(e){window.removeEventListener("touchend",A);window.removeEventListener("mouseup",A);window.removeEventListener("touchmove",k,{passive:true});window.removeEventListener("mousemove",k);e.target.removeEventListener("click",L);C(e.target,"pm-onclick","onclick");g()}function A(e){window.removeEventListener("touchend",A);window.removeEventListener("mouseup",A);window.removeEventListener("touchmove",k,{passive:true});window.removeEventListener("mousemove",k)}function C(e,t,n){if(e.hasAttribute&&e.hasAttribute(t)){event.target.setAttribute(n,event.target.getAttribute(t));event.target.removeAttribute(t)}}})();(function(){var e,a,s;function t(){(e=document.createElement("span")).id="elementor-device-mode",e.setAttribute("class","elementor-screen-only"),document.body.appendChild(e),requestAnimationFrame(n)}function n(){a=o(getComputedStyle(e,":after").content.replace(/"/g,"")),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(e=>{let t=e.getBoundingClientRect();if(t.bottom>=0&&t.top<=window.innerHeight)try{i(e)}catch(e){}})}function i(e){let t=JSON.parse(e.dataset.settings),n=t._animation_delay||t.animation_delay||0,i=t[a.find(e=>t[e])];if("none"===i)return void e.classList.remove("elementor-invisible");e.classList.remove(i),s&&e.classList.remove(s),s=i;let o=setTimeout(()=>{e.classList.remove("elementor-invisible"),e.classList.add("animated",i),l(e,t)},n);window.addEventListener("perfmatters-startLoading",function(){clearTimeout(o)})}function o(e="mobile"){let n=[""];switch(e){case"mobile":n.unshift("_mobile");case"tablet":n.unshift("_tablet");case"desktop":n.unshift("_desktop")}let i=[];return["animation","_animation"].forEach(t=>{n.forEach(e=>{i.push(t+e)})}),i}function l(e,t){o().forEach(e=>delete t[e]),e.dataset.settings=JSON.stringify(t)}document.addEventListener("DOMContentLoaded",t)})();</script></body>

</html>

Setelah edit nama domain menjadi nama domain Anda, masukkan script tersebut ke editor pada Blogger dan klik Save. Sekarang Anda sudah me-redirect Blogger, sekarang saatnya Anda melakukan pengaturan redirect di WordPress Anda.

STEP 6 : Masuk ke dashboard WordPress, Anda perlu menambahkan kode HTML di Theme Functions. Silakan pilih Appearance > function.php dan akan muncul tampilan seperti di bawah ini.

STEP 7 : Tambahkan kode HTML berikut ini pada editor HTML WordPress, tepatnya pada file functions.php, silakan klik menu Appearance > Editor.

				
					function blogger_query_vars_filter( $vars ) {

$vars[] = "blogger";

return $vars;

}




add_filter('query_vars', 'blogger_query_vars_filter');




function blogger_template_redirect() {

global $wp_query;

$blogger = $wp_query->query_vars['blogger'];

if ( isset ( $blogger ) ) {

wp_redirect( get_wordpress_url ( $blogger ) , 301 );

exit;

}

}




add_action( 'template_redirect', 'blogger_template_redirect' );




function get_wordpress_url($blogger) {

if ( preg_match('@^(?:https?://)?([^/]+)(.*)@i', $blogger, $url_parts) ) {

$query = new WP_Query (

array ( "meta_key" => "blogger_permalink", "meta_value" => $url_parts[2] ) );

if ($query->have_posts()) {

$query->the_post();

$url = get_permalink();

}

wp_reset_postdata();

}

return $url ? $url : home_url();

}

STEP 8 : Setelah Anda menambahkan kode HTML tersebut, maka proses redirect Blogger ke WordPress telah selesai. Kini ketika ada pengguna yang mengakses Blogger Anda, mereka akan secara otomatis diarahkan ke website baru dengan nama domain baru Anda.

STEP 9 : Memastikan bahwa gambar dari Blogspot berpindah sempurna ke library WordPress Anda. Silakan gunakan plugin Import External Images. Instal dan Aktifkan.

STEP 10 : Setelah plugin terinstal, masuk pada menu Media dan pilih Import Images > Import Images Now seperti gambar di bawah ini.

Nah, Kalau masih kesulitan Kamu bisa hubungi teman-teman Jagoanhosting untuk informasi lewat Live Chat dan Open Ticket. Yuk Ah!