Membuat Artikel Terkait untuk Optimasi SEO

Katakanlah saat ini anda sudah membuat blog baru, dan menggunakan SEO Friendly blog template, anda pun sudah membuat dan mempromosikan posting baru anda, sekarang saatnya menambah fitur untuk lebih meningkatkan kualitas blog anda dalam optimasi seo, artikel terkait.
Hasil dari cara membuat artikel terkait yang akan saya berikan sama dengan related posts yang ada di bawah posting ini, namun jangan khawatir, anda dapat merubah tampilannya sesuai selera anda.

 Membuat Related Post

Caranya cukup mudah, anda hanya perlu ikuti langkah berikut ;

1. Masuk ke menu edit HTML

2. Klik expand template widget

3. Cari kode </head>, gunakan ctrl+f untuk mempermudah pencarian.

4. Selanjutnya, copy & paste markah berikut di bawah tag </head>
<style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMTGGIQvx9Hx7ruclr4hifi8o7bqnfuJwM0WPUZJAXylZW9KYCbhS6XCY6mLBRneQm2V-qPBxxhNdyrHV8xC5bgFSWYYfg3La31BYnZk3Jw-UFG87dk-VpmnT9J3Y80vqe-BZUBldmSPs/&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://rel-post-seo-art.googlecode.com/files/relatedpost.js'/>


5. Kemudian, cari kode  <data:post.body/> , anda akan menemukan lebih dari satu kode tersebut, gunakan kode yang kedua, jika nanti pada hasilnya tidak muncul, maka gunakan kode yang pertama, tenang saja, template anda tidak akan error selama anda mengikuti dengan cermat tutorial yang saya berikan.

6. Setelah anda menemukan <data:post.body/> , paste kode berikut di bawah markah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'><div id="related-posts"><font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div></b:if>

7. Simpan template anda.

Modifikasi Artikel Terkait

Silahkan anda lihat kembali kode di tutorial nomer 4 di atas, terdapat tulisan yang saya beri warna hijau, tepatnya image source berikut ;

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMTGGIQvx9Hx7ruclr4hifi8o7bqnfuJwM0WPUZJAXylZW9KYCbhS6XCY6mLBRneQm2V-qPBxxhNdyrHV8xC5bgFSWYYfg3La31BYnZk3Jw-UFG87dk-VpmnT9J3Y80vqe-BZUBldmSPs/

Jika anda copy alamat url di atas, lalu membukanya dengan web browser, maka akan tampil gambar seperti ini ;

Ya, kode tersebut untuk menentukan gambar pada related post yang akan anda pasang.
Jika anda memiliki url gambar sendiri, silahkan ganti url tersebut dengan url gambar anda, gunakan gambar dengan ukuran 16 x 16 pixel.

Selamat berkreasi dan selamat membuat artikel terkait di blog anda.

Artikel Membuat Artikel Terkait untuk Optimasi SEO ini 100% bukan hasil copy paste
Dibaca oleh12606 pembaca dari 12727 pengunjung.
Ditulis Oleh Unknown
Semua artikel terproteksi DMCA.
Hanya script dan kode tutorial yang boleh di copy paste, dengan menyertakan sumbernya.
Artikel The Art of SEO lainnya bisa anda temukan pada menu related post berikut ;