Tag H1 Untuk Judul Postingan dan Judul Blog

Hello sobat blogger ? Apa kabar sobat di hari ke dua puasa ini. Semoga berjalan lancar dan tetaplah melaksanakan amalan-amalan sholeh agar puasa kita bulan Ramadhan kali ini lebih maksimal dan diterima oleh allah swt. Aminnnn ...

Ok, Pada postingan kali ini saya ingin memberi sedikit tips tentang Memasang Tag Heading H1 Pada Judul Postingan dan Judul Blog serta Memanipulasinya. Saat google melacak blog kita, google memulai melacaknya dari yang terpenting. Misalkan saja pada heading tag heading, google akan melacak tag heading kita mulai dari tag heading h1 hingga tag heading h6. Nah, jadi sobat pasti tahu mengapa tag heading h1 penting bagi blog kita.


Beberapa referensi blog yang saya baca, katanya google mulai melacak blog kita dari judul blog lalu ke judul postingan selanjutnya menyebar keseluruh penjuru halaman blog kita (Emang google virus ? hahahhaa... pakai menyebar pula... ). Jadi alangkah lebih baiknya kita memasang tag heading h1 di judul dan postingan blog kita. mengapa begitu, seperti yang saya katakan tadi google mulai melacak dari hal yang terpenting misalnya untuk tag heading mulai dari h1 ke h6, dan dari judul blog ke judul postingan hingga menyebar ke tempat lainnya.

Beberapa masalah yang timbul dalam pemasangan h1 yaitu tidak boleh ada tag heading h1 yang doublle atau lebih dari 1. Maksudnya ? maksudnya disini yaitu karena kita memasang tag heading h1 pada judul blog dan judul postingan kita (Apabila dalam 1 halaman terdapat 4 postingan blog, maka untuk judul postingan terdapat 4 tag heading h1) memungkinkan tag heading yang terpasang pada halaman tersebut ada lebih dari 1.

Kok jadi masalah tag heading h1 lebih dari 1 ? hal tersebut dikarenakan google menganggap kelebihan tag h1 pada halaman blog merupakan suatu spam (Heleeehhhhh ..... ada-ada saja ). Oleh karena itu, saya akan memberi tutorial memasang tag heading h1 pada judul blog dan postingan blog serta teknik memanipulasinya ....

Berikut caranya :
1. Login pada Blogger
2. Masuk ke bagian Rancangan, kemudian ke bagian Edit HTML
    Back up Template dengan cara Mengklik : Download Template Lengkap
    Setelah itu, beri tanda cek pada Expand Widget Templates.

Tag Heading Untuk Judul Blog
- Carilah kode di bawah ini :

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

<b:include name='title'/>

</h1>

- Setelah ketemu, ganti dengan kode berikut 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>

- Lalu cari kode di bawah ini :

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

- Setelah ketemu, ganti dengan kode berikut 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>

Tag Heading Untuk Judul Postingan
- Carilah kode dibawah ini :

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

- Setelah ketemu, gantilah semua kode di atas 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>

Manipulasi Tag Heading Pada CSS
- Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti yang dibawah ini, cari yang mirp dengan kode dibawah :

    .post h3 {
    ..................................
    }

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

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

- Setelah ketemu, ganti kodenya dengan kode di bawah 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;
    }

- Lalu cari kode css judul blog. Cari yang mirip dengan kode di bawah ini :

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

- Setelah ketemu, ganti dengan kode di bawah 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;
    }

- Lalu save semua pekerjaan sobat dengan mengklik Save Template

Bagaimana ? Sudah berhasil ? Semoga saja iya... hehehehe... bila ada yang ingin ditanyakan silahkan komentar di form komentar di bawah ini, jangan lupa kasih +1 nya dunk sob, hehehehehe... OK, Thanks y, semoga tips di atas bermanfaat bagi sobat blogger.

.:: HAPPY BLOGGING SOBAT ::.

<-- HAPPY FASTING -->

Bagikan Jika Artikel ini menarik, Diharapkan agar memberikannya kepada teman2 anda di Facebook

Artikel Lainnya :

Tip n Trik

• Menampilkan Akun Google Plus Di SERP Google
• Tips Mempersingkat Alamat URL Akun Google Plus
• Hubungkan Google Plus dengan Facebook | Twitter
• Menghubungkan Google Plus ke FB dan Twitter
• Twitteran Di Dashboard Akun Google Plus
• Cara Download Semua Album Foto di Facebook
• Tips Cara Mendapatkan Sitelink Google
• Membuat Sebuah Link Mengarah Ke Lebih 2 URL
• Show Hide Chatbox Efek Jquery di Sidebar Blog
• Maksud Pesan Error Saat Mengakses Internet
• Merubah Kotak Chat Facebook ke Versi Lama
• Memasang Simple Menu Navigasi Horizontal
• Memasang Floating Share Button
• Googlebot Access Blog Bermasalah
• Mempercepat IDM Menggunakan IDM Optimizer
• Memasang Hidden Chatbox With Jquery Di Sidebar
• Memasang Hidden Chatbox Pada Sidebar Blog
• Memasang Sticky Tooltips Di Blogspot
• Tingkatkan Traffic Blog Lewat VLog | VIVANews
• Tampilan Halaman Label Hanya Judul Postingan
• Cara Transfer Foto Dari Facebook Ke Google+
• Tips SEO Terbaru di Tahun 2011
• Tutorial Membuat S3slider Images Show
• Akhirnya, Bisa Juga Join Ke Google+

Tutorial Blog

• Menampilkan / Menyembunyikan Sidebar Blog
• Membuat Sebuah Link Mengarah Ke Lebih 2 URL
• Show Hide Chatbox Efek Jquery di Sidebar Blog
• Memasang Simple Menu Navigasi Horizontal
• Memasang Floating Share Button
• Memasang Hidden Chatbox With Jquery Di Sidebar
• Memasang Hidden Chatbox Pada Sidebar Blog
• Memasang Sticky Tooltips Di Blogspot
• Tampilan Halaman Label Hanya Judul Postingan
• Tutorial Membuat S3slider Images Show
• Memasang Tombol Google +1 di Blogspot
• Membuat Recent Post With Thumbnails
• Membuat Intro Page Pada Blogspot
• Membuat Tab View Pada Blogspot
• Kode Warna HTML
• Combine Show Hide Sidebar with Tooltips
• Navigasi Breadcrumb Pada Postingan Blog
• Membuat Tooltips Pada Sebuah Objek
• Membuat Menu Navigasi Dengan Tooltips
• Membuat Page Peel Effect Pada Blogger
• Related Post With Scrool Function
• Pesan Kamu Di Atas "Poskan Komentar's Box"
• Membuat Form Komentar Admin
• Membuat Rate Widget Pada Blog

SEO

• Tingkatkan Traffik Blog Anda Dengan Plipeo
• Tips Cara Mendapatkan Sitelink Google
• Tampilan Sitelink Terbaru Dari Google
• Googlebot Access Blog Bermasalah
• Tingkatkan Traffic Blog Lewat VLog | VIVANews
• Tips SEO Terbaru di Tahun 2011
• Pelaporan Hasil Klik Dari Google +1
• Kumpulan Tips Menghadapi Google Panda
• Tentang Tombol Google +1
• Algoritma Terbaru Google - Google Panda
• Google Update Pagerank Bulan Juni 2011
• Menjadi Blogger Yang Bahagia
• Anak SMP Generasi Penerus Bangsa
• Tips SEO Friendly Blog Untuk Blogspot
• Navigasi Breadcrumb Pada Postingan Blog
• Algoritma Indexing Caffeine Pada Google ?
• Cara Membuat Blog / Website yang Disukai Google & Yahoo