Juni 2013

Tips Mudah Memilih Niche / Tema Blog Terbaik

memilih tema / niche blog
Tips Mudah Memilih Niche/ Tema Blog terbaik � ini adalah salah satu persiapan yang bisa dibilang penting, terlebih buat para newbie akan sedikit kebingungan dalam menentukan tema blog karena biasanya Cuma ikut-ikutan membuat blog yang sudah terkenal. Sebaiknya sebelum anda memulai blogging anda harus menentukan tema blog terlebih dahulu karena menentukan blog anda di masa mendatang. Berikut andalah beberapa tips untuk memilih Niche / Tema blog untuk anda.

Apakah Memilih Tema Blog Penting?

Jawabanya tentu saja �Iya�, karena nantinya akan mempengaruhi isi dari blog yang akan anda buat dan mempengaruhi jumlah pengunjung atau jumlah target pengunjung blog. Karena setiap tema blog memiliki presentase yang berbeda dalam jumlah peminatnya, sbagai contoh jika anda memilih tema pertanian maka jumlah pengunjung yang mencari tema tentang pertanian akan lebih sedikit dibanding dengan tema bisnis online. Karena itu akan mempengaruhi proses SEO.

Selanjutnya jika anda salah dalam memilih tema maka kemungkinan besar anda akan menemui masalah-masalah seperti berikut.
  • Anda akan kehabisan materi untuk artikel blog anda
  • Blog anda akan sulit bersaing dengan blog lain.
  • Dan anda akan merasa bosan mengelola blog anda
Berdasarkan hal-hal di atas maka tahap memilih tema blog adalah sesuatu yang sangat penting karena jika di abaikan begitu saja maka dalam beberapa bulan kemudian blog anda akan tenggelam dan tidak mendapat tempat.

Tidak heran banyak blogger pemula yang gagal karena menganggap remeh atau mengabaikan tahapan memilih niche atau tema.

Bagaimana Memilih Tema yang Terbaik?

Sebenarnya jawaban dari pertanyaan ini ada pada diri anda masing-masing. Karena anda bisa menentukan tema blog berdasarkan kemampuan yang anda miliki.

Atau anda bisa menjawab beberapa pertanyaan berikut
  1. Apa tujuan anda membuat blog?
  2. Apakah blog anda menjadi sarana berbagi?
  3. Apakah blog anda digunakan untuk usaha?
Silahkan fikirkan berdasarkan ability saudara karena jika anda memaksa membuat blog dengan tema/niche yang tidak anda kuasai maka konsekwnsinya seperti yang saya bilang sebelumnya.

Banyak para pemula yang ikut-ikutan membuat blog yang tidak mereka kuasai ilmunya karena tergiur dengan blog-blog yang sukses.

Apa Tema Blog Anda?

Bagaimana apakah anda sudah mendapat pencerahan tentang cara memilih tema blog? Jika belum berikut akan saya berikan list dari tema/niche blog yang umum, silahkan pilih berdasarkan basic atau kemampuan dan pengetahuan anda
  • Musik
  • Olahraga
  • Berita
  • Otomotif
  • Hiburan
  • Seni
  • Bisnis
  • Referensi
  • Edukasi
  • Game
  • Komputer
  • Rekreasi
  • Internet
  • Blogging
  • Agama
  • Sosial
  • Pribadi
  • Dll
Anda bisa memilih dua atau lebih tema blog yang masih saling berhubungan, contoh biasanya tema internet bisa berkaitan dengan tema blogging dll, sebaiknya pilih yang berkaitan dengan hobi anda agar blog anda akan bermanfaat dan tidak sia-sia.

Ingat...! Ini adalah tahap yang penting jika anda menginginkan blog anda sukses dikemudian hari. Semoga bisa membantu anda ang sedang bingung memilih niche atau tema blog terbaik dan selanjutnya anda perlu mempelajari cara meriset kata kunci untuk membantu membangun blog yang powerfull.

Download Template SEO-Friendly Terbaru Gratis

template gratis
Template SEO-Friendly Terbaru Gratis � Kali ini teknik SEO mudah akan berbagi kepada anda semua yang sedang mencari template yang seo dan gratis tentunya, template yang saya berikan ini cocok untuk segala niche, jadi apapun tema blog anda maka template ini akan cocok.

Template seo-friendly ini juga di lengkapi dengan space banner iklan tepat diseblah judul blog dan di setiap bawah sebuah artiel, jadi buat anda yang ingin menjual iklan maka template ini sudah sangat cocok.

Selain tampilan yang elegant dan memiliki space banner iklan, template ini juga sudah sangat seo, terbukti dengan tidak menggunakan backgroun gambar terlalu banyak sehingga template lebih cepat dimuat atau loadingnya cepat dan juga sudah sesuai dengan kriteria dan syarat template seo.

Berikut ini fitur yang sudah ada pada template RE0613 ini:
  • Tag heading sudah seo yaitu memakai H1.
  • Sudah dilengkapi Breadcrumbs
  • Judul postingan memakai tag H2
  • Judul widget menggunakan H4
  • Anda bisa mengunakan H3 sebagai sub heading di setiap artiel anda.
  • Dilengkapi space iklan disamping header dan dibawah setiap artikel
  • Sudah dilengkapi dropdown menu
  • Memiliki dua navbar 
  • Warna dark sehingga lebih elegant.Dan msh bnyak lagi...
Berikut adalah screenshot template seo friendly, link download dan demo ada dibawah

template Seo friendly


Sebenarnya masih ada pilihan warna lainnya seperti biru dan hijau tetapi saya belum sempat upload yang lainnya, untuk warna lainnya nant saya akan pasangkan lingnya menyusul.

Selain fitur-fitur diatas anda juga bisa memasang fitur lain unuk mempercantik template ini.
Fitur yang bisa anda pasang
  1. Dynamic Heading, untuk caranya silahkan baca cara membuat dynamic heading
  2. Related post atau artikel terkait, klik pada link yang saya berikan untuk membuatnya
  3. Catatan kaki, and ajuga bisa menambah catatan kaki
  4. Rich snippet, untuk memperindah pada halaman hasil pencarian google
Ok, itu saja mungkin yang bisa saya jelaskan mengenai template seo terbaru dan gratis ini, semoga anda suka dengan modelnya. dan dipersilahkan untuk bertanya jika anda kesulitan dalam penggunaan template ini.

Cara Membuat Related Post / Artikel Terkait di Blogspot

Membuat related Post
Artikel terkait / Related post sangat bermanfaat untuk para pengunjung blog anda, karena akan memudahkan pengunjung untuk membaca artikel-artikel yang masih mempunyai topik yang sama. Bahkan jika anda perhatikan ketika anda menggunakan google search di bagian bawah ada beberapa saran pencarian yang masih berhubungan  dengan artikel atau sesuatu yang sedang anda cari, saya berkesimpulan itu adalah sesuatu yang hampir sama fungsinya dengan related post atau artikel terkait tetapi mungkin beda penamaan saja.

Setelah mengetahui beberapa hal diatas jadi saya setuju dengan para master seo bahwa memasang related post atau artikel terkait adalah salah satu teknik seo yang disarankan, karena google pun menggunakan hal yang sama.

Selanjutnya jika anda tertarik untuk memasang artikel terkait / related post ikuti langkah-langkah yang saya berikan. Gambar di bawah adalah contoh related post yang akan saya jelaskan cara memasangnya.

contoh related post
Cara membuat related Post
  • Masuk ke Blogger >> TEMPLATE
  • Pilih EDIT HTML >> Tunggu sampai Kode HTML terbuka
  • Temukan kode ]]></b:skin> dan letakan kode dibawah tepat di atasnya.
    /* Teknik SEO Mudah Related Posts --- */
        .related-post .post-thumbnail {
        z-index: 1;
        position: relative;
        width: 98px;
        height: 98px;
        margin: 0;
        display: block;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: inset 2px 2px 5px #444;
        -moz-box-shadow: inset 2px 2px 5px #444;
        box-shadow: inset 2px 2px 5px #555;
        }
        .related-post {
        float: left;
        position: relative;
        width: 98px;
        height: 98px;
        margin: 0 10px 10px 0;
        background: #F6F6F6;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        }
        .related-post .related-post-title {
        display: none;
        float: left;
        background: #000;
        color: #fff;
        text-shadow: none;
        font-weight: bold;
        padding: 10px;
        position: absolute;
        top: -20px;
        left: 40px;
        z-index: 2;
        width: 200px;
        -webkit-box-shadow: 0 0 2px #444;
        -moz-box-shadow: 0 0 2px #444;
        box-shadow: 0 0 2px #444;
        }
        .related-post:hover .related-post-title {display: block;}
  • Selanjutnya cari kode yang mirip dengan kode dibawah >> cari kode yang pertama dan jika tidak ada cari kode-kode selanjutnya.
    <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'/>
              <div class='post-footer-line post-footer-line-2'/>
              <div class='post-footer-line post-footer-line-3'/>
            </div>
          </div>
  • Jika anda sudah menemukan kode yang mirip dengan kode diatas, copy kode dibawah tepat dibawah kode di atas.
    <div id='related-posts'>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <script type='text/javascript'>//<![CDATA[
        var ry='<h3>Related Posts</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
        var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgchxAdklntkZpkugrMnRxEGUkxJ6iTvJkQk7EZ1-FxtJUBcxu6OQsX-uweBrZnvXYOW8GjiNnophyphenhyphen_YwyJIfv5MqAIci6Lor2_eXzccZNU-QIhWyiMtrySXBPCBUZLZcLlRtifWq0Av_Mu/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
        //]]></script>
        <b:loop values='data:post.labels' var='label'>
        <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
        </b:loop>
        <script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
        </b:if>
        </div>
        <div class='clear'/>

#Keterangan:
    Warna Biru Bisa anda sesuaikan dengan ukuran template anda
    warna Hijau Jumlah artikel yang akan anda tampilkan.
  • Simpan Template anda >> Selesai
Sekarang template anda sudah memeliki artikel terkait atau related post untuk memudahkan pengunjung menjelajahi blog anda. Jika anda ingin membuat template menjadi seo-friendly tetapi tidak tahu syarat dan kriterianya silahkan baca SYARAT DAN KRITERIA TEMPLATE SEO.


KRITERIA DAN SYARAT TEMPLATE BLOG SEO-FRIENDLY

Kriteria dan syarat template blog seo
Syarat dan Kriteria Template SEO-Friendly - Banyak sekali template-template di luar sana yang mengklaim bahwa sudah memenuhi setandar seo, padahal sebelumnya kita harus tahu terlebih dahulu syarat atau kriteria template seo itu seperti apa. apakah harus mewah? atau harus berwarna putih? karena banyak sekali template yang seo hanya menggunakan warna yang calm atau terkesan hanya mempunyai sedikit warna.

Baiklah, saya disini akan menjelaskan kriteria template yang seo friendly berdasarkan salah satu master seo yang blognya hampir dikunjungi lebih dari 1000x setiap harinya.

SYARAT & KRITERIA TEMPLATE SEO

Saya akan membagi kedalam dua kriteria silahkan perhatikan.

Kriteria Umum

  1. Cepat loading. karena semakin lama kecepatan loadingnya makan pengunjung semakin bosan menunggu.
  2. Tampilannya menarik. template yang menarik akan membuat pengunjung betah untuk menikmati blog anda dan tentunya harus diimbangi dengan content yang berkualitas.
  3. Terpasang Breadcrumbs, memudahkan pengunjung menjelajahi blog anda.
  4. Memiliki Related Post, Membantu pengunjung menemukan artikel yang masih berhubungan.

Kriteria Khusus

Saya akan membahasnya per bagian saja.
1. Bagian Header <head> section:
  • Sebaiknya title tag itu menggunakan format JUDUL HALAMAN saja, misalnya KRITERIA TEMPLATE BLOG SEO FRIENDLY, karena ini lebih baik dari format KRITERIA TEMPLATE BLOG SEO FRIENDLY | PANDUAN BELAJAR SEO DAN TUTORIAL BLOG.
  • Meta description sebaiknya terdiri dari sekitar 150 karakter, sebaiknya jangan ada kata yang lebih dari dua kali pemunculan.
  • Gunakan rel='canonical' untuk mencegah banyak versi halaman yang diindex Google.
  • Gunakan meta robots untuk memblokir halaman arsip untuk mencegah duplikat meta description.
  • Sebaiknya tidak ada script, kecuali sifatnya asinkron, agar loading blog anda lancar.
2. Bagian Body.
  • Sebaiknya header halaman ditaruh paling atas dan gunakan heading <h1>
  • Header halaman sebaiknya menampilkan judul halaman tersebut
  • Setelah header letakkan menu dan isi link satu per satu. Pastikan link yang paling penting yang paling duluan. 
  • Jika anda ingin memfokuskan kekuatan SEO ke halaman-halaman artikel, maka ada baiknya link-link label yang lebih dulu anda taruh di bawah header. Kalau anda mau memfokuskan kekuatan SEO ke halaman Beranda, maka link halaman beranda yang paling di atas
  • Anda bisa menambahkan breadcrumbs untuk membantu pengunjung blog mengetahui posisi mereka di blog anda.
  • Judul artikel sebaiknya menggunakan tag <h2>
  • Di dalam artikel sebaiknya kata kunci muncul minimal 3 kali dan di bold maksimal 2 kali
  • Gambar sebaiknya diberi alt tag.
  • Jika anda ingin mendorong suatu artikel, maka pastikan linknya ada di semua halaman, posisi link agak di atas, dan bila perlu kurangi jumlah link di setiap halaman, agar poin lebih terfokus ke halaman utama anda.
  • Sebaiknya hindari iframe atau flash element (burung twitter/animasi-animasi lain)
  • Judul Widget sebaiknya memakai h4 atau h5
  • Link-link yang tidak begitu penting silahkan taruh di footer karena ini adalah bagian yang paling kecil memberi poin link. Kalau ada eksternal link, bisa ditaruh di urutan-urutan terakhir.
Semua yang ada di atas adalah kriteria dan syarat template blog SEO FRIENDLY. Bagian terpentingnya adalah mendesain template itu sendiri. Pastikan anda menyukai desainnya, agar tidak perlu mengubah template dalam waktu yang lama. Sebaiknya anda berusaha menguasai banyak kata kunci dan mendapat pagerank minimal 3 sebelum mengubah template anda agar goncangannya tidak terlalu besar. Anda juga bisa melihat-lihat atau mendownload template seo friendly dari blog ini secara gratis.

Ok, sekian dulu semoga bisa difahami dan jika masih ada yang bingung silahkan bertanya.

Cara Mudah Membuat Breadcrumbs di Postingan Blog

cara membuat breadcrumbs di blogspot
Cara Mudah Membuat Breadcrumbs di Postingan Blog - Berbagai macam teknik SEO selalu dioptimasi agar situs mereka dapat segera terindex dengan cepat. Salah satu trik yang digunakan adalah dengan memasang breadcrumbs di atas postingan yang berisi letak sebuah artikel itu berada.

Fungsi breadcrumbs adalah untuk menunjukkan lokasi artikel saat pengunjung datang di situs yang dikunjungi. Selain itu, menurut beberapa orang membuat breadcrumbs akan secara signifikan meningkatkan trafik. Tetapi banyak diantara mereka yang melakukan optimasi secara berlebihan yang belum tentu menciptakan hasil yang memang disukai Google.

Secara teknis saya meyakini bahwa teknik breadcrumbs ini membawa efek positif bagi SEO, karena bagaimana pun link antar halaman itu selalu memberi efek positif dalam aliran pagerank. Bagi yang ingin memasang breadcrumbs bisa mengikuti prosedur berikut:
  • Masuk ke akun blogger saudara
  • Pilih menu TEMPLATE
  • Simpan dulu Full Template saudara dengan mengklik tombol Cadangkan/Pulihkan
  • Klik tombol EDIT HTML
  • Buka semua kode template. Caranya, klik di sembarang tempat di dalam kode. Tekan CTRL+F untuk membuka kotak pencarian. Masukan kode ]]></b:skin> lalu tekan ENTER.
  • Jika sudah, letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tadi
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:80%; line-height: 1.4em; border-bottom:3px double #eee;}
  • Setelah itu cari kode seperti di bawah:
<b:includable id='main' var='top'> 
  • Ganti kode di atas dengan kode di bawah
        <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'/>
  • Simpan Perubahan.
Coba buka salah satu artikel anda apakah terlihat breadcrumbs seperti gambar dibawah:

contoh breadcrumbs

Jika tanda blog anda terlihat seperti di atas maka anda sudah merhasil memasang breadcrumbs dan secara tidak langsung anda juga sudah menerapkan salah satu kriteria template yang seo.

Dengan demikian selesai sudah cara membuat breadcrumbs semoga blog anda cepat terindex oleh google dan banyak pengunjung.

MEMBUAT DYNAMIC HEADING YANG SEO-FRIENDLY

Membuat Dynamic Heading yang SEO-Friendly
Membuat Dynamic Heading yang SEO-Friendly - Semakin banyak blogger yang ingin menggunakan trik ini, karena ini adalah satu dari beberapa kriteria template SEO friendly saat ini. Jadi teknik SEO mudah akan sedikit berbagi dasar untuk mengubah heading di blog kita menjadi dynamic heading. Sekarang perhatikan gambar di bawah ini.

dynamic heading
Pada gambar di atas saudara bisa melihat tiga bagian penting pada halaman artikel saya, yaitu:
1. Title Tag
2. Header Halaman
3. Judul Artikel
Ketiga komponen inilah bagian terpenting dari sebuah webpage, jangan sampai anda menyia-nyiakan ketiga komponen ini dengan pengaturan yang salah. Jadi mari belajar dasar untuk mengatur setelan template menjadi SEO friendly

Mengatur Title Tag

Banyak blog yang membiarkan title tag blognya dalam keadaan standar saja. Misalnya blog "Agung Computer" membuat artikel "Bagaimana cara memperbaiki komputer?". Maka title tag-nya akan menuliskan "Agung Computer: Bagaimana cara memperbaiki komputer?" Kita bisa lihat bahwa tempat terbaik dalam title tag, yaitu bagian terdepan dari title tag diisi dengan nama blognya. Padahal sangat sedikit, bahkan nyaris tidak ada yang mau mencari keyword "Agung Computer".

Setidaknya title tag blog itu harus menuliskan "Bagaimana cara memperbaiki komputer? | Agung Computer". Bahkan jika perlu hilangkan saja nama blog dan tuliskan "Bagaimana cara memperbaiki komputer?" Karena setiap penambahan kata dalam title tag akan mengurangi persentase kepadatan kata kunci tersebut.

Mengenai cara memasang title tag silahkan baca di artikel Cara Memasang Title Tag, Meta Description, dan Heading Tag

PERHATIAN:
Sebelum melakukan trik di bawah harap dibuat dulu back-up template yang sekarang. Jika saudara gagal tinggal upload ulang template saat ini.

Mengatur Header Halaman

Kita menginginkan agar header halaman ini menuliskan nama blog saat berada di homepage, dan menuliskan judul artikel saat berada di halaman artikel. Oleh karena itu kita perlu membuat beberapa pengaturan pada HTML blog. Untuk melakukan itu lakukanlah prosedur berikut ini:
  • Masuk ke akun blogger saudara
  • Pilih blog yang akan diedit, dan masuk ke dalam menu TEMPLATE
  • Klik tombol EDIT HTML
  • Buka semua kode template caranya. Klik di sembarang tempat di dalam kode. Tekan CTRL+A, lalu tekan CTRL+C, lalu tekan DEL, dan terakhir paste dengan menekan CTRL+V.... Semua kode akan terbuka penuh.
  • Cari kode <b:include name='title'/> dengan menggunakan control+f pada saat kursor aktif di kotak edit kode HTML. Biasanya akan ada 3 kode seperti ini. Jadi kita lakukan trial dan error saja, tapi saran saya mulailah dari yang paling bawah.
  • Ganti kode <b:include name='title'/> dengan kode di bawah ini:

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

  • Simpan perubahan dan lihat apakah sudah berubah judul pada halaman artikel. Jika belum ubah kembali kode di atas menjadi <b:include name='title'/>, dan ulangi penggantian kode pada <b:include name='title'/> yang lainnya.

Mengatur Judul Artikel

Secara default biasanya template memberikan heading H3 untuk judul posting. Ini sebenarnya kurang SEO friendly. Apalagi secara default template blogger memberikan heading H2 juga untuk nama gadget. Jadi di sini kita ingin mengubah judul artikel menjadi heading H2.

Ikuti prosedur di bawah ini untuk mengubah judul artikel:
  1. Masih di mode EDIT HTML sekarang gunakan control+f pada browser untuk mencari kode h3.post (pastikan kodenya tidak ada embel-embel mobile)
  2. Kode seperti ini bisa lebih dari satu, tergantung template yang anda gunakan. Sekarang ubah semuanya menjadi h2.post
  3. Jika sudah, sekarang dengan control+f carilah semua kode <h3 class='post
  4. Ubah semuanya menjadi <h2 class='post
  5. Ubah juga end tag </h3> menjadi </h2>
  6. Simpan perubahan pada template

TAMBAHAN: MENGUBAH JUDUL WIDGET JADI H3
Sekarang template blog saudara sudah menggunakan dynamic heading. Tinggal mengubah judul gadget menjadi h3....
  • Masih di mode EDIT HTML pada menu TEMPLATE, carilah semua kode HTML untuk widget blog anda. Kita ambil contoh pada widget Arsip Blog seperti pada kode di bawah:
        <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
        <b:includable id='main'>
          <b:if cond='data:title'>
            <h2><data:title/></h2>
          </b:if>

  •  Silahkan diubah kode berwarna merah di atas menjadi <h3><data:title/></h3>.
  • Jika semua kode pada widget sudah diubah menjadi h3 silahkan simpan lagi template blog saudara

Ok, selesai sudah pengaturan semua komponen penting pada blog saudara. Sekarang blog saudara sudah lebih SEO friendly. Mudah-mudahan dynamic heading ini bisa membantu memperbaiki peringkat artikel-artikel blog saudara di Google.

Memasang Title Tag, Heading Tag dan Meta Description Tiap Artikel

Title Tag, Heading Tag dan Meta Description haruslah berbeda untuk setiap postingan. karena setiap artikel memiliki pembahasan yang berbeda, sehingga deskripsinya pun harus sesuai dengan content atau isi dari artikel tersebut.

TITLE TAG

Umumnya title tag dari template setandar adalah ( NAMA BLOG : JUDUL POSTING ) atau ( JUDUL POSTING | NAMA BLOG ) tentu saja title tag kita akan ada dua, sedangkan title tag yang bagus itu hanya menampilkan judul postingan saja. Untuk memasang title tag yang beragam, maka pastikan Title Tag blog saudara seperti berikut ini:

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>


Untuk melihat kode title tag pada template anda silahkan lakukan prosedur berikut:
  • Masuk ke menu TEMPLATE
  • Klik tombol EDIT HTML
  • Akan muncul pop-up, silahkan klik tombol LANJUTKAN
  • Akan muncul kotak berisikan HTML dasar blog anda
  • Gunakan ctrl+f untuk mencari kode <title>
  • Silahkan periksa apakah kode yang berada antara <title> dan </title> pada blog anda sudah sama seperti di atas?
  • Jika belum silahkan hapus semua kode HTML dari <title> sampai </title>, dan copy paste kode merah di atas sebagai penggantinya.
  • Klik SIMPAN untuk menyimpan perubahan yang anda lakukan.

META DESCRIPTION

Untuk mempermudah memasang meta description pada setiap postingan blogspot ikuti prosedur berikut:
meta descriptins
  • Masuk ke menu SETELAN
  • Pilih Submenu PREFERENSI PENELUSURAN
  • Aktifkan opsi TAG META description
  • Isikan description Blog Saudara pada kolom yang tersedia
  • Klik SIMPAN PERUBAHAN

Setelah anda melakukan 5 langkah mudah di atas, silahkan masuk ke menu ENTRI BARU atau EDIT ENTRI untuk membuat artikel baru atau mengedit artikel lama. Pada bagian kanan kotak pengetikan akan bertambah satu menu yaitu description PENELUSURAN. Isikan meta description dari artikel anda dengan mengklik menu tersebut. Akan muncul dropdown box tempat anda memasukkan meta description. Klik SELESAI, dan setelah itu anda cukup mengklik PUBLIKASIKAN atau PERBAHARUI pada bagian atas layar. (lihat gambar berikut)
search descriptions

HEADING TAG

Menambahkan heading tag pada artikel juga sekarang sudah sangat mudah. Pada icon editor artikel sudah ada pilihan heading tag. Perhatikan gambar berikut.
tag heading

Anda cukup memilih HEADING untuk H2, SUB HEADING untuk H3, dan MINOR HEADING untuk H4. Dengan demikian kita sudah lebih mudah memasukkan berbagai heading ke dalam artikel.

Dengan demikian menambah Title Tag, Meta Description, dan Heading Tag untuk setiap postingan sudah sangat mudah. Jadi harap membiasakan menambahkan meta description ini

DAFTARKAN BLOG UNTUK MEMPERBAIKI ALEXA RANK

DAFTARKAN BLOG UNTUK MEMPEBAIKI ALEXA RANK
Daftarkan Blog Untuk Memperbaiki Alexa rank - Banyak para blogger yang tidak tahu cara mendaftarkan blog mereka ke alexa, mereka lebih tau cara menginstal Alexa Toolbar saja. tetapi tahukah anda, kita perlu daftarkan blog kita ke Alexa agar penilaian terhadap blog kita lebih akurat, karena data blog kita akan ada di data base alexa.

keuntungan mendaftarkan blog kita ke alexa adalah mempercepat penurunan alexa rank dari blog kita terlebih kita MEMASANG ALEXA TOOLBAR dan ALEXA WIDGET maka akan semakin cepat alexa rank kita turun atau makin kecil.

Mengklaim Blog di Alexa.

masukan url blog
  • Akan ada pilihan paket, silahkan klik "FREE".
pilih yang free
  • Anda akan di minta untuk verivikasi blog anda dan ada dua cara yang diberikan. Pilih cara kedua karena lebih mudah.
verivikasi blog anda
  • Buka template anda, Copy-paste kode didalam kotak merah tepat dibawah kode </Head> dan simpan perubahannya.
  • kembali kehalaman verivikasi dan tekan tombol "Verify my ID" (jika anda melakuakan dengan benar maka akan terlihat pemberiahuan)
claim site on alexa
  • klik CONTINUE.
  • Silahkan isi formulir seperti gambar sesuai dengan blog anda.
lengkapi data blog anda

cara daftar blog ke alexa

  • Setelah semuanya selesai silahkan klik save/continue.
Anda akan dibawa kedashboard halaman dari alexa, dan akan terlihat data-data blog anda, jika blog anda masih baru atau belum terindex biasanya belum ada data, tapi jangan hawatir seiring dengan anda mencari backlink dan update artikel yang berkualitas maka alexa rank anda akan meningkat.

Dengan begitu blog anda sudah terdaftar di alexa dan mudah-mudahan rank alexa anda akan cepat turun. itu saja dulu yang bisa saya jelaskan semoga bermanfaat dan bisa membantu.

CARA MEMBUAT READ MORE OTOMATIS DI BLOGSPOT

Cara membuat Read more otomatis pada blogspot
Cara Membuat Read More Otomatis di Blogspot � banyak para blogger yang masih kebingungan untuk membuat readmore secara otomatis di blog mereka, walaupun banyak sekali artikel-artikel yang mebahas bagaimana cara membuat read more otomatis. Hal ini disebabkan karena banyaknya artikel yang copas padahal si pemilik blog sendiri tidak faham dengan caranya. Disini saya akan menjelaskan cara membuat read more otomatis di blogspot secara detail sehingga blogger pemula sekalipun bisa membuatnya.

Ngomong-ngomong mungkin blogger pemula atau newbie masih bingung apa itu read more?. Read more adalah penggalan dalam sebuah artikel, biasanya hanya menampilkan beberapa kalimat saja dan biasanya di tandai dengan kata �READ MORE�, �BACA SELENGKAPNYA�, � LANJUTKAN MEMBACA�, dan sejenisnya.

Manfaat read more juga untuk mempersingkat atau merapihkan artikel yang panjang, jadi postingan artikel anda akan tersusun rapi dengan hanya menampilkan gambar dan beberapa kalimat saja.

Klik link dibawah ini untuk demo readmore yang akan saya jelaskan cara membuatnya.


CARA MEMBUAT READ MORE DI BLOGSPOT

  •  Silahkan buka template anda. Pilih: TEMPLATE >> EDIT.
  • Cari Kode </head>.
  • Copy paste kode dibawah ini tepat di atas kode </head>

    <script type='text/javascript'>
    var thumbnail_mode = "float" ;
    summary_noimg = 250;
    summary_img = 250;
    img_thumb_height = 120;
    img_thumb_width = 120;
    </script>  
    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore link script, (for blogspot)
    by: http://blogseokita.blogspot.com/
    ********************************************/
    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(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>


  • Save Template anda.
  •  Kemudian scroll template anda kebawah cari kode seperti berikut:
Membuat read more untuk pemula

Ket: Kata kuncinya adalah didalam kotak hitam "BLOG POSTS / POSTINGAN BLOG" jika anda menggunakan bahasa indonesia.
  • Jika suda menemukan kode seperti gambar di atas silahkan klik anda panah kecil warna hitam sebelah kiri.
  • Setelah tanda panah kecil di klik maka akan ada tampilan seprti gambar berikut
Kode Html untuk Read more

  • Cari kode yang di tandai dengan kotak hitam. "POST' VAR='POST'".
  • Setelah ketemu klik tanda panah yang lurus dengan kode tersebut.
  • Selanjutnya akan terbuka kode kode yang lain.
  • Geser atau scrol ke bawah dan cari kode

     <data:post.body/>

  • Setelah ketemu hapus kode diatas dan ganti dengan kode dibawah ini:
    <b:if cond='data:blog.pageType != "item"'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
    <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

  • Klik SAVE / SIMPAN dan lihat hasilnya.
Jika kita baca tutorial cara membuat read more di blogspot ini terkesan panjang dan membingungkan, tetapi dalam prakteknya ini yang lebih detail dan palink di jamin keakuratannya untuk para blogger pemula. karena sudah saya jelaskan diatas bahwa tutorial-tutorial yang bertebaran di dunia internet ini hanya untuk blogger yang sudah faham masalah html, jadi saya buat yang beda dan sedetail mungkin.

Silahkan baca da lakukan saya yakin ini sangat mudah untuk di praktekan. Sekian dulu dari saya untuk cara membuat read more otomatis di blogspot, semoga bermanfaat dan jika masih ada yang tidak dimengerti anda dipersilahkan untuk bertanya langsung.

APA ITU SEO (Search Engine Optimization)?

Apa itu SEO
APA ITU SEO (Search Engine Optimization)? - Sebagai langkah awal untuk memulai tulisan blog ini, maka saya akan membuat pembahasan yang paling mendasar dari SEO. Jika saudara adalah seorang blogger pemula yang ingin belajar dan menerapkan SEO, maka ada baiknya memulai dari sini.

PENGETAHUAN SEO #1: MENGENAL SEO SECARA UMUM

Apa Itu  SEO (Search Engine Optimization)?

SEO adalah segala sesuatu yang anda lakukan untuk membuat website atau blog anda muncul pada halaman-halaman hasil pencarian search engine. Tujuan utama dari SEO adalah membuat website anda mendapat banyak pengunjung dari mesin pencari seperti Google, Yahoo, Bing, dan kawan-kawan.

Bisa dikatakan proses di SEO ini cukup panjang dan kadang membutuhkan "pengetahuan" yang tidak dimiliki semua orang. Oleh karena pengetahuan ini bukanlah pengetahuan yang lazim dimiliki oleh banyak orang, maka tentunya ada tahap belajar di awal usaha anda mengenal SEO.

Selain itu; jika anda benar-benar seorang pemula, maka saya sangat yakin ada kalanya anda akan sangat dibuat pusing oleh proses-proses di SEO. Tapi jangan kuatir, anda tidak sendirian. Semua pemula mengalami itu, termasuk saya pada awal mengenal SEO.

Kenapa SEO itu perlu?

Anggap saja anda ingin menawarkan produk dagangan anda di dunia maya, yaitu tas-tas replika merek-merek terkenal, dan sebagai langkah awalnya anda membuat sebuah blog atau website.

Apa itu berarti blog atau website anda langsung ada di halaman pertama hasil pencarian Google? Tidakkan? Perlu anda ketahui ada ribuan orang yang menjalani bisnis tas-tas replika di dunia maya ini, sedangkan halaman hasil pencarian mesin pencari seperti Google hanya ada 10 tempat saja....

Jadi singkat kata singkat cerita, anda harus memberikan alasan yang kuat kepada mesin pencari kenapa mereka harus memberikan tempat terbaik di hasil pencariannya untuk blog atau website anda? Kalau anda tidak bisa memberikan alasan yang kuat itu, maka anda tidak akan pernah muncul di halaman-halaman hasil pencarian.

SEO adalah kompetisi yang diikuti ribuan orang

Jadi itulah SEO yang sebenarnya..... sebuah "pertandingan" yang diikuti ribuan orang untuk meraih juara 1 di halaman pertama hasil pencarian.

Apa yang diperlukan untuk menjadi juara 1 di Google?

Seperti yang sudah saya katakan sebelumnya, anda harus memberikan alasan yang kuat agar Google mau menaruh link blog anda di halaman pertamanya. Jadi kira-kira menurut saudara; apa yang bisa kita lakukan untuk membuat Google merasa yakin dan memberikan posisi juara 1 di halaman pertamanya untuk blog kita?

Sebenarnya ada dua hal yang harus anda tonjolkan, yaitu:

    Anda harus terlihat profesional di bidang yang anda bahas, dan
    Harus banyak yang merekomendasikan anda (sebagai bukti bahwa anda memang berkualitas)

Sayangnya,....tidak  banyak orang yang tahu bagaimana caranya untuk terlihat pro di mata Google, dan mendapatkan banyak rekomendasi dari komunitas dunia maya....

#1 Bagaimana cara untuk terlihat profesional?
Sebenarnya mudah saja.... anda cukup memperbaiki faktor optimasi SEO onpage dari blog anda. SEO onpage ini yang akan membantu Google untuk mengenali pokok utama pembahasan di suatu halaman. Jika anda gagal melakukan onpage, maka google akan melihat halaman anda tidak relevan untuk dipajang di halaman pertamanya.

Kalau saya diminta mengilustrasikan, maka blog yang profesional itu layaknya "Marketing Representative" dari sebuah perusahaan, sedangkan blog yang tidak profesional itu lebih terlihat seperti "Tukang obat" di pinggir jalan.

Kenapa saya menganalogikan seperti itu?

Blog Harus Selalu RapihKarena seorang marketing representative itu harus selalu berpakaian rapi dengan rambut tertata, pokoknya enak dilihat mata. Gaya berbicara seorang pun selalu tertata, dan terdengar "cerdas dan terlatih".

Walaupun keduanya sama-sama mempunyai misi untuk melariskan dagangannya, tapi keduanya punya gaya yang berbeda.

Tukang obat jelas tidak terlalu mempedulikan penampilan, dan bicaranya itu benar-benar boros seperti penumpukan kata kunci. Entah berapa kali dalam sehari tukang obat mengatakan "beli...beli....beli...."Jadi kalau anda masih membangun blog dengan cara mengandalkan penumpukan kata kunci, maka anda masih memakai jurus tukang obat....dan Google tidak suka itu.

Kita nanti akan membahas masalah optimasi SEO onpage ini di awal-awal tutorial, karena ini adalah optimasi yang hanya bisa dilakukan sekali saja di awal. Jika anda melakukannya berkali-kali, maka bisa jadi ranking blog anda malah terjun bebas....

#2 Bagaimana cara untuk mendapatkan banyak rekomendasi?
Mendapatkan rekomendasi backlink dari banyak situs bisa sangat membantu
Setelah anda menjadi seorang "marketing representative" Anda harus mulai mengumpulkan rekomendasi dari banyak pihak. Semakin banyak yang merekomendasikan anda, dan semakin puas pelanggan anda,.... maka anda akan semakin "disayang" oleh Google....

Cara mengumpulkan rekomendasi itu adalah dengan melakukan SEO offpage. Metode optimasi SEO offpage ini meliputi pengetahuan mencari backlink, promosi di social network, dan masih banyak lagi....

Berhubung optimasi Offpage adalah yang paling berat dan paling sensitif terhadap ranking, maka itu akan kita bahas di materi yang paling akhir saja...

Jadi sampai di sini teman-teman blogger Pemula sudah tahu apa itu SEO, dan kenapa SEO sangat diperlukan. Sekarang kita tinggal memperjelas materi tentang membuat blog yang profesional dan cara mendapatkan banyak "rekomendasi" di dunia maya.
 

Cs Support

Link Sahabat

About this blog