Teknik SEO Yang Menyebabkan Traffic Blog Menurun dan Sepi Pengunjung

Algoritma baru Google memang sulit ditebak. Google melalui pasukan robotnya yang dikerahkan untuk membabat habis blog/website yang tidak mematuhi peraturan yang dibuatnya. Banyak blog yang kena razia karena telah berbuat spam, melakukan teknik kotor (teknik seo blackhat) dan lainnya. Serangan Google Dance, Google Pinguin, Google Panda, Sandbox, Google Dinosaurus, telah memporakporandakan blog yang sengaja dan tidak sengaja melakukan hal-hal yang membuat muak Google. Sangat disayangkan blog yang semula mempunyai visitor dan pageview yang tinggi, secara mendadak turun drastis bahkan sepi pengunjung karena artikelnya banyak yang hilang. Dan yang lebih parah lagi, tanpa pemberitahuan terlebih dahulu, blogger maupun google langsung menjatuhkan talak 3 pada blog yang telah melanggar peraturannya.

10 faktor penyebab traffic blog turun drastis karena hukuman google, diantaranya :

1. Menyembunyikan teks dan link dengan cara membuat warna pada teks dan link yang sama persis dengan warna background blog, sehingga tidak terlihat oleh pembaca.
2. Terlalu padat dalam memberi keywords dan pengulangan keywords yang sama dan juga keywordsnya tidak relevan dengan isi konten.
3. Melakukan redirect / mengalihkan ke halaman tertentu, maksudnya begini : Disaat pembaca mendatangi blog tersebut maka langsung dialihkan ke situs tertentu.
4. Melakukan AGC (Auto Generate Content). AGC ini jelas sekali merugikan blog yang menjadi sasarannya.
5. Melakukan copy paste artikel blog orang tanpa diedit satupun (sama persis isi kontennya dengan blog yang dicopasnya)
6. Banyak terjadi duplikat konten yaitu ditemukannya beberapa artikel yang sama pada halaman lain.
7. Membuat link yang tidak relevan. Maksudnya yaitu dengan membuat link keluar yang tidak relevan ke artikel yang tidak ada sangkut pautnya dengan tujuan untuk menghubungkan antar link halaman.
8. Blognya terserang mallware / virus
9. Banyak tercantum iklan porno dan link yang menuju ke situs porno
10. Tampilan homepage dipenuhi gambar iklan sehingga hampir menutupi semua artikel.

Semoga pembahasan ini dapat bermanfaat untuk anda semua. Jadi mulai sekarang berhati-hatilah dan jangan melanggar TOS yang dibuat Google.

Cara Menghapus Halaman Posting Yang Terindex Google

Bagaimana sebuah url postingan yang tidak berkenan dihati anda dan sudah terlanjur dipublikasikan dan sudah terlanjur diindeks google, malah dihapus oleh anda sendiri? Tentu saja akibatnya muncul broken link. Apabila link rusak atau broken link tidak segera diperbaiki, alibatnya blog anda termasuk blog yang kurang sehat dan susah bersaing di SERPs. Simak cara menghapus url postingan dari halaman index google dibawah ini.

Menghapus Halaman Postingan Yang Terindeks Google
1. Buka Google Webmaster Tools (tentukan dulu halaman posting yang akan dihapus)
2. Klik url blog anda
3. Klik "Optimization/Google Indeks" => "Remove URLs/Hapus URL"
4. Klik "Create a new removal request / Buat permintaan penghapusan baru"
5. Lalu masukkan url postingan yang sudah dihapus pada kotak
6. Lalu klik "Continue / Terus"

Anda tinggal menunggu proses penghapusan url dari google, sekian dan semoga bermanfaat.

Artikel Pilar Sebagai Kunci Kesuksesan Sebuah Blog

Seiring dengan perkembangan teknologi dan begitu banyaknya orang menulis konten yang dituangkan dalam sebuah blog / website, tak heran konten-konten yang mereka buat saling bersaing untuk menduduki peringkat pertama di mesin pencari. Sudah berapa banyak artikel yang anda publikasikan? Mungkin anda sudah mempunyai artikel sampai ratusan bahkan lebih yang ada di blog anda. Apa dari beberapa artikel blog anda ada yang menempati 5 besar dan bertahan lama di mesin pencari google? Atau hanya menjadi artikel sampah yang hanya anda sendiri bisa membacanya? Kita menulis artikel untuk dicari dan dibaca oleh pengunjung bukan sebagai koleksi blog yang hanya kita sendiri yang membacanya. Untuk itulah kita perlu mengenal apa yang disebut artikel pilar. Apa manfaat menulis artikel pilar di blog?

Artikel pilar merupakan artikel yang ditulis dengan cara murni (bukan hasil copas) dan mempunyai gaya bahasa yang santai, menarik serta mudah dicerna dan mudah dipahami oleh pembacanya. Manfaat membuat artikel pilar adalah sebagai bahan investasi untuk waktu yang begitu lama karena artikel pilar memiliki kekuatan besar untuk menunjang kemajuan blog dalam jangka waktu panjang. Walaupun admin blog sudah tidak ingat lagi beberapa tulisan yang menjadi pilar blog bahkan sudah menjadi arsip namun kekuatan artikel pilar tetap nongol dan tetap populer di pencarian bahkan selalu dicari oleh pembaca sebagai bahan rujukan untuk dirinya.

Bagaimana Cara Membuat Artikel Pilar?

Cara menulis artikel sebagai pilar blog mudah saja. Yang penting dalam menulis artikel dimulai dengan membaca "Bismillahhirrohmanirrohim" dan penulisannya disertai dengan gaya bahasa tegas (tidak banyak becandanya), mudah dipahami, tulisan murni (bukan copas artikel orang), memberikan banyak manfaat dan memberikan jalan keluar atau solusi permasalahan bagi pembaca. Contohnya : anda sekarang akan menulis artikel dengan judul "Cara Mengobati Penyakit Wasir". Nah dalam isi artikel anda harus menulis secara gamblang atau secara mendetail mengenai penyakit wasir, seperti : faktor penyebab terjadinya penyakit wasir, makanan apa saja yang harus dikonsumsi dan pantangannya apa, bagaimana cara mengobati wasir agar sembuh total dan lain-lain. Anda jelaskan secara profesional didalam postingan dan apabila mereka bertanya, langsung dijawab untuk memberikan jalan keluarnya sehingga mereka puas dengan tanggapan anda. Dan jika perlu dengan memberikan link rujukan dari sumber lain untuk memudahkan pembaca mendapat informasi yang mereka butuhkan.

Artikel Pilar Sebagai Pilar Blog

Artikel pilar ini diibaratkan dengan artikel blog yang menjadi pondasi / tiang penyanggah bangunan blog. Suatu bangunan akan berdiri kokoh jika pondasi / tiangnya kuat. Suatu blog yang didalamnya mempunyai beberapa artikel pilar sangat bagus untuk kemajuan dan perkembangan blog walaupun blog itu jarang update postingan. Dan otomatis blog tersebut banyak dicopas artikelnya dan di-backlink oleh orang.

Setting Tag Heading H1, H2, H3 Agar Seo Friendly

Search engine google menyukai susunan tag heading h1, h2, h3 yang seo friendly, yaitu tag heading h1 untuk titel blog (hanya ada 1 judul blog), tag heading h2 untuk judul postingan dan tag heading h3 untuk widget. Bagaimana cara mengoptimal blog dengan susunan tag heading h1 h2 h3 agar seo friendly? Simak caranya dibawah ini.

Cara Merubah Tag Heading H1 H2 H3 Agar Seo Friendly, silahkan masuk ke Edit HTML dan tekan Ctrl+F untuk mencari kode seperti dibawah ini :

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

Ganti h3 menjadi h2

Lalu cari kode seperti dibawah ini

<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>

Ganti h3 menjadi h2

Keterangan :
Cara diatas untuk merubah tag heading h2 pada judul postingan

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>

Ganti kode h2 menjadi h3

Keterangan :
Cara diatas untuk merubah tag heading pada widget

Hasilnya silahkan cek di http://www.seoconsult.com/seo-tools/h-and-alt-tag-checker.html

Membuat Template Blogspot Menjadi SEO Friendly

Biasanya template bawaan blogger susunannya tag heading-nya kurang begitu bagus untuk optimasi seo blog. Untuk itulah template bawaan blogger masih harus dimodifikasi atau dirubah menjadi template blogger seo friendly. Sedangkan Google sendiri senang dengan template blog yang sudah seo friendly yaitu dengan susunan tag heading H1 hanya satu saja yakni untuk judul / titel blog dan tag heading H2 untuk judul postingan dan tag heading H3 untuk widget. Begitu juga dengan penambahan metatag desciption yang harus dicantumkan agar cepat terindex google atau dengan memasang tag rel canonical atau menjadikan blog yang semula nofollow dirubah menjadi dofollow atau dengan merubah judul postingan berada didepan judul blog. Kalau anda baru belajar membuat blog usahakan mencari dan menggunakan template blogger seo firendly dan anda tinggal mencari di search google yang sudah banyak dishare oleh ahli pembuat template yang berplatform blogspot/blogger. Namun template seo friendly yang sudah dibuat oleh pembuat template kebanyakan masih belum memenuhi kriteria untuk susunan tag heading h1, h2, dan h3, jadi supaya template blogspot lebih seo friendly lagi anda dapat simak tutorial dibawah ini bagaimana cara membuat template blogspot lebih seo feiendly.

Sebenarnya cara mengoptimalkan template blogger menjadi seo friendly ini sudah banyak dishare oleh blogger lainnya, mungkin postingan sudah terlalu basi buat blogger sebelum saya, namun saya akan share juga siapa tahu masih ada yang membutuhkan tutorial ini. Untuk mempersingkat topik, simak cara membuat template blogger menjadi seo friendly dibawah ini :

Untuk mengoptimalkan template blog supaya seo friendly, caranya masuk ke Edit HTML dan gunakan Ctrl+F untuk mencari kode-kode seperti ini :

1. Cari kode seperti dibawah ini untuk merubah tag heading untuk judul postingan

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

Hapus semua kode diatas dan ubah dengan kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</b:if>
<b:else/>
<h1 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>
</h1>
</b:if>

2. Cari kode seperti dibawah ini untuk merubah tag heading untuk title blog

<h1 class='title' style='background: transparent;  border-width: 0px'>
<b:include name='title'/> 
</h1>

Hapus semua kode diatas dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

Berikutnya cari kode seperti dibawah ini

<h1 class='title'><b:include name='title'/></h1>

Kalau sudah lalu hapus ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

3. Cari kode seperti dibawah ini untuk merubah kode CSS pada judul postingan

.post h3 { 
..................................
}
   
.post h3 a, .post h3 a:visited{ 
..................................
} 
   
.post h3 a:hover { 
..................................
}

Lalu ganti dengan kode dibawah ini

.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}

4. Cari kode seperti dibawah ini untuk merubah kode CSS pada Judul / Titel Blog

#header h1 {
............................
}

Hapus kode diatas dan ganti dengan kode dibawah ini

#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;}

5. Simpan

Tambahan :
Untuk membuat template blogspot lebih seo friendly, silahkan klik link dibawah ini

1. Memasang Rel Canonical di Blog
2. Cara membuat breadcrums terindeks google
3. Memasang Meta Tag Seo Friendly di Blog
4. Merubah Blog Nofollow Menjadi Dofollow

Cara Memperbaiki Tag Judul Duplikat di Google Webmaster Tools

Cara Menghilangkan Tag Judul Duplikat - Apa yang dimaksud dengan Tag Judul Duplikat? Tag judul duplikat adalah terjadinya duplikat pada suatu artikel blog karena mempunyai judul yang sama dengan url yang berbeda. Apa dampak terhadap blog yang mengalami tag judul duplikat? Dampaknya adalah menurunnya traffic blog dengan drastis dan yang lebih parah lagi yaitu artikel blog akan menghilang dari mesin pencari. Ada baiknya anda selalu membuka Google Webmaster Tools untuk melihat kesehatan dan perkembangan blog anda.

Mengatasi Terjadinya Tag Judul Duplikat di Google Webmaster Tools
1. Buka Google Webmaster Tools
2. Klik Url blog anda
3. Klik "Tampilan Penelusuran" dan klik "Penyempurnaan HTML"
4. Klik tulisan "Tag Judul Duplikat"
5. Klik Url yang mengalami tag judul duplikat dan copy ke notepad
6. Kembali ke "Google Indeks" dan pilih "Hapus URL"
7. Klik "Buat permintaan penghapusan baru" lalu masukkan url yang dicopy ke notepad, lalu klik  "Terus"
8. Selanjutnya klik "Kirim Permintaan"

Kalau url yang mengalami tag judul duplicate ada banyak maka lakukan penghapusan url seperti diatas satu persatu. Kalau sudah semua maka anda tinggal menunggu hasilnya beberapa hari atau lebih.

Cara Mengatasi Duplicate Meta Description dan Meta Content

Blog yang mengalami duplicate meta description dan meta content akan berefek kurang baik pada perkembangan / kemajuan blog itu sendiri. Kalau tidak segera diperbaiki lambat laun semua artikel blog akan menghilang dari mesin pencari. Bagi halaman blog yang belum mengalami duplicate meta description dan meta content ada baiknya berjaga-jaga sebelum semuanya terjadi. Saya mulai saja share cara menghindari terjadinya duplicate meta content dan duplicate meta description di blogger.

Supaya Blog Terhindar dari Duplicate Meta Content dan Meta Description

1. Yang pertama dengan memasang rel canonical dibawah <head> dan kodenya seperti dibawah ini :

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

2. Untuk kode warna merah dibawah ini letakkan antara meta deskription dan meta keywords, lihat cara meletakkan kode tersebut.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='isi dari deskripsi blog'  name='description'/>
<meta content='isi dari keyword blog' name='keywords'/>
</b:if>

3. Letakkan kode berikut dibawah <head> Kode tersebut untuk mengatasi duplicate karena halaman archive blog.

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

4. Letakkan kode berikut dibawah <head> agar terhindar dari duplicate content karena halaman label

<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

5. Letakkan kode dibawah ini setelah kode <head>. Kode tersebut untuk menghindari terjadinya duplicate content karena tampilan dinamis dan tampilan versi seluler / versi mobile yang terindex.

<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

Atau dengan menggunakan setelan robots.txtyang ada di dasbor blogger, caranya yaitu klik Setelan => Preferensi Penelusuran => aktifkan robots.txt khusus dan masukkan kode dibawah ini :

User-agent: Googlebot
Allow: /
Disallow: /search
Disallow: /?m=0
Disallow:/view/*

User-agent:*
Allow: /
Disallow: /search
Disallow: /?m=0
Disallow:/view/*

Sitemap: http://nama blog anda/feeds/posts/default?orderby=updated

6. Yang terakhir dengan merubah comments permalink blogger menjadi Nofollow. Untuk cara merubahnya silahkan klik Disini.

Dengan cara tersebut diatas maka halaman blog akan terhindar dari duplicate meta description dan meta content, silahkan diterapkan dan semoga bermanfaat.

Cara Dapatin Backlink Berkualitas W3 Directory

Cara Mendapat Backlink Gratis Berkualitas di W3 Directory - Mencari backlink memang layak dilakukan untuk kemajuan sebuah blog atau website. Tentunya tidak sembarang backlink yang dicari, tetapi carilah backlink yang benar-benar berkualitas. Pada postingan kali ini saya akan berikan cara mendapatkan backlink berkualitas yang gratis dari W3 Directory. Karena backlink dari W3 Directory ini bersifat 2 arah maka backlink langsung akan didapat jika ada yang vote ke blog anda. Jadi anda harus rajin share link ke beberapa jejaring social seperti facebook atau forum dan lain-lain.

Untuk mendapat backlink gratis berkualitas dari W3 Directory, simak caranya dibawah ini :
1. Kunjungi http://www.w3-directory.com/
2. Pilih Add a web site dan isi semua form yang tersedia
url : alamat blog
title : nama blog
description : deskripsi blog anda
keywords : kata kunci blog anda
identity : isi dengan nama anda
email : isi dengan email anda
return link / back link : isi sesuai URL tadi
country : isi nama negara
heading 1 : kategori utama untuk bloganda
klik Submit my web site

Silahkan dicoba dan semoga postingan ini bermanfaat, happy blogging.

Targetkan Letak Geografis Supaya Dapat Bersaing di SERPs

Cara Setting Target Geografis di Webmaster Tools Google - Supaya blog dapat bersaing di SERPs, pastikan untuk setting setelan geografis yang ada di Google Webmaster Tools. Apabila posisi anda sekarang berada di Indonesia, tentunya anda harus pilih negara Indonesia supaya blog anda dapat bersaing dan menempati posisi / peringkat teratas di search google. Jangan berharap blog anda dapat bersaing di negara lain misalnya anda pilih target geografis di Canada atau negara Amerika karena di negara tersebut banyak masternya. Jadi untuk target geografis fokuskan pada pilihan negara Indonesia karena anda tinggal di negara Indonesia.

Cara Mengatur Target Geografis pada Google Webmaster Tools
1. Kunjungi Webmaster Tools Google
2. Lalu klik url blog anda
3. Klik simbol seperti roda bergerigi lalu pilih "Setelan Situs" lihat gambar dibawah ini

4. Lalu ceklis kotak kecil pada tulisan target geografis dan pilih Indonesia

5, Selesai

Begitulah cara setting target geografis Google Webmaster Tools, semoga bermanfaat.

Cara Membuat Recent Post Valid HTML

Recent Posts atau postingan dengan menampilkan artikel yang terbaru dapat dibuat valid. Dan cara membuat valid html pada widget recent posts ini dapat mengurangi tingkat error setelah di cek di W3C validation. Supaya tidak bertele-tele simak bagaimana cara memvalidkan widget recent post atau artikel terbaru di bawah ini. Simak juga postingan sebelumnya mengenai cara memvalidkan recent comments.

Cara Membuat Recent Post Valid HTML
1. Login ke blogger.com
2. Pilih Tata Letak => Tambah Gadget
3. Pilih HTML/JavaScript dan masukkan kode berikut ini

<div style="height: 250px; overflow: auto; padding: 3px; text-align: left;"><script type="text/javascript" src="https://sites.google.com/site/lintastutor/rudy/rpost.js"></script><script type="text/javascript">
var numposts = 10;var
showpostdate = true;var
showpostsummary = true;var
numchars = 50;var
standardstyling = true;
</script><script type="text/javascript" src="http://lintas-tutor.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></div>

Keterangan : ganti url Terlintas dengan url blog anda

Semoga postingan ini dapat bermanfaat buat anda semua, happy blogging.

Cara Membuat Recent Comments Valid HTML

Apabila di halaman blog anda dipasang widget yang menampilkan beberapa komentar pengunjung atau widget recent comments, saya akan berikan tips untuk memvalidkan kode widget recent comments tersebut, agar seo blog anda semakin bagus tanpa error di W3C Validator.

Cara Membuat Recent Comments Valid HTML
1. Login ke blogger
2. Pilih Tata Letak => Tambah Gadget => HTML/JavaScript dan masukkan kode berikut ini

<div style="height: 250px; overflow: auto; padding: 3px; text-align: left;"><script type="text/javascript" src="https://sites.google.com/site/lintastutor/rudy/comment.js"></script>
<script type="text/javascript">
var numcomments = 10;
var showcommentdate = false;var
showposttitle = true;var
numchars = 100;var
standardstyling = true;var
showfooter = true;
</script>
<script type="text/javascript" src="http://lintas-tutor.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments"></script></div>

Keterangan : ganti Url Terlintas dengan Url blog anda

Silahkan anda terapkan cara membuat valid pada widget Recent Comments, semoga bermanfaat.

Cara Membuat Widget Like Box Facebook Valid HTML

Saya yakin anda sudah membuat widget like box facebook di fans page facebook dan dipasang di blog anda. Apabila belum dibuat silahkan kunjungi https://www.facebook.com/pages/create.php. Kalau sudah, silahkan simak bagaimana cara membuat valid html pada widget like box facebook dibawah ini.

Cara Membuat Widget Like Box Facebook Valid HTML
1. Login ke blogger
2. Pada dasbor, pilih Tata Letak
3. Pilih edit widget like facebook anda
4. Lalu hapus dulu dan ganti dengan kode dibawah ini

<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);}());</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","Masukkan URL Fans Page Facebook Disini");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","200");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]></script></div>

Keterangan :  teks warna merah perlu diisi.

4. Simpan

Demikianlah Cara Membuat Valid HTML pada Widget Like Box Facebook, semoga bermanfaat.

Cara Membuat Widget Random Post Valid HTML

Kali ini saya akan share bagaimana cara memvalidkan widget random post / postingan yang ditampilkan secara acak dan loading cepat. Postingan yang acak ini juga akan meningkatkan pageview blog karena artikel yang lama juga muncul kembali. Biar gak terlalu lama saya mulai saja ke topik pembahasan.

Cara Membuat Widget Random Post Valid HTML
1. Login ke blogger.com
2. Pada dasbor, pilih Tata Letak => Tambah Gadget
3. Pilih HTML/JavaScript, dan masukkan kode berikut ini

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="http://lintas-tutor.blogspot.com/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts" type="text/javascript"></script>

Keterangan : ganti url Terlintas dengan url blog anda.

4. Simpan

Cara Membuat Blog Valid XHTML Di W3C Validator

Untuk mengoptimal seo blog, salah satunya dengan cara membuat blog valid dan tidak ditemukan tingkat error yang banyak. Apabila tingkat error yang ada di blog tidak segera diperbaiki yang pasti seo blog kurang begitu bagus. Bagaimana cara membuat blogspot valid xhtml setelah di cek di The W3C Markup Validation Service dan kode apa saja yang dapat menyebabkan error?

Cara Membuat Template Blog Valid XHTML

1. Penulisan kode javascript yang tidak valid seperti ini : <script type='https://sites.google.com/site/lintastutor/rudy/daun.js'></script>

Supaya tidak error maka perlu penambahan type='text/javascript' seperti dibawah ini.

<script type='text/javascript' src='https://sites.google.com/site/lintastutor/rudy/daun.js'></script>

2. Pada gambar didalam postingan harus diperhatikan juga, biasanya kalau anda upload gambar di postingan kodenya seperti ini

<a href="url gambar" imageanchor="1" ><img border="0" src="url gambar" /></a>

Supaya valid maka hapus kode warna merah diatas

3. Dan pada gambar didalam postingan supaya valid perlu ditambahkan attribut "titel dan alt" seperti ini

<a href="Url gambar" title="isi dengan judul"><img alt="isi dengan judul" src="Url gambar" /></a></div>

4. Penyumbang error juga ada pada kode video youtube. Kalau anda memasang kode embed video youtube didalam postingan atau di halaman blog, contoh kode embednya seperti dibawah ini.

<iframe width="560" height="315" src="http://www.youtube.com/embed/56ogvcBnIqY" frameborder="0" allowfullscreen></iframe>

Silahkan hapus tulisan "allowfullscreen"


Membuat Template Blogspot Lebih Valid XHTML

Pada dasbor, pilih Template => Edit HTML, tekan Ctrl+F

1. Cari kode seperti dibawah ini :

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>

Hapus semua kode diatas. Kode tersebut merupakan kode dari tulisan Post baru, beranda, post lama dan dianggap penyumbang error.

2. Cari kode Pencil (Post Icon), gunakan Ctrl+F, kodenya seperti ini

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>

Kalau sudah ketemu langsung hapus semua dan ganti dengan kode dibawah ini

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>

3. Menghilangkan Navbar, dengan cara meletakkan kode berikut diatas <body>

<!-- <body><div></div> -->

4. Cari kode dash (garis titik) seperti ini (------------------------) dan hapus

5. Cari kode <b:include name='nextprev'/> untuk menyembunyikan page navigation di homepage, lalu hapus dan ganti dengan kode dibawah ini

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>

6. Cari kode <b:include name='quickedit'/> lalu hapus semua (kode widget)

7. Merubah deklarasi DOCTYPE, biasanya ada diatas sendiri

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Hapus semua dan ubah dengan kode dibawah ini

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Anda dapat melihat hasilnya di http://validator.w3.org/

Nah begitulah cara membuat template blogspot valid xhtml di W3C Valodator, silahkan anda coba, happy blogging.

Mengatasi Warning: Missing Required Field "Updated"

Tanda peringatan / Warning: Missing Required Field "Updated" yang ditemukan di Rich Snippet Google Webmaster Tools menunjukkan kalau blog tersebut kurang sehat (ada file yang hilang). Biasanya Warning: Missing Required Field "Updated" ditandai dengan teks warna merah. Cara mengatasi tanda peringan seperti Warning: Missing Required Field "Updated" tersebut tidak sulit, simak caranya dibawah ini.

Cara Mengatasi Warning Missing Required Fiel "Updated"
1. Login ke blogger.com
2. Pada dasbor, pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode <b:if cond='data:post.hasJumpLink'> lalu letakkan kode berikut diatasnya

<div style='background-color: #fff; color: auto;  border: 0px inset; border-color:#585858; width:100%; margin: 0px; padding: 0.1px; font-family: Packard Antique; font-size: small; text-align: left; text-shadow: 1px 1px 1px #F2F2F2;'><div class='vcard' id='hcard-Rudy Hartono'><span class='fn n'><span class='given-name'>Posted by: Rudy Hartono</span></span></div></div><a class='updated' href='http://lintas-tutor.blogspot.com/' rel='bookmark'>Terlintas</a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>

Keterangan : Ganti teks warna merah

Begitulah cara memperbaiki tulisan Warning: Missing Required Fiel "Updated" di Webmaster Tools Google, silahkan diterapkan dan semoga ulasan ini bermanfaat.

Cara Membuat Semua Link Eksternal Menjadi Nofollow

Untuk anda yang ingin merubah semua link eksternal yang ada di blog menjadi nofollow, caranya tidaklah sulit. Untuk mengoptimal seo blog anda tentunya link external tidaklah melibihi dari link internal. Oleh karenanya link eksternal yang ada di halaman blog anda ini dibuat nofollow supaya tidak ikut terindeks google.

Cara Merubah Semua Link Eksternal Menjadi Nofollow Secara Otomatis
1. Login ke blogger
2. Pada dashboard, pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode </head> dan letakkan kode berikut diatasnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
<![CDATA[
jQuery('a').each(function(){var a=jQuery(this).attr('href');if(typeof a!='undefined'&&a!=""&&(a.indexOf('http://')!=-1||a.indexOf('https://')!=-1)&&a.indexOf(window.location.hostname)==-1){jQuery(this).attr("rel","nofollow")}});
]]>
</script>

4. Simpan Template

Cara Membuat Comments Permalink Blogger Menjadi Nofollow

Tujuan membuat comment permalink blogger menjadi nofollow supaya tidak diindex mesin pencari google. Comments Permalink atau link komentar blogger secara default biasanya masih dofollow. Nah apabila anda ingin comments permalink blog / link komentar dari komentator blog akan dinofollowkan, silahkan simak caranya dibawah ini.

Cara Membuat Comments Permalink Blog Menjadi Nofollow

1. Login ke blogger.com
2. Pada dasbor, pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode seperti dibawah ini :

<a expr:href='data:comment.url' title='comment permalink'><data.comment.timestamp/></a>

4. Lalu selipkan tag rel='nofollow' seperti dibawah ini

<a expr:href='data:comment.url' rel='nofollow' title='comment permalink'><data:comment.timestamp/></a>

5. Simpan Template

Cara Membuat Widget Followers Valid HTML

Cara Membuat Widget Followers Valid HTML - Apabila di blog anda mencantumkan widget followers atau pengikut, ternyata widget followers merupakan penyumbang error di W3C Validator. Namun error tersebut dapat diatasi sehingga widget followers menjadi valid xhtml. Simak cara memvalidkan widget followers dibawah ini.

Cara Membuat Valid HTML Pada Widget Followers
1. Login ke blogger
2. Pada dasbor, pilih Tata Letak => Tambah Gadget => pilih Followers => Simpan
3. Kalau sudah lalu di Homepage blog, tekan Ctrl + U
4. Lalu tekan Ctrl+F, cari kode seperti dibawah ini

<div id="div-6evus2elgixl" style="width: 100%; "></div><script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Pengikut";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
 
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "Arial";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-6evus2elgixl",
     height: 260,
   
   
   
     site: "03387701153528504122",
   
     locale: 'in' },
     skin);
  </script>

5. Copy kode followers anda dan simpan ke notepad
6. Lalu letakkan kode berikut diatasnya dan tambahkan kode </div> untuk penutupnya

<div class="widget-content">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>

7. Penerapannya seperti dibawah ini

<div class="widget-content">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<div id="div-6evus2elgixl" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Pengikut";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
 
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "Arial";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-6evus2elgixl",
     height: 260,
   
   
   
     site: "03387701153528504122",
   
     locale: 'in' },
     skin);
  </script>
</div>

Keterangan :
Ganti kode warna biru dengan kode widget followers anda

8. Masuk ke Tata Letak => klik Edit widget follwer yang lama dan hapus dulu
9 Lalu klik Tambah Gadget dan masukkan kode followers yang anda copy tadi di notepad

Begitulah cara membuat widget followers valid xhtml di w3c validator, silahkan dicoba dan semoga pembahasan ini dapat bermanfaat.

Cara Membuat Label Blog Supaya Tidak Ikut Terindeks Google

Untuk link pada label (kategori yang ada di blogspot / blogger dibuat nofollow agar tidak terindex dan diindex google karena link label blogspot bukanlah link permalink. Supaya link label blogspot tidak menjadi halaman crawl error maka label tersebut harus dinofollowkan dengan penambahan attibut rel="nofollow". Anda dapat lihat contoh penambahan attribut nofollow untuk link label secara manual dibawah ini.

<a href="http://lintas-tutor.blogspot.com/search/label/tutorial%20blog" rel="nofollow">Tutorial Blog</a>

Cara merubah semua link label blog secara otomatis agar tidak terindex google
1. Login ke blogger
2. Pada dashboard, pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode seperti dibawah ini :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

Biasanya pada template blog akan ditemukan 2 kode seperti diatas, jadi tambahkan attribut rel='nofollow' pada dua-duanya. Contoh menambah attribut nofollow seperti dibawah ini :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' rel='nofollow'><data:label.name/></a>

4. Simpan Template

Catatan :
rel='tag' yang ada di navigasi breadcrumbs biarkan saja (tidak perlu ditambah nofollow).

Begitulah cara membuat nofollow pada label blog agar tidak terindeks google, semoga bermanfaat.

Cara Membuat Breadcrumbs Terindeks Google

Cara Membuat Breadcrumbs Terindeks Google - Untuk blog anda yang sudah terlanjur memasang navigasi breadcrumbs silahkan dihapus dulu dan ganti dengan kode dibawah ini agar navigasi breadcrumbs nantinya dapat terindeks/diindeks Google.

Cara Membuat Navigasi Breadcrumbs Diindeks Google
1. Login ke blogger
2. Pada dasbor, pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

4. Cari kode <b:includable id='main' var='top'> ganti dengan kode dibawah ini

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- breadcrumb for the post page --> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <b:loop values='data:post.labels' var='label'> &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:loop> &#187; <span><data:post.title/></span></div><b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div></b:if></b:loop><b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span> </b:if></div></b:if></b:if></b:if> </b:if></b:if></b:includable> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>

5. Simpan template

Demikianlah cara membuat breadcrumbs cepat terindeks google, silahkan anda terapkan.