Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Seo Master present to you:


Cara membuat Related Post sangat lah gampang seperti yang waktu itu di Jelaskan di Cara Mengedit Blog Agar Menjadi SEO Friendly
Dan inilah yang harus kalian lakukan agar blognya menjadi SEO

1. Yang pasti Login dulu di blogger.com.
2. Klik Rancangan » Edit HTML
3. Back up template lama Anda agar jika gagal, tidak merusak tampilan blog.
4. Klik "Expand Template Widget".
5. Gunakan Ctrl + F untuk mempermudah pencarian.
6. Masukkan kode css berikut tepat atas kode </head>

<style> #related-posts { float : left; width : 540px; 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-R7i39A8fk7dU7fsV2f_wlTbItKbykGKTpE-Y0vF-K7lmdF-UXTmF_CrspGI-EKhm0gbnURBR9A-UtOY2vGmiAHpSzEMxEvcFXdIlfePAzLNU4sNFkseNkb41wMzAqWf8VBENFSnHrzo/") 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://yudatfort.googlecode.com/files/related%20posts%20b-digg.js' type='text/javascript'/>

7. Cari kode <data:post.body/> atau <div class='post-body>, usahakan yang berdekatan dengan post-entri, Kemudian copy code dibawah ini, letakkan tepat dibawahnya.

<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>

8. Klik Simpan, Lihat hasilnya.


Coba untuk Berhati hati, kemungkinan kode tidak pas..
Ayo semoga berhasil..2013, By: Seo Master
Seo Master present to you:
Navigasi Breadcrumb berfungsi untuk memudahkan pengunjung untuk menemukan artikel yang ingin di cari dan juga dapat mempermudah untuk kembali ke halaman sebelumnya, karena Navigasi Breadcrumb ini terdiri dari beberapa link yang berisikan label /kategori.
Breadcrumb ini juga bisa Untuk Membuat Blog anda Menjadi SEO seperti yang di jelaskan di postingan sebelumnya, coba Cek di sini Cara mengedit Blogspot agar SEO Friendly
Untuk sobat yang ingin memasang Navigasi Breadcrumb di blog, silahkan ikuti langkah-langkah di bawah ini 






1. Masuk ke Edit HTML blog terlebih dahulu, oh ya, jangan lupa untuk melakukan backup template terlebih dulu yah

2. Beri centang pada Expand Widget Templates

3. Cari kode ini ]]></b:skin>

4. Setelah ketemu copy kode berikut di bawah kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}

5. Kemudian cari lagi kode ini <div class='post hentry'>

6. Setelah ito copykan kode berikut persis di bawah kode di atas

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>MASUKKAN KEYWORD BLOG DI SINI</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

7. Pada bagian MASUKKAN KEYWORD BLOG DI SINI ganti dengan keyword blog milik sobat, atau bisa juga di ganti dengan tulisan HOME, BERANDA dan sejenisnya

8. Simpan template dan lihat hasilnya.
Happy Blogging Sobat Blogger2013, By: Seo Master
Seo Master present to you:
Cara mengedit Blogspot agar SEO Friendly - Kali ini saya akan memposting beberapa artikel tentang SEO ( Search engine Optimization ).  dan artikel ini akan menjelasakan Caranya Mengedit Blogspot agar menjadi SEO dengan cara Page Rank dan SERP!
Udah ada yang tau dong PAGE RANK dan SERP itu apa? nah jika belum tau saya kasih tau..

 ~Apa Itu Page Rank?

Menurut saya Page Rank adalah satuan untuk mengukur kualitas halaman blog atau web. Walaupun untuk hasil pencarian peran PR tidak terlalu mempunyai ide kreatifitas, Mempunyai PR juga sangat diperhitungkan karena sebuah web yang memiliki PR tinggi memiliki nilai jual yang sangat tinggi.

~Apa Itu SERP?

Singkatan Search Engine Result Page. SERP merupakan halaman yang muncul sebagai hasil dari pencarian yang dilakukan di search engine. Dalam sekali pencarian, Google bisa menemukan puluhan hingga milyaran hasil pencarian yang terbagi-bagi menjadi beberapa halaman. Tiap halaman hanya memunculkan 10 website saja. Google mengurutkan hasil pencarian menggunakan rumus tertentu yang hingga saat ini belum dipublikasikan. Hanya saja, beberapa pebisnis online dan pengamat search engine telah melakukan serangkaian ujicoba dan mempublikasikan temuan mereka. Jika website kita tampil di halaman pertama, besar kemungkinan pencari akan mengunjungi website kita. Ini tentu akan meningkatkan traffic web dan tinggal kreativitas kita saja mengubah kunjungan ini menjadi peluang bisnis. Maka target kita adalah tampil di halaman pertama. Dan fokus kita adalah peringkat pertama.

Jadi sudah tau kan Page Rank dan SERP itu apa?
nah sekarang kita langsung ke pokok pembicaraan, langsung ajah yah, habisnya sobat SEO-XP takut ketiduran, hehhe
1. Page Title
Biasanya format page title dari blogger kan seperti ini : JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standart itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML
Caranya Sangat Mudah Masuk saja ke Template>Edit HTML
kemudian Cari kode dibawah ini, biar cepat Tekan (Ctrl+F) secara bersamaaan


<title><data:blog.pageTitle/></title>

Kalo udah dapet kodenya hapus n ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Atau sobat blogger indonesia juga bisa tambahin beberapa kata kunci ( keyword ) :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>
</b:if>

Ganti kode "kata kunci" dengan keyword yang kalian inginkan. Setelah semua selesai jangan lupa di save template.

2. Meta keyword dan deskripsi
Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , sobat harus nambahin suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode dibawah ini diatas kode <b:skin><![CDATA[/*


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
</b:if>

Ext: Ganti tulisan berwarna biru dengan keinginan kalian
Kemudian save kembali.

3. Memasang Breadcrumbs.
Breadcrumb Daoat disebut juga dengan membuat menu navigasi berurutan di atas artikel posting atau istilahnya, itu merupakan cara yang paling efektif untuk memberikan kemudahan pengunjung dalam melihat kategori posting suatu blog.

Disamping itu dari segi seo(search engine optimization),Google sudah support/mendukung breadcrumb ini.
Untuk melihat hasil dari sebuah blog yang sudah membuat breadcrumb/menu navigasi diatas posting Sobat Blogger bisa lihat gambar.

Klik disini Untuk Lihat Caranya " Cara Memasang Breadcrumb "

5. Menambahkan Rode ‘rel=canonical’
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content! wkwkwk, jadi buat yang kerjanya Cuma bisa COPAS hati-hati nih sebelum di Kasih Cium sama Google
Kan saya sudah pernah ngePost Untung atau Rugikah Jika Kita MengCOPAS artikel orang Lain?

Ok, lanjut ke pokok pembicaraan! Cara Menambahkan Rode ‘rel=canonical’ gampang
Seperti biasa edit HTML tambahkan kode berikut dibawah kode <head>


<link expr:href='data:blog.url' rel='canonical' />

Save template dan selesai

6. Mematikan Arsip
Banyak sih yah bertanya tanya, "Emang Kenapa"? Jadi Begini seperti yang saya bilang tadikan kalo google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya seperti ini :
sobat membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGNYAKALIAN.blogspot.com/2007_03_01_archive.html, pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.
Intinya, 2 buah link yang menuju 2 halaman yang berbeda tapi memiliki isi konten yang sama. Bagi search engine apa lagi google ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip, caranya : setelah login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.

Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head> :


<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>


7. Memasang Related Post.
Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasang related post di blog sobat. Caranya sudah banyak dibahas di blog-blog para guru blogging. Klik disini untuk “ Cara Membuat Related Post di Blogger”.

8. Tag Heading
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya edit HTML > Centang Expand Template Widget > TekanCTRL+F secara bersamaan dan kemudian cari kode berikut  :


<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Kode yang dicetak tebal (warna biru) dihapus dan ubah dari h3
(Atau ada beberapa template sih yang  menggunakan h2) ubahlah menjadi h1.
Setelah itu tambahkan kode berikut diatas kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }


9. Pasanglah Read More di Blog Kalian
Kalian bisa Cek Disini " Cara Memasang Read More Otomatis "
Tapi sih rata rata kalian sudah menggunakan Read More, tapi ya sudahlah.


10. Ada yang mau menambahkan?
Loh apa tuh? hehehe, bila agan mempunya Tips dan Trick yang Lainnya agar Blog Menjadi SEO silahkan Komentar!

Nah, jadi Cuma segitu yang Saya tau tentang bagaimana mengedit-edit blogger template kita biar jadi lebih SEO Friendly. Silahkan dicoba Cara mengedit Blogspot agar SEO Friendlynya.

 Happy Blogging Sobat Seo, INDONESIA BISA..2013, By: Seo Master
Powered by Blogger.