Teknik Seo Blogger Template ( Bag.2 ) - Cara Agar Breadcrumb Dapat Terindex

Rahasia Teknik Seo dalam Cara Ampuh Agar Breadcrumbs Dapat Terindex Google

Disaat google sedang pelit dalam mengindex blogspot akhir-akhir ini,sobat pasti mencari teknik seo agar blogger yang sobat miliki masih bertahan untuk dapat terindex di paman Google ini.
Pasalnya,tahun 2011 ini paman kita gugel sangat berhati-hati dengan flatform blogspot.

Seakan iri melihat blog-blog master seo yang memiliki breadcrumb/breadcrumbs yang dapat terindex di Google.

Lihat screenshot gambar dari blog sahabat saya yang breadcrumb-nya dapat terindex google berikut ini:

Di blog RAHASIA TEKNIK SEO ini sendiri memang sulit meiliki breadcrumb yang dapat terindex seperti itu,tapi setelah posting ini mudah-mudahan breadcrumb pada blog tutorial ini dapat cepat terindex.

Nah,dalam kiat SEO BLOG TEMPLATE kali ini,kita akan ngbahas masalah ini sob,yup! bagaimana trik dan teknik agar blogger templates yang kita miliki seo friendly dengan optimasi dari breadcrumb.

Cara Membuat Breadcrumb Seo Friendly

Bagi sobat yang belum MEMBUAT BREADCRUMB sebaiknya sobat bikin dulu ya,dan beruntung jika sobat belum membuatnya,karena breadcrumb seo friendly ini,akan kita ciptakan sore hari ini.

Pertama,pastikan anda sudah MEMBUAT LEBEL BLOG.
Selanjutnnya,pergi ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates.
Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):

]]></b:skin>

Setelah ketemu,letakkan kode berikut tepat diatasnya:

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

Nah,setelah itu,sobat cari lagi kode seperti ini (ketik aja di Ctrl+F)

<div class='post hentry

Nah nanti sobat akan temukan barisan kode seperti:

<div class='post hentry uncustomized-post-template'>

Nah,tepat dibawah kode tersebut,sobat letakkan kode ini:

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

Setelah itu simpan templates sobat.

Tips Agar Breadcrumbs Terindeks di Google

Berikut tips dan trik agar breadcrumbs dapat diindex mesin pencari google:

1. Buatlah label blog yang tidak terlalu banyak (buatlah 1 atau 2 nama label saja)
2. Cantumkan label entry pada sidebar atau bagian footer blog (karena ini akan memungkinkan traffik dari link ini)
3. Nama label usahakan tidak jauh dari tema posting (misal posting tentang 'belajar seo' maka nama label usahakan seperti nama 'tutorial belajar seo',dll)
4. Intinya,buatlah posting yang sangat bermanfaat dan tidak bersifat menipu pengunjung
5. Buatlah pengunjung sangat tertarik dengan isi dari nama label yang ingin sobat shoot
6. Berdo'a :D

Semoga saja,dalam Teknik Seo Blogger Template ( Bag.2 ) - Cara Agar Breadcrumb Dapat Terindex posting kali ini,sedikit dapat membantu dan memberi harapan sobat blogger yang mulai terkikis rasa percaya dirinya dari langkah yang diambil Google terhadap blogspot.
Keep Post!

_________________________________________________________________________________

Teknik Seo Blogger Template ( Bag.1 )

Menyisipkan Keyword di Sebelum Judul Posting

Bicara masalah teknik seo blogger template,pada dasarnya sudah diberikan oleh para master seo kita meskipun tidak diberikan secara terang-terangan.

Kita lihat apa yang sudah blog tutorial blog dan seo ini mengutak-atik template untuk menyisipkan / meletakkan keyword secara otomatis pada setiap posting baru.

Jika sobat perhatikan,blog belajar seo blogspot ini didalam judul posting tidaklah berarti apa-apa,lihat gambar:

Namun saat browser tidak mengaktifkan gambar,maka akan tampil seperti ini (dan ini juga apa yang ditampilkan oleh search engine Google):




Betul sob,kita dapat menciptakan atau menyisipkan keywod secara otomatis pada saat setiap posting baru.
Nah,caranya ternyata sangat mudah,pada Teknik Seo Blogger Template ( Bag.1 ) ini akan sharing seputar masalah menyisipkan kata kunci ini sob :D

Langkah Teknik Modifikasi Blogger Template agar Seo Friendly

Pertama,coba sobat pilih Dashboard (gb.1),lalu Tata Letak (gb.2) kemudian contreng tulisanExpands Widget Templates (gb.3).

(1)



(2)



(3)

Setelah itu coba sobat cari kode :

<a expr:href='data:post.url'><data:post.title/></a>
(gunakan Ctrl+F di keyboard sob),setelah ketemu rubahlah menjadi seperti berikut:

<a expr:href='data:post.url'>
<img alt='Belajar Seo Blogspot' height='50' src='http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif' width='50'/>
<data:post.title/></a>

Untuk:
-kode warna hijau http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif,rubahlah url image/gambar milik sobat.
-kode warna hijau 'belajar seo blogspot' rubahlah kata kunci atau keyword sobat yang ingin disipkan yang nantinya akan secara otomatis tampil sebelum judul posting.

Semoga berhasil ya gan!!!


_____________________________________________________________________________________________

Membuat Breadcrumb Menu Pada Blog

Membuat menu navigasi berurutan di atas artikel posting atau istilahnya disebutbreadcrumb,merupakan cara efektif untuk memberikan kemudahan pengunjung dalam melihat kategori posting suatu blog.

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

---

---

Atau bisa kunjungi situs teman saya langsung di blog latihan seo nya.
Untuk membuatnya kita bisa menggunakan script ciptaan hoctro di hoctro.blogspot.com
Pelajaran Blog ingin menjabarkannya kembali langkah cara membuat breadcrumb/menu navigasi diatas artikel posting ini dalam bahasa Indonesia.

Langkah Cara Membuat Breadcrumb Pada Blogger

1. Pertama,pastikan anda sudah membuat label pada blog.
2. Selanjutnnya,pergi ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates.
3. Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):

   ---

   <b:includable id='main' var='top'>

   ---

4. Setelah ketemu,letakkan breadcrumb script berikut tepat diatasnya.

   ---

   <b:includable id='breadcrumbs' var='post'>

<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
  <b:if cond='data:blog.pageType == "item"'>
      <p class='breadcrumbs'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>

          Browse:
          <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>  &gt;
          <b:loop values='data:post.labels' var='label'>
            <b:if cond='data:label.isLast == "true"'>
              <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
            </b:if>
          </b:loop>
          <b:if cond='data:post.title'>
&gt;  <b><data:post.title/></b>
          </b:if>

        </b:if>
      </span>
      </p>
  </b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

   ---

5. Kemudian,carai lagi kode berikut:
   

   ---

   <b:if cond='data:post.dateHeader'>

   ---

6. Jika sudah ketemu,letakkan kode dibawah ini tepat diatasnya.

   ---

   <b:include data='post' name='breadcrumbs'/>

   ---

7. Nah,sekarang cari kode ]]></b:skin>,jika sudah ketemu letakkan barisan kode cssbreadcrumb dibawah ini tepat diatasnya.

   ---

   .breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

   ---

8. Kemudian Simpan Templates dan Selesai.

menu navigasi breadcrumbs ini hanya akan terlihat diatas artikel anda atau dibawah judul blog anda saat anda membuka halaman suatu posting bukan halaman utama blogspot anda.

Selamat mencoba dan semoga berhasil,specially thank's to hoctro.


_____________________________________________________________________________________________

Beruntung,blog saya ini tergolong baru karena peluncuranya baru 5 bulan yang lalu.
Trus apa hubunganya baru sama Membuat Label?

Ya..karena fitur Blogspot hampir semua sudah WYSWYG,termasuk cara membuat Label / Kategori pada Blog.

---

Untuk membuatnya,yang pastinya anda sudah mempunyai beberapa artikel / posting yang sudah anda publikasikan.

Pada,setiap artikel yang telah anda publikasikan,jika anda belum menuliskan Label pada setiap artikel,sebaiknya anda Edit lagi,artikel yang telah anda publikasikan tadi.
Jika anda belum tahu menuliskan label pada setiap postingan / artikel,coba ikuti langkah berikut:

Pertama,bagi yang mau mengedit untuk menuliskan Label pada artikel,cari artikel yang ingin di Edit.

Untuk mencari artikel mana yang ingin di Edit,pergi ke Dashboard,pilih Edit Entri,blog yang ingin anda masukkan Label.

Bila anda sudah menentukan artikel mana yang ingin di beri label,pilih artikel tersebut,lalu lihat di sebelah kanan bawah halaman posting,anda hanya disuruh menuliskan nama label yang ingin anda tentukan,
contoh Kesehatan,dll,lalu selanjutnya publikasikan.

---

Selanjutnya,untuk menampilkan label-label tersebut pada halaman blog,pegilah ke Tata Letak,lalu pilih Element Baru / Add New Widget.
Pilih Label,dan beri judul sesuai keinginan anda,contoh;Tags,Label,Kategori atau yang lain.
Lalu Simpan.