Belajar Blogging

SEO(Search Engine Optimization) blog tentunya tidak akan pernah habisnya, begitu banyak tips seo serta trik-trik yang saat ini masih tetap tersembunyi dan bisa dipastikan semuanya tidak ada mutlak benar namun bisa dikatakan mendekati kebenaran. Kami akan memberikan sedikit tips seo blogger yang berhubungan dengan judul atau bagian header blog tepatnya Setting Meta Tag Title khusus para pengguna platform BlogSpot agar SEO Friendly tentunya dimaksudkan agar supaya blog anda ramah terhadap search engine sehingga dampak SERPs blog menjadi lebih baik dari sebelumnya.


Berikut step by step Cara Pasang Meta Tag Judul Blog SEO Friendly :

1. Login account di blogger/ blogspot
2. Masuk ke menu tata letak/ kustomisasi
3. Pilih Edit HTML
4. Back up data (Download Template Lengkap) untuk mencegah apabila terjadi kesalahan.
5. Cari code berikut ini :

<title><data:blog.pageTitle/></title>

6.Hapus kemudian Ganti dengan kode di bawah ini !

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

Keterangan :
Perhatikan kode script yang warna merah itu adalah judul blog utama, sehingga hasil title tag nya nama posting akan tampil terlebih dahulu setelah itu baru judul blog utama.

7. Simpan template Anda dan lihat hasilnya.

Pada postingan sebelumnya kami telah membahas tentang Cara Submit Blog Ke Search Engine Dengan Sitemap Generator, untuk kali ini untuk melengkapinya Kami uraikan Tips Supaya Semua Halaman Posting Blog Terindex Google. Semua Halaman Posting Blog Terindex Google adalah sesuatu yang sangat mengasikan saat kita memposting. Sudah kita pahami bahwa sebuah blog akan memiliki banyak pengunjung jika halaman-halamannya banyak yang terindex oleh search engine, sehingga pengunjung dari search engine tersebut akan dapat menemukan blog kita melalui search engine (seperti google).


Ngomong-gomong tentang SEO kali ini saya ingin sedikit membagi pengalaman ngeblog supaya Semua Halaman Posting Blog Terindex Google dengan sempurna. Cara lainya dengan Upload Sitemap XML Blog Ke Google Webmaster, namun menurut saya cara tersebut belumlah sempurna.

Silahkan ikuti cara berikut :

1. Silahkan Anda daftar dulu di Google Webmaster melalui google. Kalau sudah punya akun Google Webmaster silahkan Log In kesana, lalu menuju pengaturan Sitemap (Site Configuration – Sitemaps)


2. Kemudian, jika blog-mu baru didaftarkan Google webmaster tool, maka akan tampil seperti berikut :


3. Langkah selanjutnya, perhatikan gambar diatas, silahkan Anda klik tombol Submit a Sitemap pada Google webmaster Anda agar Semua Halaman Posting Terindex Google, lalu masukkan URL sitemap berikut ini:

atom.xml?redirect=false

4. Lalu Setelah sitemap itu disubmit, lanjutkan dengan mensubmit URL berikut :

feeds/posts/default?orderby=updated

5. Lakukan hal yang sama untuk URL berikut:

atom.xml?redirect=false&start-index=1&max-results=500

Note :
Jika jumlah posting blog Anda sudah banyak (lebih dari 500 postingan), maka masukkan juga sitemap berikut agar Semua Halaman Posting Terindex Google:

atom.xml?redirect=false&start-index=501&max-results=500

serta jika jumlah posting blog Anda lebih dari 1000, agar Semua Halaman Posting Terindex Google masukkan sitemap yang berikut ini:

atom.xml?redirect=false&start-index=1001&max-results=500

dan seterusnya, format URL sitemap (seperti diatas) menyesuaikan jumlah posting blog Anda. Setelah semua URL tersebut masuk ke Sitemaps Google, tunggu beberapa lama, atau tutup saja Google Webmaster Toolnya dan lihat esok hari, maka biasanya semua Semua Halaman Posting Terindex Google dengan sempurna.

Selamat mencoba !

Kali ini saya akan share tentang Cara Submit Search Engine Dengan Sitemap Generator, dengan tool ini blog yang belum terindex search engine maka akan segera terindek oleh search engine, terkadang para blogger tidak menyadari bahwa blog harus di daftarkan ke search engine agar segara muncul dalam pencarian google, tanpa itu semua blog akan lama muncul dari pencarian search engin.


Berikut Cara Submit Search Engine Dengan Sitemap Generator :

1. Silahkan buka link Sitemap generator Disini.

2. Masukkan alamat blog Anda di kolom yang telah tersedia dan klik create blogger sitemap hingga muncul halaman seperti ini :


3. Selanjutnya Anda copy code yang lingkari merah dan kirim peta situs ke webmaster tool.

4. Langkah selanjutnya kembali ke halaman sitemap generator lagi dan klik "Submit 1 - 500 posts" di bawah tulisan "For Bing".

5. Dan yang terakhir klik "Submit 1 - 500 posts" di bawah tulisan "For Yahoo".

6. Selesai.

Semoga berhasil.... !

Template Blogger sangat bepengaruh untuk Optimasi SEO, Disamping kita bisa memilih template blog yang SEO friendly kita juga bisa membuat atau mengedit template kita agar lebih ramah SEO,Misalnya kita membuat meta title SEO friendly maupun memasang meta tag otomatis pada setiap postingan, kali ini ada tips lagi untuk membuat agar template blog kita lebih SEO friendly, yaitu dengan cara mengedit beberapa kode HTML pada yamg lebih valid XHTML.

Langkah Awal Modivikasi Template Blog Lebih Valid XHTML SEO Friendly.
Sebelum melakukan validasi sebaiknya gunakan blog untuk percobaan dan juga template baru, hapus widget follower dan archive blog atau ubah saja archive blog menjadi flat list, atau download dulu kita. Nah setelah itu baru menuju ke edit template, Login ke akun blogger > Rancangan > Edit HTML.

Cara Modivikasi Template Blog Valid XHTML SEO Friendly :

1. Merubah 'deklarasi DOCTYPE Strict' menjadi 'Transisi XHTML delcaration DOCTYPE" dan menambahkan meta tag default blogger. Cari kode dibawah :

<?xml version="1.0" encoding="UTF-8" ?>
<!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'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Hapus semua kode diatas dan 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'>
<head>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='/atom.xml' rel='alternate' title='Judul Blog Kamu - Atom' type='application/atom+xml'/>
<link href='/rss.xml' rel='alternate' title='Judul Blog Kamu - RSS' type='application/rss+xml'/>

2. Menghapus comment declaration yang ada pada CSS, Cari kode dash ( ----- ) dan hapus semuanya. contoh:

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

Hasilnya menjadi :

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

3. Menghapus Navigasi Bar bawaan blogger, cari kode </head> dan tambahkan kode berikut tempat dibawahnya

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

Nanti akan muncul peringatan untuk menghapus navbar, langsung klik hapus saja.

4. Menghapus Icon Quickedit atau gambar obeng
cari kode <b:include name='quickedit'/> kalo sudah ketemu hapus semua tanpa terkecuali, jangan lupa kalo besoknya menambahkan widget baru hapus lagi kode tersebut.

5. Menghapus Post icon, cari kode berikut :

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

Hapus dan ganti dengan kode berikut :

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

</span>
</div>

6. Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:

<script src="http://sagita-com.googlecode.com/files/Daftar-isi.js"></script>

Ubahlah Menjadi :

<script type="text/javascript" src="http://sagita-com.googlecode.com/files/Daftar-isi.js"></script>

7. Menyembunyikan page navigation di halaman utama, cari kode :

<b:include name='nextprev'/>

hapus dan ganti seperti kode berikut :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>

8. Menambahkan atribut Alt pada semua gambar termasuk saat posting artikel, contoh :

<img href="http://1.bp.blogspot.com/-n2OIL8Xv3ZI/TlvP2WEe4mI/AAAAAAAAAAU/gskf9ZSuiAc/s1600/dofollowlogo.jpg">

ganti menjadi seperti berikut :

<img alt="dofollow logo" href="http://1.bp.blogspot.com/-n2OIL8Xv3ZI/TlvP2WEe4mI/AAAAAAAAAAU/gskf9ZSuiAc/s1600/dofollowlogo.jpg">

9. Memperbaiki atribut title dan alt pada link bergambar sebagai contoh :

<a href="http://www.getfreebl.com" alt="free backlink generator powered by http://www.getfreebl.com" target="_blank"><img src="http://www.getfreebl.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C17132344F7139C830162C23D81597BA7B4BBFE8" title="Free backlinks for your site powered by http://www.getfreebl.com" border="0" /></a>

Rubah posisi atribut title dan alt :

<a href="http://www.getfreebl.com" title="free backlink generator powered by http://www.getfreebl.com" target="_blank"><img src="http://www.getfreebl.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C17132344F7139C830162C23D81597BA7B4BBFE8" alt="Free backlinks for your site powered by http://www.getfreebl.com" border="0" /></a>

Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jagan sampe terbalik-balik.

10. Menyembunyikan widget dihalaman utama
kalo widget itu dianggap penting dan tidak bisa di validasi sebaiknya sembunyikan dari halaman utama dengan cara menambahkan kode berikut :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
Widget Yang Mau DiSembunyikan
</b:if>

Kira-kira nya itu saja, saya pun masih belajar untuk masalah validasi xhtml. dan ini kami kutib dari beberapa sumber, mungkin jika ada yang mau menambahkan bisa tulis di kotak komentar.

Susah juga bila salah satu artikel kita suatu ketika tidak ter-index lagi di Search Engine, apalagi artikel tersebut sebelumnya banyak pengunjungnya,prospek serta monetize . Contohnya banyak sekali dari temen bloger yang mengeluhkan tentang ini, posting sempat lenyap di Google beberapa minggu. Bahkan hampir semua keyword sakti yang terpasang dalam artikel blog sudah di ketikan pada kolom search…bahkan sampai pada posisi halaman 10, tetap nihil alias tidak muncul !

Dengan berbagai cara kita semua berusaha untuk memunculkan kembali artikel tersebut serta tetap berpikir, kenapa ya? Akhirnya beberapa hari yang lalu terjawablah sudah apa yang jadi jawaban dari kebingungan kita. Artikel sudah muncul kembali! Yach… meskipun tidak mencari menggunakan keyword andalan dan tidak berada dalam TOP TEN di SERP.

Berikut langkah-langkah Mengatasi Artikel Yang Hilang di Search Engine (khususnya Google) :

Pertama-tama kita meneliti kira-kira kata dan kalimat bahkan keyword apa yang bikin artikel tersebut ditendang oleh si mbah Google. kita hapus diantaranya yang tidak ada korelasi antara judul dan isi artikel. kita kurangi juga link-link keluar yang tidak perlu, sehingga artikel lebih nampak focus dan orisinil (SEO-On Page tidak berlebihan).

Re-submit sitemap blog-situs melalui akun Google menggunakan Webmaster Tools/Perangkat Webmaster. Sitemap kita update secara online lewat bantuan xml-sitemaps.com . download dan upload kembali sitemap lewat Filezilla ke root directory hosting. Masuk Dashboard > Site configuration > Sitemaps > centang sitemap.xml > klik Resubmit.

Mendaftarkan kembali URL halaman artikel yang hilang itu melalui Dashboard > Diagnostics > pilih opsi Fetch as Googlebot > isi alamat web atau URL artikel > pilih Googlebot type: Web > klik Fetch. Kalo berhasil akan ditampilkan bahwa Fetch Status Success dan URL Submitted to index. Total proses resubmit sitemap dan resubmit URL memerlukan waktu paling cepat 24 jam atau lebih. Jadi harus sabar menunggu proses perubahan yang nanti akan terjadi.

Selang satu hari kita mulai reload sendiri pada browser beberapa kali halaman artikel yang bersangkutan, agar mulai dikenali kembali oleh Google.

Bersamaan dengan itu kita membuat gambar yang link-nya menuju artikel tersebut, sekalian buat promosi (contohnya masih bisa anda lihat diatas,tepatnya setelah Header dan sebelum kolom artikel).

Mencoba blogwalking, akhirnya kita tertarik tips memasang beberapa link keluar (menampilkan situs dengan ber-Page Rank tinggi) di bawah artikel. kita usahakan memasang link situs yang sesuai dengan tema artikel tersebut

Mencoba Googling lagi menggunakan keyword pilihan.

Praying then hoping and waiting…

Selamat mencoba, dan semoga bermanfaat !

Cara Membuat Widget Follower Blog Valid XHTML gampang-gampang susah, kita cukup mengganti widget follower yang ada pada blog kita dengan kode page sourchnya saja, jadi untuk membuatnya kita tambahkan dulu widget followers dulu lalu klik kanan dan view page sourcenya.lihat gambar dibawah tampilan widget followers untuk blog TUTORIAL SAGITA ini!


Page source diatas bisa kita jadikan widget followers pada blog,jadi copy saja kode page source follower blog lalu hapus followers bawaan blogger. untuk lebih mudah silahkan langsung copy saja kode dibawah ini!

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="

div-5444802336774040577

" scrolling="no" style="overflow:hidden;height:150px;"></div>
<script type="text/javascript">
var skin = {};skin['FONT_FAMILY'] = 'Arial';skin['BORDER_COLOR'] = 'transparent';skin['ENDCAP_BG_COLOR'] = 'transparent';skin['ENDCAP_TEXT_COLOR'] = '#33ccff';skin['ENDCAP_LINK_COLOR'] = '#33ccff';skin['ALTERNATE_BG_COLOR'] = 'transparent';skin['CONTENT_BG_COLOR'] = 'transparent';skin['CONTENT_LINK_COLOR'] = '#33ccff';skin['CONTENT_TEXT_COLOR'] = '#333333';skin['CONTENT_SECONDARY_LINK_COLOR'] = '#2D8930';skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';skin['CONTENT_HEADLINE_COLOR'] = '#2D8930';skin['NUMBER_ROWS'] = '3';google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);google.friendconnect.container.renderMembersGadget({ id: '

div-5444802336774040577

',

site:'13972492468576258974'

}, skin);</script>

Ganti yang berwarna dengan kode widget foolowers blog, untuk caranya melihat kode followers silahkan klik kanan blog dan view page sourcenya, nanti akan tertera disitu ID follower blog dan ID site, setelah itu kita buat lagi add gadget, add html/javascript dan simpan, setelah berhasil kamu hapus widget followers bawaan blog, nah sekarang coba cek di http://validator.w3.org/, dan tara......... selamat sekarang berhasil membuat valid xhtml widget followers pada blogspot atau blogger.

Selama seminggu lebih saya cari-cari di mbah google tak ketemu juga Cara Membuat Label Breadcrumb Cepat Terindex Google, akhirnya saya kirimkan email ke pemilik blog yang label breadcrumb-nya terindex oleh google, itupun melelui proses yang panjang, dan tak terjawab emailku beberapa kali, dan akhirnya aku utak-utik mencoba dan mencoba ketemu juga kodenya, maka dari itu jika Anda seorang blogger yang bingung untuk mengoptimal label breadcrumb kami share disini.


Untuk itu silahkan ikuti caranya dibawah ini :

1. Masuk ke dasbord >> rancangan >> edit HTML.

2. jika blog Anda sudah ada breadcrumb-nya hapus saja, caranya cari kode : breadcrumb pada template kemudian hapus semuanya hingga tak ada kode breadcrumb lagi (gunakan 'ctrl+f' untuk mempermudah pencarian).

3. Jika sudah cari kode HTML ]]></b:skin>.

4. Masukan kode CSS dibawah tepat di atas kode ]]></b:skin>

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

5. Setelah itu cari kode ini :

<b:include data='top' name='status-message'/>

Note :
- Setiap template berbeda,terkadang kode <b:include data='top' name='status-message'/> ini ada dua,nah jika di template anda kode <b:include data='top' name='status-message'/> terdapat 2, maka cari kode <b:include data='top' name='status-message'/> yang dekat dengan kode <data:defaultAdStart/> lalu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah <b:include data='top' name='status-message'/> . Hasilnya nanti seperti ini.

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

<data:defaultAdStart/>

- Jika di template anda kode <b:include data='top' name='status-message'/> ini hanya terdapat satu,maka cari kode <b:includable id='post' var='post'> . Setelah ketemu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah kode <b:includable id='post' var='post'> . Hasilnya Seperti ini .

<b:includable id='post' var='post'>
<b:include data='posts' name='breadcrumb'/>

6. Langkah selanjutnya silahkan cari kode :

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

7. Letakkan kede berikut tepat diatasnya :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
</b:if>
</b:loop>
<b:else/>
&#187;Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; All posts
<b:else/>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> &#187; Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Sekarang klik save lalu cek hasilnya disini