25 Agustus 2013

Cara Ping Blog Agar Mempercepat Proses Index

http://redaksiexpo2012.blogspot.com/
Ping Blog salah satu langkah penting agar blog lebih SEO. Fungsinya untuk mempercepat proses indeks pada mesin pencari dan meningkatkan traffic sebuah blog itu sendiri.

Sebagai gambaran, Ping yang kita lakukan untuk menyampaikan ke Search Enggine bahwa ada sesuatu yang updated di blog kita dan tentunya sangat bagus untuk teknik SEO dalam hal mempercepat proses index.

Sebenarnya, saat ini banyak aplikasi gratisan di internet yang menyediakan Ping Gratis!, diataranya adalah googleping.com, pingomatic.com, pingoat.com dan masih banyak lagi.

Dalam artikel ini saya merekomendasikan blogger untuk Ping Blog dengan menggunakan Googleping.com

Caranya:
  • Silahkan masuk ke googleping.com Selanjutnyaa isi form seperti di bawah ini :
Cara ping blog di googleping.com
Blog Name : Isi Title blog
Blog Home Page : Alamat URL Blog
RSS URL : Isi dengan http://Alamat_Blog_Sobat.com/feeds/posts/default
Email : Isi alamat email sobat disini
  • Pilih service ping yang akan di target, bisa pilih semua dengan melakukan "Check All"
  • Selanjutnya Klik >> Send Ping 
  • Tunggu sampai proses PING selesai

Untuk penggunaan aplikasi lainnya seperti pingomatic.com atau pingoat.com, kurang lebih caranya sama, yaitu dengan memasukkan URL Blog dan URL RSS. Pada prinsipnya fungsinya sama. Namun saya sendiri lebih sering pake googleping.com ini, selain karena prosesnya cepat, target ping banyak juga ada backlink untuk URL yang selesai di proses Ping. Selamat Mencoba !! Terimakasih atas kunjunganya..

Cara Membuat Navigasi Breadcrumb di blogspot

http://redaksiexpo2012.blogspot.com/2013/08/cara-membuat-navigasi-breadcrumb-di.html
Navigasi Breadcrumb
Navigasi Breadcrumb di blogspot berguna agar konten atau artikel di blog cepat di index search enggine seperti google. Pada beberapa template yang tersedia gratis diluar sana, Navigasi Breadcrumb biasanya sudah terpasang. Namun tidak sedikit pula yang belum.

Sebenarnya artikel ini bagian dari
Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly

Berikut Cara Membuat Navigasi Breadcrumb di blogspot.

  • Login ke blogspot
  • Masuk ke "Rancangan" Edit HTML, Jangan lupa di download dulu untuk backup :)
  • Cari kode ]]></b:skin> (Bisa Gunakan Ctrl + F sebagai alat bantu)
  • Letakkan kode di bawah ini tepat di atas kode ]]></b:skin>
.breadcrumbs
{
padding:5px 5px 5px 0;
margin: 0 0 5px;
font-size:inherit;
font-family: Georgia, trebuchet ms, Verdana;
line-height: 1.4em;
border-bottom:4px double #000000;
}
  • Kemudian cari kode <b:include data='top' name='status-message'/> kalau ada 2 maka copas kode berikut ini di atas semua kode <b:include data='top' name='status-message'/> 
<b:include data='posts' name='breadcrumb'/> 
  • Sekarang cari kode <b:includable id='main' var='top'> kalau sudah ketemu paste kode berikut ini di atasnya
<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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</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>

SELESAI lah sudah!!! Membuat Navigasi Breadcrumb di blogspot. Dan jangan lupa simpan. Lalu, silahkan di cek dulu blog sobat dengan menggunakan tools ini : Rich Snippets Testing Tool

Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly

http://redaksiexpo2012.blogspot.com/2013/08/cara-modifikasi-template-blog-menjadi.html
Modifikasi Template Blog
Berkutat dengan template blogspot memang asik jika tidak mau dikatakan 'candu'. Apalagi memodifikasi templates agar lebih SEO Friendly.

Ada beberapa hal utama yang harus terkandung dalam sebuah template agar dapat dikatakan cukup SEO Friendly.

Pertama Buat META Tag yang lebih dinamis

Seberapa pentingkah Meta Tag? Menurut saya, Meta Tag merupakan bagian yang sangat penting. Mungkin pendapat ini keliru. Tapi dengan banyaknya situs Meta Checker atau sejenisnya, membuktikan bahwa komponen Meta Tag yang tersusun dengan baik sangat diperlukan.
Menurut saya, meta tag merupakan langkah awal search enggine mengenali berbagai komponen didalam blog untuk di indeks. Dan merupakan unsur utama tema apa yang diusung sebuah blog atau situs. Sehingga diterjemah dan ditempatkan pada kategori apa nantinya dimata search enggine.

Apa Arti Meta Tag Dinamis?

Secara default, ketika kita akses Halaman Utama Blog ataupun halaman posting pada umumnya memiliki Title, Descripsi dan Keyword yang sama. Dengan membuat Meta Tag yang lebih dinamis artinya, setiap posting mempunya Title, Deskripsi dan Keyword yang berbeda-beda.
Hal ini berguna agar setiap konten atau artikel yang kita posting terlihat spesifik dimata Search enggine. Jelas hal ini lebih SEO Friendly. Lebih jelasnya dapat dilihat pada:
Cara Membuat Meta Tag Dinamis pada blogspot  pada postingan sebelumnya.

Struktur Tag Header : H1, H2, H3, H4, H5, H6

Struktur H1, H2, H3, dst juga mempunyai peran sangat penting dalam membantu sebuah blog menjadi SEO friendly.  Sehingga bisa bersaing di posisi SERP google. Bagaimana susunan Tag H1, H2, H3 dst yang bagus ? - Master SEO dari referensi yang saya baca berpendapat Tag Header harus berurutan dan rapi. Berikut saran dalam Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot

Buat Navigasi Breadcrumb

Lalu apa pula Navigasi Breadcrumb tersebut?? Untuk menjelaskan apa itu Navigasi Breadcrumb, silahkan lihat ilustrasi di bawah ini :
Cara modifikasi template blogspot agar SEO Friendly
Navigasi Breadcrumb Dalam Kotak Warna Kuning
Lalu di cek dulu, apakah blog sobat sudah ada navigasi seperti yang di tandai warna kuning di atas ? - Jika sudah ada, maka Step ini bisa di lewati. Jika belum ada, ada baiknya mengikuti pembahasan ini sampai tuntas. Apa efek dari penambahan Navigasi Breadcrumb ini?, silahkan lihat capture salah satu blog di hasil pencarian google di bawah ini :
Cara memasang meta tag dinamis
Tampilan Hasil Pencarian di Google setelah blog di tambah navigasi breadcrumb

Seberapa penting navigasi breadcrumb di blogspot. Menurut saya sangat di anjurkan. Selain untuk lebih mempercantik penampilan blog, juga di sarankan karena blog lebih SEO Friendly dimata google.

Bagaimana menambahkan  navigasi breadcrumb di blog kita, silahkan masuk ke sini :Cara Membuat Navigasi Breadcrumb di blogspot
Demikian  Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly. Mungin masih banyak cara metode lain yang lebih sempurna, atau  itu saran dan masukannya ditunggu di kotak komentar. Terimakasih atas kunjunganya...


Cara Membuat Meta Tag Dinamis pada blogspot

http://redaksiexpo2012.blogspot.com/2013/08/cara-membuat-meta-tag-dinamis-pada.html
Meta Tag Dinamis
Pada template blogspot agar lebih SEO Friendly ada beberapa komponen yang harus diperhatikan. Yakni META TAG. Meta tag bisa dibilang sebagai pintu gerbang atau jalur inti sebuah blog untuk dikenali oleh mesin pencari/search enggine. Dalam meta tag, terdapat unsur Keyword dan Description sebuah blog.

Ada banyak saran dalam membangun meta tag. Namun menurut saya Meta Tag Dinamis diperkirakan akan memperkuat konten dan artikel didalam sebuah blog lebih akrab dengan search enggine (SEO Friendly).

Berikut Cara Membuat Meta Tag Dinamis pada blogspot:
    • Login ke akun blogger sobat
    • Pilih edit HTML
    • Jangan lupa backup terlebih dahulu template
    • Cari kode <b:include data='blog' name='all-head-content'/> (Gunakan CTRL+F agar lebih mudah)
    • Hapus semua Meta Tag, mulai dari <b:include data='blog' name='all-head-content'/> sampai sebelum <b:skin><![CDATA[/
    • Selanjutnya masukkan META TAG dinamis di bawah ini :

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <title><data:blog.pageTitle/></title>
      <b:else/>
      <title><data:blog.pageName/></title>
      </b:if>
      <meta content='true' name='MSSmartTagsPreventParsing'/>
      <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
      <link expr:href='data:blog.url' rel='canonical'/>
      <link href='http://www.blogger.com/profile/066378140930646XXXX' rel='me'/>
      <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
      <link href='http://www.blogger.com/rsd.g?blogID=667204186762062XXXX' rel='EditURI' title='RSD' type='application/rsd xml'/>

      <link href='http://domainanda.com/feeds/posts/default' rel='service.post' title='Desc Singkat - Atom' type='application/atom+xml'/>

      <link href='http://domainanda.com/feeds/posts/default?alt=rss' rel='alternate' title='Desc Singkat - RSS' type='application/rss+xml'/>

      <b:if cond='data:blog.url == &quot;http://DOMAIN>COM&quot;'>
      <meta content='Isi Dengan Deskripsi Blog Anda' name='description'/>
      <meta content='Isi Dengan Keyword Blog Anda' name='keywords'/> </b:if>

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <title><data:blog.pageName/> | <data:blog.title/> | Blog Tutorial </title>
      <meta expr:content='data:blog.pageTitle + &quot; - Blog Tutorial dan Tip SEO&quot;' name='description'/>

      <meta expr:content='data:blog.pageTitle + &quot;,.. Tutorial Blog, Tip SEO, Template Gratis&quot;' name='keywords'/>
      <b:else/>
      <meta expr:content='data:blog.pageName + &quot; - Blog Tutorial dan Tip SEO&quot;' name='description'/>
      <meta expr:content='data:blog.pageName + &quot;,.. Tutorial Blog, Tip SEO, Template Gratis&quot;' name='keywords'/>
      </b:if>

      <meta content='Blogger Coepoe' name='author'/>
      <meta content='© 2012 Blogger Coepoe' name='copyright'/>
      <meta content='index, follow' name='robots'/>
      <meta content='index, follow' name='googlebot'/>
      <meta content='index, follow' name='googlebot-image'/>
      <meta content='index, follow' name='msn-bot'/>
      <meta content='index, follow' name='yahoo-slurp'/>
      <meta content='all' name='spiders'/>
      <meta content='all' name='webcrawlers'/>
      <meta content='id' name='geo.country'/>
      <meta content='Indonesia' name='geo.placename'/>
      <meta content='0' http-equiv='expires'/>
      <meta content='never' name='expires'/>
      <meta content='global' name='distribution'/>
      <meta content='noindex,follow' name='labels'/>
      <meta content='never' http-equiv='expires'/>
      <meta content='1 days' name='revisit-after'/>
      <meta content='2 days' name='revisit'/>
      <meta content='10' name='pagerank'/>
      <meta content='100' name='alexa'/>
      <meta content='no' http-equiv='imagetoolbar'/>
      <meta content='true' name='MSSmartTagsPreventParsing'/>
      <meta content='general' name='rating'/>
      <meta content='aeiwi, alexa, alltheweb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot, infomax, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, cnet, baidu' name='search engines'/>

      Jangan lupa ganti text yang berwarna merah, sesuai dengan blog anda. META Tag diatas dinamis karena memiliki tittle, deskripsi, keyword yang berbeda-beda sesuai postingan atau artikel pada blog.

      Biar makin mantab, sekali-sekali coba tools yang satu ini untuk cek Meta Tag : MetaChecker

      Oh.. ya.. tips ini saya dapat dari http://blogger-coepoe.blogspot.com yang telah saya coba. Dan telah di test pada MetaChecker dan SEOquake Diagnosis 


      Selamat mencoba semoga Cara Membuat Meta Tag Dinamis pada blogspot ini bermanfaat..

        

      Simple Gray and Responsive Blogger Templates : Zikazev Simple Gray

      Satu lagi!!!  Free Responsive Template by Kang Ismet. Tema abu-abu mendominasi warna Blog Template nya yang satu ini. Seandainya saja, gonta-ganti template tidak berpengaruh dengan indeks SEO, ingin rasa tiap hari ganti template buatannya Kang Ismet. He... he....

      Warna hitam, putih, abu-abu dan biru, ternyata sebuah kombinasi warna yang menarik. Hal itu terbukti pada balutan warna Template blog yang satu ini. Entah dari mana si Kang Ismet dapat nama Zikazev yang luar biasa susah nyebutinnya ini. (Gak Indonesia banget) he... he...

      Ini srceenshootnya:
      Simple and Responsive blogger templates
       Zikazev Simple Gray Blogger Template
      http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

      Simple and elegant blogspot template

      Blogger Template : Blue & Red Pearl 

      Kang Ismet emang salah satu pentolan perancang blogger templates Indonesia (Itu menurut saya). Dua templates ber flatfrom blogspot ini memang layak untuk dijadikan pilihan. Simple dan elegant, namun sentuhan art berselera tinggi menjadi unsur yang kuat pada setiap bagian fiturnya. 
      Lihat saja logo pada header template. Siapa bilang itu senderhana??? Sentuhan photoshop plus CorelDraw membuat dsign logo terlihat elegant mantap dan elegant.

      Berikut screenshoot atau penampakan 
      Simple and elegant blogspot template Buatan Kang Ismet itu:

      http://redaksiexpo2012.blogspot.com/2013/08/simple-and-elegant-blogspot-template.html
      Blue Pearl Blogspot Theme



      http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/


      http://redaksiexpo2012.blogspot.com/2013/08/simple-and-elegant-blogspot-template.html
      Red Pearl Blogspot Theme

      http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/