Dunai SEO memang sangat menarik untuk dikaji, selain karena menantang, SEO merupakan teknik yang sangat misteri. Hal ini disebabkan tidak ada satu pun search engine (mesin pencari) yang membuka tentang teknologinya dalam mengindeks blog atau website yang ada didunia. Dunia SEO hampir bisa dikatakan sebagai dunia teka-teki, keberadaannya nyata namun entah bagaimana mereka bekerja. Kebanyakan master blogger melakukan research dengan teknik trial and error pada blogger atau website yang di kelolanya. SEO atau Search Engine Optimization adalah cara yang digunakan untuk mengoptimasi atau untuk meningkatkan kualitas website atau blogger dimata mesin pencari sehingga suatu situs atau website akan menempati peringkat pertama pada daftar pencarian (SERP=Search Engine Result Page) dengan kata kunci tertentu di berbagai mesin pencari.
- Beranda
- Artikel Pada Kategori SEO
Menambahkan Tombol Berbagi Jejaring Sosial
Jejaring sosial merupakan media yang paling banyak dikunjungi dan Facebook merupakan jejaring sosial yang menempati peringkat pertama paling banyak dikunjungi di seluruh dunia[1]. Banyaknya pengunjung yang menggunakan jejaring sosial merupakan kesempatan baik bagi para blogger untuk membagikan setiap artikelnya kedalam situs jejaring sosial dengan harapan semakin banyak pengunjung yang datang untuk membaca-baca blog kita, tentunya hal ini sangat berpengaruh terhadap posisi blog kita di mata mesin pencari. Namun jika kita sendiri yang membagikan artikel demi artikel dari blog kita ke situs jejaring sosial, maka para pengunjung yang akan datang ke blog kita hanya sejumlah teman-teman yang ada pada jejaring kita saja. Untuk itu menambahkan tombol atau link yang berfungsi untuk membagikan artikel kita ke situs jejaring sosial sangat bermanfaat agar para pengunjung blog kita dapat membagikan link artikel kita ke jejaring mereka.
Blog Linking - Berbagi Sumber Artikel
Update! Integrasi Anchor Link Otomatis
Integrasi Anchor Link Otomatis pada Artikel
Menambahkan Tombol Tweet
Salah satu cara untuk meningkatkan backlink (Link Balik) terhadap blog kita adalah dengan berkomentar pada blog lain, bertukar link dengan sesama blogger dan masih banyak cara yang telah dibahas oleh para master SEO (Search Engine Optimization). Kali ini kita akan mencoba bantuan salah satu situs social networking yang cukup terkenal yaitu Twitter dengan bantuan situs agregator TweetMeme.
Mengatur Letak Iklan (Bagian 1)
Iklan sepertinya sudah merupakan kewajiban bagi para blogger, karena dengan iklan tersebutlah para blogger terkadang menjadi semangat terkadang menjadi nge-drop. Naik turunnya semangat ngeblog bagi sebagian blogger salah satunya dipengaruhi dari pendapatan yang di peroleh dari iklan. Tampilan dan penempatan iklan menurut para master blogger sangat mempengaruhi pendapatan dari iklan yang kita pasang. Dibawah ini salah satu dari sekian banyak cara menempatkan dan membuat wadah iklan yang telah banyak digunakan oleh para blogger.
Langkah-langkah umum pengatur letak iklan pada blogger:
Langkah 1Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Checklist "Expand Template Widget"
Langkah 4
Baca teknik selanjutnya dibawah ini:
1. Menempatkan (Integrasi) Iklan Pada Artikel
Cara ini masih merupakan cara yang efektif untuk meningkatkan pendapatan dari iklan yang kita pasang, karena dengan teknik ini iklan seakan-akan merupakan bagian dari artikel. Bukan teknik untuk mengecoh pengunjung tapi lebih ke nilai seninya, iklan yang terintegrasi dengan artikel akan lebih bagus dan menarik untuk dilihat serta mampu menarik perhatian pengunjung.
Ikuti langkah integrasi iklan dengan artikel pada blogger:Langkah 1.1
Cari kode dibawah ini:
<data:post.body/>Langkah 1.2
Tambahkan kode dibawah ini sebelum kode pada langkah 1.1
<div style='float:left'>Sehingga kode menjadi seperti dibawah ini:
Kode Iklan
</div>
<div style='float:left'>Langkah 1.3
Kode Iklan
</div><data:post.body/>
Simpan template dan preview (baca keterangan)
2. Membuat Wadah Iklan pada Artikel
Cara ini sebenarnya pengembangan dari cara pertama dengan penambahan wadah (container) iklan agar tampil lebih menarik dan hal ini akan memancing pandangan pengunjung untuk melihat dan membaca isi iklan karena seakan-akan seperti informasi menarik.
Ikuti langkah pembuatan wadah iklan pada artikel blogger:Langkah 2.1
Cari kode dibawah ini:
]]></b:skin>Langkah 2.2
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 2.1:
#iklan250{
float:left;
width:280px;
text-align:center;
background:transparent url(http://lh6.ggpht.com/_xcD4JK_dIjU/Sm8jz8qTKsI/AAAAAAAADHU/6te_TkpwmMw/d/ads250x250.png) center center no-repeat;
padding:5px 10px 10px 5px;
}
Langkah 2.3Cari kode dibawah ini:
<data:post.body/>Langkah 2.4
Tambahkan kode dibawah ini sebelum kode pada langkah 2.3
<div id='iklan250'>Sehingga kode menjadi seperti dibawah ini:
Kode Iklan
</div>
<div id='iklan250'>Langkah 2.5
Kode Iklan
</div><data:post.body/>
Simpan template dan preview (baca keterangan)
Keterangan:
- Iklan lebih baik diset segi empat(rectangle) dengan ukuran 250 x 250 pixel, kecuali cara 1 bisa dengan ukuran berapapun
- Kode Iklan yang akan dimasukan harus di Encode menjadi kode HTML Entities dengan menggunakan Blogger Ads Converter
- Jika mengikuti cara diatas, baik cara 1 maupun cara 2 maka iklan akan terletak pada sebelah kiri artikel, jika ingin meletakannya disebelah kanan artikel ubah kode "left" menjadi "right"
- Jika menggunakan fasilitas pemenggalan artikel (readmore), biasanya kode <data:post.body/> ada 2, cobalah satu-satu
Semoga berhasil, jika berhasil bagaimana komentar anda? Silahkan tinggalkan pesan pada komentar dan Happy Blogging... :)
Membuat Breadcrumbs - Navigasi Blogger
Integrasi Breadcrumb pada Blogger
Langkah 1Login ke Blogger dalam kondisi perut kenyang (kalo sedang puasa, tinggalkan saja artikel ini)
Langkah 2Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Jangan lupa klik "Expand Template Widget"
Langkah 4
Cari kode dibawah ini:
]]></b:skin>Langkah 5
Masukan (Copy Paste) kode CSS dibawah ini diatas kode pada langkah 4:
.breadcrumbs{
float:left;
width:590px;
font-size:11px;
border-bottom:double #eaeaea;
margin:0 0 20px;
padding:0 0 3px
}
Langkah 6Cari kode dibawah ini:
<b:includable id='main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:adStart/>Langkah 7
Nonaktifkan status pesan standar seperti dibawah ini (atau kita dapat menghapus baris kode status pesan tetapi akan lebih bagus jika kita hanya menonaktifkannya tanpa menghapus, hal ini sebagai suatu bahan perbandingan (debuging) antara sebelum dan sesudah dimodifikasi):
<!-- <b:include data='top' name='status-message'/> -->Langkah 8
Tambahkan kode untuk menggantikan status pesan standar, seperti dibawah ini:
<!-- <b:include data='top' name='status-message'/> --> <b:include data='posts' name='breadcrumb'/>Langkah 9
Perhatikan kode langkah 6 dan cari kode dibawah ini:
<b:includable id='main' var='top'>Langkah 10
Masukan (copy paste) kode breadcrumb dibawah ini tepat diatas kode pada langkah 9:
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a> <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 == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop> » <span><data:post.title/></span> </b:if> </b:loop> </div> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> » Arsip untuk <data:blog.pageName/> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> » Seluruh Artikel <b:else/> Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> » Artikel Pada Kategori <data:blog.pageName/> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:includable>Langkah 11
Simpan template blogger dan preview
Keterangan:
Jika disatukan (langkah 6 sampai langkah 10) maka keseluruhan kode breadcrumb seperti dibawah ini:
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a> <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 == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop> » <span><data:post.title/></span> </b:if> </b:loop> </div> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> » Arsip untuk <data:blog.pageName/> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> » Seluruh Artikel <b:else/> Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> » Artikel Pada Kategori <data:blog.pageName/> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='posts' name='breadcrumb'/> <data:adStart/>
Jika tidak ingin mengambil resiko fatal error lebih baik proses modifikasi ini dilakukan pada template backup, bukan pada template blogger secara langsung. Semoga berhasil, tinggalkan komentar jika gagal dan Happy Blogging... :)
SEO Friendly Meta Tags
SEO sering disebut-sebut sebagai teknik rumit untuk meningkatkan traffic (banyaknya jumlah kunjungan) terhadap blog kita, supaya blog kita memiliki Ranking bagus di hadapan mesin pencari, efeknya SERP (Search Engine Result Page) blog kita masuk dalam General SERP mesin pencari tersebut. (Walah apa maksudnya...?). SERP adalah singkatan dari Search Engine Result Page yang dalam bahasa kita diartikan posisi hasil pencarian halaman atau alamat weblog-website pada mesin pencari, sederhananya jika kita memasukan kata kunci pada mesin pencari misal "Blogger Tune-Up" maka mesin mencari akan menampilkan halaman atau alamat weblog atau website dalam susunan yang unik, nah halaman atau alamat website-weblog yang ada pada posisi halaman awal disebut weblog-website yang bagus SERP-nya sesuai dengan kata kunci tersebut. Tetapi belum tentu bagus SERP-nya dengan kata kunci lain. (Mengerti anak-anak?)
Teknik-teknik yang digunakan para master supaya weblog-website-nya masuk dalam halaman awal pencarian sesuai dengan kata kunci yang unik disebut dengan teknik SEO. Lebih jauh mengenai Teknik SEO dan SERP akan dibahas dalam artikel terpisah. (Ma'af ya anak-anak karena waktunya sudah selesai, maka pertemuan kali ini sampai disini saja. Kapan meta tags-nya pa guru?) Meta tags merupakan salah satu faktor penting dalam teknik SEO. Langsung kepokok judul artikel tanpa penjelasan apa itu meta tags, Insya Allah dalam waktu dekat dibahas tuntas tentang meta tags. Sekarang langsung ke pemasangan meta tags dalam blog.
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke bagian "Tata Letak - Edit HTML"
Langkah 3
Cari kode dibawah ini :
<head>Langkah 4
Letakan kode meta dibawah ini tepat dibawah kode langkah 3 :
<b:if cond='data:blog.pageType != "item"'>Langkah 5
<meta content='Isi dengan deskripsi blog' name='description'/>
</b:if>
<meta content='Isi dengan kata kunci blog' name='keywords'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='noodp' name='robots'/>
<meta content='Isi dengan nama author' name='author'/>
<meta content='Isi dengan pemilik copyright' name='copyright'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
Simpan Template, dan tunggu 1 sampai 7 hari hasilnya pada mesin pencari.
Keterangan :
Baris perbaris kode meta tag pada langkah 4 akan diupdate mengenai penjelasannya, masih dalam artikel ini. (Ma'af sedang malas ngetik...)
Blogger Ads Converter (HTML Encoder)
Ads Converter (HTML Encoder) berfungsi untuk mengkonversi karakter khusus HTML menjadi karakter asli HTML. Hal ini membantu mencegah terjadinya kesalahan tampilan tag HTML pada browser. Selain itu Ads Converter (HTML Encoder) berguna secara otomatis mengkonversi kode javascript iklan kedalam format yang benar sehingga Anda dapat menambahkan langsung kode tersebut ke dalam xml template Blogger anda. Ini sangat sempurna dan berhasil untuk mengkonversi AdSense, AdBrite, Chitika atau kode iklan javascript lainnya yang mungkin anda miliki. Bingung? Baca lebih dulu Blogger Ads Converter (HTML Encoder).
Blogger Tune-Up akan membantu anda dengan memberikan secara gratis Ads Converter (HTML Encoder) sampai batas waktu yang tidak ditentukan hal ini untuk membantu anda mempermudah pernulisan karakter khusus HTML. Silahkan anda gunakan dengan gratis perlengkapan kami, Ads Converter (HTML Encoder) dibawah ini.
Blogger Tune-Up tidak meminta apapun kepada para pengguna Ads Converter (HTML Encoder) dibawah ini. Kami hanya berharap dan sangat berterima kasih kepada para pengguna Ads Converter (HTML Encoder) untuk memberikan link dari situs anda ke Blogger Tune-Up.
Apa saja yang Ads Converter (HTML Encoder) ubah :'<' menjadi '<'
'>' menjadi '>'
'"' (double quote) menjadi '"'
''' (single quote) menjadi '''
'&' menjadi '&'
Link is Down...!'>' menjadi '>'
'"' (double quote) menjadi '"'
''' (single quote) menjadi '''
'&' menjadi '&'
Meta Tag Generator
Meta Tag adalah hal yang sangat penting didalam ilmu SEO (Search Engine Optimization). Deskripsi Judul dan Meta (Titles and Meta descriptions) sesuatu yang sangat istimewa dalam dunia internet. Blogger Tune-Up akan membantu anda dengan memberikan secara gratis Meta Tag generator sampai batas waktu yang tidak ditentukan hal ini untuk membantu anda menciptakan Meta yang sesuai dengan keinginan SEO. Silahkan anda gunakan dengan gratis perlengkapan kami, Meta Tag generator dibawah ini. Jika anda ingin mengetahui lebih jauh tentang Meta Tag dan pemasangannya silahkan baca artikel kami "Memahami dan Memasang Meta Tag di Blogger".
Blogger Tune-Up tidak meminta apapun kepada para pengguna Meta Tag generator dibawah ini. Kami hanya berharap dan sangat berterima kasih kepada para pengguna Meta Tag generator untuk memberikan link dari situs anda ke Blogger Tune-Up.
Mendapat kesulitan dalam menggunakan tool ini? Jangan bingung, Blogger Tune-Up akan dengan senang hati membantu anda, silahkan baca disini.
Langganan:
Entri (Atom)
Langgan
Terbaru
Komentar
Gabung