#kaskusemoticon { width:auto; margin:10px; padding:10px; } -->

Pages

Lorem ipsum dolor sit amet

Etiam sit amet turpis. Duis nulla diam, posuere ac, varius id, ullamcorper sit amet, libero. Nam sodales, pede vel dapibus lobortis, ipsum diam molestie risus, a vulputate risus nisl pulvinar lacus.

Read more

Minggu, 17 Juni 2012

Cara Memasang Meta Tag Setiap Postingan Otomatis

Diposting oleh Unknown di 13.31 0 komentar


Cara Memasang Meta Tag Setiap Postingan Otomatis. Pada awal pembahasan ini saya akan memberikan panduan seputar SEO. Panduan kali ini saya membahas cara memasang meta tag otomatis untuk setiap postingan. Meta Tag Otomatis ini sudah sangat populer di kalangan blogger, termasuk blog ini yang menerapkan meta tag otomatis untuk setiap postinganya. Keuntungan memasang meta tag ini adalah mempermudah Mesin Pencari (Search Engine)untuk menemukan postingan. Keuntungan lain dari meta tag otomatis ini adalah membedakan meta tag halaman awal dan halaman posting. Sekarang Anda harus beralih dengan meta tag otomatis ini dan jangan menggunakan meta tag kuno.

meta tag

Berikut Panduan Cara Memasang Meta Tag Setiap Postingan Otomatis
  • Login ke Akun Blogger sobat
  • Pilih Template lalu Edit HTML
  • Kemudian cari kode berikut ini
<head> {Pembuka}

............

Meta Tag

............

<b:skin><![CDATA[ {Penutup}
  • Kemudian lihat template Anda dan hapus meta tag  diantara Pembuka dan Penutup
  • Letakan Meta Tag Otomatis berikut ini kedalamnya
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='Masukan Deskripsi untuk Halaman Awal' name='description'/>
<meta content='Masukan Kata Kunci untuk Halaman Postingan' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, Masukan Deskripsi untuk Halaman Postingan&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, Masukan  Kata Kunci untuk Halaman Postingan&quot;' name='keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<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='translate' name='google'/>
<meta content='all, index, follow' name='googlebot'/>
<meta content='all, index, follow' name='yahoobot'/>
<meta content='all, index, follow' name='msnbot'/>
<meta content='all, index, follow' name='bingbot'/>
<meta content='all, index, follow' name='spiders'/>
<meta content='all, index, follow' name='webcrawlers'/>
<meta content='document' name='resource-type'/>
<meta content='id' http-equiv='Content-Language'/>
<meta content='never' name='expires'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='all' name='audience'/>
  • Terakhir Save Template
Sebelumnya Anda jangan lupa untuk meletakan Google Verifikasi, Bing Verifikasi, Alexa Verifikasi pada template blog Anda

Demikianlah panduan seo tentang meta tag otomatis. Di akhir pembahasan ini saya akan mengakhiri artikel dengan judul Cara Memasang Meta Tag Setiap Postingan Otomatis. Jika Anda merasa kesulitan berkomnetarlah pada komentar di bawah ini.

Read more

Cara Membuat Menu Beadcrumbs Terindex Google

Diposting oleh Unknown di 13.31 0 komentar


Cara Membuat Menu Beadcrumb Terindex Google. Di awal pembahasan ini saya akan memberikan trik agar menu breadcrumb terindex oleh mesin  pencari khususnya oleh Google. Trik ini hampir sudah diketahui dan dipraktekan oleh blogger indonesia lainnya dan sempat gumang di awal tahun 2012 ini. Memasang trik ini ada syaratnya, label pada blog anda harus terlebih dahulu terindeex google yaitu dengan cara copas link label lalu taruh di mesin pencari google.


Berikut ini Pandan Cara Membuat Menu Beadcrumb Terindex Google
  • Masuk ke Akun Blogger sobat
  • Pilih Template lalu Edit HTML
  • Centang Expand Template Widget
  • Kemudian letakan kode css berikut sebelum kode ]]></b:skin>
.breadcrumbs{box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;-khtml-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset;background:#F5F5F5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjbhSuc82xelnSNPUFln31vE9lIJi8zCwmDT62gdkTVMCcVk2EWDf1Mg9ADvGrZ_sd7OlbiABhfAEIgZ1LvgpYPEbxd4j99f8rQObPFaTW5GFq0a8qxz7J4iJML8Pte0BFRkw6JclUvnU/s1600/backgroundbreadcrumb.png);background-repeat:repeat-x;-moz-border-radius:5px;line-height:1.4em;font:11px Tahoma,arial,Verdana,sans-serif;border:1px solid #d2d2d2;margin:0 0 5px;padding:5px 5px 5px 10px}
  • Kemudian  cari kode berikut ini
<b:includable id='main' var='top'>
  • Hapus kode tersebut kemudian ganti dengan kode berikut ini
<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'>Beranda</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'>Beranda</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'>Beranda</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'>Beranda</a></span> &#187; <span>Arsip untuk <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'>Beranda</a></span> &#187; <span>Semua artikel</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>Artikel pada <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'/>
  • Terakhir Save Template

Demikian panduan seo pada kesempatan kali ini. Di akhir pembahasan ini saya akan mengakhiri artikel yang berjudul Cara Membuat Menu Beadcrumb Terindex Google. Jika Anda ingin bertanya bertanyalah pada komentar di bawah ini.

Read more

Cara Menjadikan Title Heading Blog SEO Friendly

Diposting oleh Unknown di 13.29 1 komentar


Cara Menjadikan Title Heading Blog SEO Friendly. Di awal pembicaran ini saya akan memberikan trik tentang mengedit judul posting agar menjadi seo friendly. Menentukan tag judul posting haruslah tepat, H1 sangat baik dijadikan pada judul posting karena google pertama kali akan mengindex dari h1, h2 dan seterusnya, tetapi kalian tidak boleh mengganti heading tersebut dengan asal karena nantinya akan terjadi duplikat h1 dan memperburuk posisi di mesin pencari. Pada panduan berikut ini judul posting memiliki heading yang berbeda antara halaman awal dan halaman posting.

Tag Heading Title

Berikut ini Panduan Cara Menjadikan Title Heading Blog SEO Friendly
  • Masuk ke Akun Blogger sobat
  • Pilih Tenplate lalu Edit HTML
  • Centang Expand Template Widget
  • Kemudian gunakan ctrl-f untuk mencari kode berikut 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>
  • Kemudian ganti dengan kode bdi bawah 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>

Kode di atas menjelaskan kalian sudah merubah tag heading judul posting menjadi H1, tahap selanjutnya akan menjelaskan mengenai header blog.
  • Kemudian Gunakan ctrl-f untuk mencari kode berikut ini
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
  • Hapus kode di atas dan 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>
  • Cari lagi kode di bawah ini
<h1 class='title'>
<b:include name='title'/>
</h1>
  • Hapus kode di atas dan ganti dengan kode di bawah ini
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='font-size:30px; font-weight:bold;letter-spacing:-1px;line-height:normal;margin:5px 5px 0;padding:15px 20px 3px 0;'>
<b:include name='title'/>
</p>
</b:if>

Kode di atas akan membedakan antara header blog dengan judul posting agar tidak terjadi duplikat pada satu halaman.

Tahap ini akan mengubah tag heading pada judul sidebar menjadi h3
  • Cari kode berikut ini
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
  • Kalian hanya mengganti h2 dengan h3 saja.

Tahap selanjutnya kalian harus mengubah CSS pada template blog kalian agar tampilannya sesuai dengan kode kode di atas.

Pertama pengubahan CSS untuk judul posting
  • Cari CSS seperti berikut
.post h3 {.....................;}
.post h3 a, .post h3 a:visited, .post h3 strong {.....................;}
.post h3 strong, .post h3 a:hover {.....................;}
  • Kemudian hapus dan ganti dengan CSS di bawah ini
.post h1, .post h2{color:$titlecolor; font-size:160%; font-weight:normal; line-height:1.4em; margin:0.25em 0 0; padding:0 0 4px}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{color:$titlecolor; display:block; font-weight:bold; text-decoration:none}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover{color:#333}


Kedua pengubahan CSS untuk Header Blog
  •  Cari CSS Header berikut ini
#header h1 {.....................;}
  • Kemudian hapus CSS Header di atas dan ganti dengan CSS berikut 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}


Tahap selanjutnya pengubahan heading judul sidebar blog
  • Cari CSS sidebar berikut ini
.sidebar h2{.....................;}
  • Kemudian ganti h2 menjadi h3

Demikianlah pembahasn tentang tag heading title blog. Di akhir pembahasan ini saya akan mengakhiri artikel yang berjudul Cara Menjadikan Title Heading Blog SEO Friendly. Jika kalian kesusahan dalam memasukan kode kode di atas betanyalah pada komentar di bawah ini.

Read more
Langganan: Komentar (Atom)