Minggu, 03 Maret 2013

Senin, 05 Maret 2012

Cara Memasang rel Canonical di Blogspot

       Sebelumnya kita akan sedikit mencoba mengenal apa itu rel canonical. Rel canonical adalah penambahan sedikit koding pada template blog kita untuk mencegah duplikat konten hampir sama seperti postingan saya sebelumnya, cara mematikan fungsi arsip. Web/blog yang menggunakan canonical sangatlah disukai oleh google yang sangat membenci duplicate content.
        Dengan menggunakan canonical akan mencegah terserapnya halaman dengan isi yang sama (url yang berbeda). Sebagai gambaran ketika kita membuat toko online dimana terkadang dalam satu halaman kita memberikan list berdasarkan abjad dan beberapa saat lain kita memberikan list dengan berdasarkan harga untuk produk yang sama. Tanpa menggunakan canonical mesin pencari google akan kesulitan untuk memprioritaskan hasil pencariannya.
Tapi jangan khawatir karena untuk memasang rel canonical bukanlah hal yang sulit. berikut cara yang sering saya lakukan.
  • Langsung saja ke TKP, dashbord =>> rancangan =>> edit html.
  • Cari kode <head> dan letakan kode di bawah ini tepat di bawahnya.
<link expr:href='data:blog.url' rel='canonical'/> 
  • Simpan hasil pekerjaan anda dan canonical telah terpasang di web/blog anda.

Sumber

Pasang Meta Tag Super Lengkap DI Blog

Meta Tag Super Lengkap - Pasang Meta Tag Super Lengkap DI Blog
hai sobat Hasbihtcblog jumpa lagi dengan saya yang tak pernah bosan-bosannya berbagi untuk sobatku semua. sebelumnya saya sudah memposting artikel tentang beberapa jenis meta tag dan sekarang saya akan memposting artikel tentang Pasang Meta Tag Super Lengkap DI Blog . Meta Tag ini sangat cocok, ampuh, dan manjur pastinya untuk blog kita . menurut analisa saya, dengan memasang meta tag ini ke blog sobat akan menambah SEO di blog. baik langsung saja ini dia dari saya hasbihtcblog Cara Pasang Meta Tag Super-Duper Lengkap dan Ampuh.
Meta Tag Super SEO Friendly Cara kilat pasang meta tag blogger seo friendly
Pasang Meta Tag Super Lengkap DI Blog
masuk ke akun blogger sobat Blogger
klik Rancangan > Edit HTML
Centang "Expand Widget Template"
kemudian cari kode . gunakan Tombol Keyboard CTRL + F untuk memudahkan pencarian.
Copy Code berikut ini dan Paste-kan di bawah kode .

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title><meta content='DESKRIPSI BLOG SOBAT' name='description'/>
<meta content='KATA KUNCI BLOG SOBAT ' name='keywords'/>
<meta content='NAMABLOG.blogspot.com' name='subject'/>
<meta content=' MENGGAMBARKAN BLOG SOBAT (MIRIP DESKRIPSI)' name='Abstract'/>
<b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if><meta expr:content='data:blog.pageName + &quot; DESKRIPSI HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot; KATA KUNCI HALAMAN YANG SEDANG DIBUKA&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
<b:else/>
<title><data:blog.pageTitle/></title><meta expr:content='data:blog.pageName + &quot; DESKRIPSI HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot; KATA KUNCI HALAMAN YANG SEDANG DIBUKA &quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
</b:if>
</b:if>
<title><data:blog.pageTitle/></title>
<meta content='http://NAMABLOG.blogspot.com/' name='copyright'/>
<meta content='NAMA SOBAT' name='author'/>
<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>
<meta content='KODE VERIFIKASI GOOGLE' name='google-site-verification'/>
<meta content='KODE VERIFIKASI BLOGCATALOG' name='blogcatalog'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='information' name='classification'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='document' name='resource-type'/>
<meta content='follow,all' name='robots'/>
<meta content='INDEX,FOLLOW, all' name='robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<META CONTENT='NOODP' Name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<link expr:href='data:blog.url' rel='canonical'/>

PERHATIAN !
Sobat silahkan ganti kode yang berwarna merah dan berwarna orange sesuai dengan perintahnya. sobat juga bisa menambahkan meta tag seperti veriikasi, atau apalah.
nah yang terakhir klik SIMPAN TEMPLATE
jika semua meta tag tadi yang sudah dipasang berada di kolom tab GENERAL tersebut, ber-arti meta tag itu berfungsi dan menjadikan blog sobat SEO friendly.
sekian dulu tips,trik, dari saya hasbihtc.blog semoga artikel di atas bermanfaat sek
ali untuk sobat semua. jika ada kesalahan dari artikel diatas, anggap angin lewat saja. silahkan TINGGALKAN KOMENTAR dan KRITIKAN dari sobat tentang artikel diatas. Terima Kasih.
Description: Membuat Meta Tag Super / Lengkap Di Blogspot semoga bermanfaat happy blogging.
Sumber

Minggu, 04 Maret 2012

Free Template SEO Blogspot

       Free Template SEO Blogspot (template blogspot SEO gratis). Kali ini saya sedikit ingin berbagi template blogger yang mungkin berguna bagi teman-teman yang membutuhkan template simpel yang SEO. Bisa saya katakan SEO karena di dalamnya saya tanamkan beberapa fitur yang mendukung optimasi SEO.
Beberapa diantaranya yakni:
  • Navigasi Breadcrumb
  • Auto Readmore
  • Auto meta tag
  • Related post
  • Kode canonical link element
  • dll.
Semoga bisa membantu.
Berikut beberapa screen shot yang saya ambil.

dan ini tampilan elemen widgetnya

Bagaimana? tertarik? Silahkan lihat demo-nya di SINI, dan download template ini di SINI. Selamat mencoba dan salam sukses TEMPLATE UPDATE!!! SILAHKAN LIHAT DI SINI "NEW FREE TEMPLATE SEO BLOGSPOT 2011"
Sumber

Sabtu, 03 Maret 2012

Cara Membuat Read More di Blogspot

 

       Cara Membuat Read More di Blogspot. Banyak tentunya yang mengeluh ketika menggunakan blogspot sebagai platform blognya. Kenapa? Karena blogger sedikit sekali memberikan feature-feature SEO. Jika kita melihatnya dari sudut pandang yang berbeda sebenarnya hal inilah yang menjadi sesuatu yang menarik yang memancing kreatifitas kita. Bagaimana kita tidak hanya menerima dan terus mencoba sesuatu yang baru yang kita perlukan seperti apa yang kita dapat pada platform lain seperti joomla dan wordpress. Salah satunya yang sangat mencolok adalah fungsi readmore.
       Pada postingan kali ini saya akan membahas bagaimana kita menampilkan fungsi readmore secara otomatis. Sebelumnya readmore adalah fungsi yang memungkinkan kita membatasi jumlah kata pada postingan kita yang kita tampilkan di halaman utama. Dengan mempersingkat jumlah kata yang ditampilkan tentunya akan mempercepat loading halaman utama blog kita. Bisa jadi user friendly bukan.
Berikut beberapa langkah yang harus dilakukan.

  • Langsung ke TKP, dashbord =>> rancangan =>> edit html, klik expand template widget
  • Carilah kode HTML </head>, gunakan ctrl+f untuk mempermudah
  • Salin kode di bawah ini dan letakkan di bawah kode </head>
<!-- Auto read more script -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}
function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
    if(img.length>=1) {   
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script -->
  • Angka yang berwarna biru adalah jumlah kata yang akan ditampilkan. Silahkan dirubah sesuka hati.
  • Langkah selanjutnya cari <data:post.body/> gunakan ctrl+f untuk mempermudah.
  • Salin kode di bawah ini dan ganti kode di atas dengan kode di bawah ini.
<!-- Auto read more Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>
<!-- Auto read more End -->
  • Selesai. Sebelum menyimpan sebaiknya klik pratinjau untuk mencegah terjadinya kesalahan.
Tips: Bagi anda yang ingin menggunakan gambar sebagai pengganti read more silahkan ganti  Read More >> dengan kode di bawah ini.
<img border='0' src='url (direct link) gambar readmore'/>

url (direct link) gambar readmore ganti dengan url tempat anda menyimpan gambar yang diinginkan.
Selamat mencoba dan salam sukses.

Sumber