Membuat Permalink Page Information Postingan Otomatis

Membuat Permalink Page Information Postingan Otomatis pada blogspot/blogger adalah salah satu cara untuk Optimasi SEO Blogspot

Page Information disini dimaksudkan untuk memudahkan search engine dalam melakukan index url postingan di blog kita dengan memunculkan data title/judul dan url sebagai permalink (permanent link) dibagian bawah artikel/post entry dengan harapan dapat meningkatkan SEO sehingga tiap-tiap postingan menjadi lebih seo friendly.

Berikut ini adalah cara membuat permalink page information disetiap posting otomatis:

• Login ke blogger.com
• Klik Design/rancangan 
• Kemudian Edit HTML 
• Download full template dulu , buat backup 
• Centang Expand Template Widget 
• Pada template, cari kode

<div class='postmeta'><....disini biasanya ada kode2 untuk label, dll....</div>

• Copy kode berikut ini:

<p><b:if cond='data:blog.pageType == &quot;item&quot;'><p align='left'><font color='blue'><b>Page Information</b></font></p><p align='left'><b>Title:</b> <a expr:href='data:post.url' rel='bookmark' title='post permalink'><data:post.title/></a></p><p align='left'><b>URL:</b> <data:post.url/></p></b:if></p>

• Letakkan kode tersebut diatas kode </div> pada kode postmeta tadi, 
• Kemudian save template dan lihat hasilnya.

Jika kode "postmeta" tidak ada pada template Anda, silakan cari kode <data:post.body/>, jika kode tersebut ada lebih dari satu, pilih yang terakhir. 

Contoh: kode <data:post.body/> terakhir pada template Anda kurang lebih seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

• Selanjutnya copy kode berikut dan letakan dibawah kode diatas:

<div class='postmeta'>
<p><b:if cond='data:blog.pageType == &quot;item&quot;'><p align='left'><font color='blue'><b>Page Information</b></font></p><p align='left'><b>Title:</b> <a expr:href='data:post.url' rel='bookmark' title='post permalink'><data:post.title/></a></p><p align='left'><b>URL:</b> <data:post.url/></p></b:if></p>
</div>

• Selanjutnya copy css code berikut:

.postmeta{padding:2px 4px;font:11px Arial,Verdana},.postmeta img{border:none;vertical-align:middle;margin:2px}

• Letakan diatas kode : ]]></b:skin>

• Save template, selesai.

Meskipun demikian, untuk menempati posisi pertama google tidak cukup dengan cara diatas apabila para pesaing mengandalkan backlink. hal ini agak sulit untuk merebut posisi di google jika si pesaing tersebut memiliki link popularity (backlink) yang banyak dan relevan.

Jadi, jika kita ingin merebut posisi pertama di hasil index google silakan sempurnakan dengan memperbanyak backlink ke arah url postingan yang Anda targetkan keywordnya.

Read more »

Cara Membuat Anchor Teks Di Blogspot Pemula

Pada artikel sebelumnya kami sudah membahas Pengertian Anchor Text Untuk Optimasi SEO Blogspot. Sekarang mari kita akan menerapkannya pada blogspot .

Cara Membuat Anchor Teks Di Blogspot Pemula. Kenapa judulnya harus menggunakan Blogspot Pemula yah karena ini kami terapkan pada blog ini, sekiranya teman-teman ingin menerapkannya di blog nya boleh-boleh aja.

Anchor teks atau biasa disebut internal link anchor biasa di kenal dengan link dalam satu halaman web untuk menandakan keyword khusus di dalam halaman tersebut. Penerapan Anchor Teks pada blog merupakan salah satu dari Optimasi SEO.

Kami berpendapat bahwa link anchor teks adalah link jangkar yang berupa hyperlink dalam halaman web yang berfungsi khusus agar semua hyperlink dapat dinilai relevan yang sesuai anchor teksnya.

Pada dasarnya dengan memasang internal anchor link di setiap postingan kita, dapat menaikkan peringkat posisi postingan blog di SERP Google dan juga dapat menaikkan peringkat blog kita. Buat para web master kalau salah mohon koreksi.

Bagaimana penerapannya langsung saja kita mulai Cara Membuat Anchor Teks. Silahkan sobat lihat contoh anchor teks berikut

<a href="http://alamatblogcontoh" title="Keyword"><b>Keyword</b></a>

Keterangan :

• Ganti tulisan alamatblogcontoh dengan alamat postingan atau blog lainnya 
• Ganti Tulisan Keyword dengan keyword postingan atau blog sobat.

Contoh Penggunaan yang kami arahkan ke Artikel Kode Warna di blog ini:

<a href="http://blogspotpemula.blogspot.com/2011/11/kode-warna.html" target="_blank" title="Kode Warna"><b>Kode Warna</b></a>

Maka hasilnya akan menjadi seperti ini :

Kode Warna

Coba klik Kode warna tersebut kemudian lihat hasilnya. Disamping penggunaan Anchor Teks pada blog sangat baik kita padukan juga dengan menggunakan alt tag gambar pada semua gambar yang kita posting

Semoga postingan Cara Membuat Anchor Teks Di Blogspot Pemula ini bisa bermanfaat.

Read more »

Pengertian Anchor Text Untuk Optimasi SEO Blogspot

Anchor Text merupakan salah satu topik yang tak kalah penting dalam Optimasi SEO Blogspot. Pengertian anchor text (teks jangkar) adalah adalah teks yang berada di antara html tag, atau lebih sederhana lagi adalah teks yang berisi tautan ke sebuah halaman. 

Teks jangkar ini merupakan salah satu faktor utama yang menentukan / meningkatkan pengunjung (visibility) blog kita di search engine result page - SERP (hasil penelusuran mesin pencari). 

Teks yang kita jadikan anchor text akan dianggap oleh search engine sebagai kata kunci dengan bobot yang lebih tinggi dibanding dengan menggunakan teks biasa.

Penggunaan Anchor text untuk link di dalam blog sebaiknya berhubungan dengan judul postingan atau lebih baik jika keyword yang di gunakan juga terdapat di judul postingan, meta tag, judul blog , nama domain dan deskripsi blog (agar robot search engine memberi bobot relevansi yang tinggi). 

Jika halaman target di luar blog anda sebaiknya menggunakan keyword yang berhubungan dengan judul halaman yang akan di link.

Mungkin memang terlihat Tips dari Blogspot pemula ini sangat sederhana. Namun terkadang hal kecil bisa membuat suatu perbedaan cukup besar. Terkadang kita berpikir hendak membeli backlink , namun alangkah baiknya kita menerapkan Link anchor text dulu

Memang menuangkan beberapa pikiran dalam menulis judul dan deskripsi dari link yang mengarah ke blog kita, membutuhkan suatu tips ataupun naluri yang mungkin hal itu didapat dari pengalaman sendiri ataupun pengalaman orang lain. 

Dengan Anchor Text mungkin akan banyak kesempatan untuk kita agar blog kita berada pada posisi tertinggi dalam search engine, sehingga pengunjung kita akan bertambah.

Demikian sekilas perihal Pengertian Anchor Text Untuk Optimasi SEO Blogspot Pemula semoga ada manfaatnya buat teman semua.

Read more »

Validasi Serta Edit Template Blogspot - Seo Friendly V2

Postingan kali ini adalah lanjutan dari artikel Menjadikan Template Blogspot Pemula SEO Friendly, artikel ini kami rangkum kembali menjadi satu untuk mempermudah para sahabat blogger dalam membuat templatenya SEO Friendly.

Sebelumnya kami mohon maaf artikel ini kami angkat bukan untuk menggurui Para Master, tapi hanya sekedar share buat para teman yang membutuhkannya terutama ada permintaan khusus dari seorang sahabat yang jauh disana.

Blogspot Pemula akan jelaskan terlebih dulu beberapa widget yang harus kita tambahkan ke dalam template, seperti daftar isi yang baik, breadcrumb, artikel terkait, permalink, dan entri populer. Widget ini akan membantu kemudahan pengunjung dalam berselancar di blog kita dan dalam peningkatan optimasi SEO blog. 

Selanjutnya masuk pada bagian penambahan kode dan pengurangan atau penggantian kode script pada template untuk mengurangi error code pada template.

Blogspot Pemula coba terapkan saja langsung pada bagian edit template, ikuti langkah berikut.

• Log in ke blog sobat jangan ke blog Kami (ga bisa ya), kemudian
• Klik Rancangan
• Klik Edit HTML
• Centang Expand Template Widget
• Cari kode di bawah ini, letaknya tepat di atas kode <head>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Ganti dengan kode berikut

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Pasang Meta Tag di setiap Postingan Secara Otomatis, kode ini ditambahkan dengan mata tag dasarnya.

Ganti Meta Tag di bawah kode <head> semuanya dan ganti dengan Meta Tag di bawah ini, tapi jangan lupa meta yang dari google, alexa ataupun dari yang lain jangan dibuang tambahkan saja diatas meta tag yang sudah kami siapkan.

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='DESKRIPSI BLOG' name='DESCRIPTION'/>
<meta content='KATA KUNCI BLOG' 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;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='NAMA ADMIN' name='author'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='NAMA AREAL' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<link expr:href='data:blog.url' rel='canonical'/>

Hapus garis putus-putus seperti di bawah ini

  /*
  -----------------------------------------------
  Blogger Template Style
  Name: Minima
  Date: 26 Feb 2004
  Updated by: Blogger Team
  ----------------------------------------------- */

Hilangkan semua garis putus-putusnya -----------------*/ Menjadi seperti ini

  /*

    Blogger Template Style

    Name: Minima

    Date: 26 Feb 2004

    Updated by: Blogger Team

  */

Sisipkan kode di bawah ini di atas kode <body>

  <!--<body><div></div>-->

Dilanjutkan dengan menghapus kode ini, karena sudah tidak berguna lagi.

  #navbar-iframe {
  height:0px;
  visibility:hidden;
  display:none;
  }

Kode di atas gunanya menghilangkan navbar karena navbar akan berpengaruh pada validasi blog kita, ada anggapan teman-teman bahwa navbar konon tidak valid. Kalau salah tolong di revisi ya para Webmaster. Pada saat kita mau nge-save kita akan di tanya apakah navbar akan dihapus, klik saja Hapus Widget.

Khusus untuk menghilangkan navbar, setelah kita menghilangkannya coba kita cek dulu tampilan akhir dari blog kita , karena sebagian template yang kami coba dengan menghilangkan navbar ada yang ikut berubah tampilannya. Kalau sudah aman rasanya tidak bermasalah kita lanjutkan lagi.

Hapus semua icon tanda obeng (quickedit)

Kode yang harus dihapus seperti di bawah ini.

  <b:include name='quickedit'/>

Dilanjut lagi ya teman-teman, cari kode di bawah ini dan hapus kode tersebut.

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>

Ganti dengan kode di bawah ini.

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>

Pasang Tag nofollow pada setiap link yang mengandung label search karena akan menimbulkan masalah dikemudian harinya, untuk lebih lengkap nya dapat di simak di Cara Membuat Label Blogspot Pemula Nofollow. 

Contohnya seperti di bawah ini :

<a href='http://bloggsobat.blogspot.com/search/label/blog%20info'>blog info</a>

Jadi seperti ini

<a href='http://bloggsobat.blogspot.com/search/label/blog%20info' rel='nofollow'>blog info</a>

Matikan Fungsi Arsip

Pasang kode ini di bawah kode <head>

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

Hindari Duplikat Konten

Pasang kode berikut di bawah kode <head>

<link expr:href='data:blog.url' rel='canonical' />

Pasang Heading Tag

Cari kode berikut ganti kode h3 atau h2 dengan h1

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

Ganti h3 yang cetak tebal dengan h1 kemudian tambahkan kode berikut tepat di atas kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Bagi sobat yang mau menambahkan satu jurus lagi untuk Optimasi pasang SEO Smart Link Untuk Blogspot nya sebagai finishing ikuti caranya pada artikel terdahulu, tapi khusus untuk yang satu ini kami sarankan baca artikel nya dengan komplit dan simak beberapa comment yang dibawahnya.

Selanjutnya klik Simpan Template, Jadi dah blog nya Seo Friendly.

Salam Blogger.

Read more »

Dapatkan Free Backlink Nofollow Facebook dan Twitter

Ada-ada saja artikel dari Blogspot Pemula ini, yah mencoba mendapatkan backlink Gratis Nofollow buat blogspot. Tapi biasanya para blogger mencari backlink dari para teman yang berstatus Dofollow.

Dapatkan Free Backlink Nofollow Facebook dan Twitter, Backlink Nofollow dicari sepertinya tidak sesuai dengan kebiasaan umum yang biasa dilakukan para blogger maupun pakar SEO. Kebiasaan umum dilakukan adalah methode mencari backlink Dofollow berasal dari halaman web ber-pagerank tinggi.

Ada 2 sumber backlink nofollow yang sering dicari blogger untuk blog-blog mereka. Kedua backlink nofollow tersebut berasal dari 2 social media yang sudah dikenal secara luas yaitu Facebook dan Twitter. Meskipun backlink-backlink dari Facebook dan Twitter adalah backlink nofollow tetapi Google memberikan penilaian lebih terhadap backlink-backlink nofollow tersebut.
 

Cara mendapatkan backlink dari Facebook dan Twitter adalah dengan membuat tautan posting blog di Facebook Page dan melakukan tweet dengan tautan posting blog di Twitter.

Cara yang lebih sulit adalah dengan mendapatkan backlink dari proses interaksi sosial melalui blog. Disinilah fungsi widget "Share" atau "Like" di Facebook atau tombol "Tweet" untuk Twitter.

Jika pengunjung blog meng-klik widget-widget tersebut untuk facebook, maka Facebook akan membuat sebuah halaman web yang menautkan link halaman web tersebut. 

Untuk Twitter, setiap tweet yang dilakukan akan terdaftar di status tweet yang melakukannya. Kelebihan di Twitter adalah jika tweet tadi di retweet lagi oleh follower, maka backlink yang dihasilkan akan berlipat ganda. Hasil backlink nofollow dari interaksi social media tersebut dapat dilihat di Google Webmaster Tools di bagian "Links to your site".

Selain mendapatkan backlink dari Facebook dan Twitter, algoritma Google juga menghitung interaksi social media yang terjadi di blog sehingga blog akan lebih SEO friendly. Oleh karena itu, bagi yang belum sempat membuat widget-widget social media di blog, mulailah menambahkannya sekarang.

Note :
Buat para master mohon koreksi bila ada kesalahan, dari analisa Blogspot Pemula tentang Free Backlink Nofollow Facebook dan Twitter diatas.


Salam Blogger

Read more »