Apa Itu SEO Smart Links dan Bagaimana Cara Memasangnya?

Pengguna WordPress tentu sudah tidak asing lagi dengan plugin SEO Smart Links. Namun bisakah plugin tersebut diterapkan di Blogger? Sebelum mengetahui lebih jauh, mari kita pahami pengertian dan cara kerjanya.

Blogger memang tidak menyediakan fitur plugin seperti halnya WordPress. Akan tetapi ada beberapa plugin yang juga bisa dipasang di Blogger dengan menggunakan JavaScript.

SEO Smart Links sendiri adalah fitur untuk menentukan kata kunci atau keyword sebuah blog, lalu mengubah keyword tersebut menjadi sebuah link aktif. Dengan menggunakan fitur ini, maka Anda tidak perlu lagi melakukannya secara manual.

Di satu sisi, Anda masih bisa memilih keyword tambahan dan memasang link secara manual sesuai dengan kebutuhan. Tetapi disarankan untuk tidak terlalu banyak menambahkan kata kunci dengan link aktif, maksimal tiga keyword.

Cara Kerja SEO Smart Links

Seperti yang telah dijelaskan di atas, SEO Smart Links berfungsi untuk mengubah setiap keyword yang ada dalam suatu postingan atau halaman menjadi sebuah link. Namun fitur ini sangat sensitif terhadap penggunaan huruf besar dan kecil, sehingga tidak semua kata yang menyerupai keyword akan berubah.

Contohnya keyword yang Anda gunakan adalah “Tips Blogging” (huruf T dan B besar), maka semua keyword yang bertuliskan “Tips Blogging” akan berubah menjadi link. Tetapi jika keyword yang muncul adalah “tips blogging” (huruf t dan b kecil) maka tidak akan berubah menjadi link.

Selain itu, fitur ini juga hanya akan mengubah keyword pertama dalam postingan atau halaman, sedangkan keyword berikutnya akan tetap menjadi teks normal.

Penggunaan SEO Smart Links sangat memudahkan Anda yang ingin membuat internal link di blog dengan target keyword tertentu, sehingga tidak perlu lagi melakukannya secara manual.

Cara Memasang SEO Smart Links di Blogger

Untuk menggunakan fitur ini di blog Anda, silakan ikuti tutorial berikut ini:

#1. Masuk ke dasbor Blogger Anda > klik menu “Tema” > klik “Edit HTML”.

#2. Temukan kode </body> di HTML template blog Anda, kemudian salin dan tempel kode di bawah ini tepat di atas kode </body>.

<script type='text/javascript'>

function smartLink(){

    this.keywdHref = new Object();

    this.add = function(keyword, href){

        if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}

        this.keywdHref[keyword] =  href;

    }

    this.createAnchor = function(){

        var objs = document.getElementsByTagName(&quot;div&quot;);

        for(var i=0; i&lt;objs.length; i++){

            var obj = objs[i];

            if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){

                var content = obj.innerHTML;

                for(var keyword in this.keywdHref){

                    var href = this.keywdHref[keyword];

                    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);

                    obj.innerHTML = newstr;

                    content = newstr;

                }

            }

        }

    }

    this.startScript = function(){

        var onLoad = window.onload;

        window.onload = function(){

            if(onLoad){onLoad();}

            setTimeout(&quot;f.createAnchor()&quot;, 100);

        }

    }

}

</script>

<script type='text/javascript'>

var f = new smartLink();

f.add(&quot;tutorial blogging&quot;, &quot;https://www.bacanulis.com/&quot;);

f.startScript();

</script>

#3. Silakan ganti URL berwarna merah dengan URL blog Anda sendiri dan keyword “tutorial blogging” dengan keyword Anda sendiri. Lalu klik simpan perubahan.

Tips

Fitur SEO Smart Links ini akan mengubah keyword menjadi link aktif di semua halaman maupun postingan blog. Jika Anda hanya ingin mengaktifkan fitur ini di postingan blog saja, maka tambahkan kode tag kondisional.

Apakah hanya bisa menggunakan satu keyword saja? Tidak. Anda bisa menambahkan keyword dan URL lainnya dengan cara menambahkan kode seperti di bawah ini:

f.add(&quot;trik blogger&quot;, &quot;https://www.bacanulis.com/&quot;);

f.add(&quot;tutorial blog&quot;, &quot;https://www. bacanulis.com/&quot;);

f.add(&quot;tips blogger&quot;, &quot;https://www. bacanulis.com/&quot;);

Anda juga bisa membuat keyword menjadi tebal (bold) atau miring (italic) dengan menambahkan kode. Untuk tebal tambahkan kode <b> dan <i> untuk miring. Contoh penerapannya seperti di bawah ini:

f.add(&quot;&lt;b&gt;trik blogger&lt;/b&gt;&quot;, &quot;https://www.bacanulis.com/&quot;);

f.add(&quot;&lt;i&gt;tutorial blog&lt;/i&gt;&quot;, &quot; https://www.bacanulis.com /&quot;);

Perlu digarisbawahi kalau keyword yang digunakan adalah keyword untuk blog, bukan untuk postingan artikel atau halaman. Untuk postingan artikel, Anda bisa mengikuti tips menulis artikel blog yang SEO friendly.