Menggunakan Gambar Sebagai Alat Optimalisasi SEO

Seperti yang kita ketahui jika search engine tidak bisa membaca gambar, melainkan hanya bisa membaca tag judul dan alt tag. Maka dari itu, sudah jelas bagaimana cara mengoptimalisasi SEO menggunakan gambar. Ya, tentunya dengan mengoptimalisasikan tag title dan tag alt gambar. Lalu bagaimana caranya? berikut pembahasannya:

Untuk mengoptimalkan SEO menggunakan gambar, jagoan harus mempertimbangkan dalam pemilihan nama title ganmbar dan tentunya alt tag yang sesuai dengan gambar tersebut. Dalam pemberian nama title gambar, sebaiknya gunakan judul yang singkat namun deskriptif. Berikutnya dalam menentukan alt tag, alt tag harus sesuai dengan keterangan gambar. Alt sendiri berasal dari kata alternative yang berarti adanya teks alternative bagi gambar jika tidak dapat tampil. Berikut format kode HTML dalam penggunaan alt tag pada gambar:

Format Peletakan Kode dasar:

<img src="URL lokasi gambar" alt="Alt tag gambar">

Peletakan kode Alt tag diantara tag title, align, border, width, dll:

<a href="URL Tujuan"><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="Judul Gambar" alt="Alt tag gambar" src="URL Lokasi Gambar" align="right" border="0" width="lebar gambar" height="tinggi gambar"></a>

Contoh pengaplikasian:

<a href="http://www.jagoblog.com/"><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="jagoBlog" alt="gambar banner jagoblog" src="http://i1195.photobucket.com/albums/aa383/youthiz31/bannner-exchange.png" align="center" border="0" width="100" height="150"></a>

Maka gambar akan terlihat seperti berikut:

Semoga tips di atas bermanfaat dan membantu jagoan dalam upaya meningkatkan SEO because Life for sharing...

Selengkapnya...

Cara Mengetahui Artikel Terbaru Telah Terindeks Google

Jagoan mungkin pernah bertanya-tanya apakah artikel terbaru jagoan sudah terindeks google atau belum, atau bahkan cuma ingin mengetes kecepatan indeks google untuk blog jagoan. Untuk mengeceknya berikut langkah-langkahnya:

1. Masuk ke google.com

2. Ketikkan site:nama blog jagoan, contoh site:jagoblog.com pada kolom pencarian.

3. Perhatikan sidebar kiri, tentukan selang waktu yang ingin jagoan ketahui. Jagoan bisa mulai dengan selang waktu 1 jam, dan cari artikel terbaru jagoan. Jika belum terindeks, jagoan bisa mencobanya beberapa jam kemudian dengan melakukan langkah yang sama hanya merubah selang waktu, dari 1 jam menjadi 24 jam.

Cukup mudah dan cukup membuat jantung berdebar hanya untuk menunggu artikel terindeks google… Life for sharing…

Selengkapnya...

Membuat Buku Tamu Tersembunyi Untuk Cbox atau Shoutmix

Peletakan buku tamu sebaiknya diletakkan di tempat yang mudah terlihat oleh pengunjung. Ya, tentunya agar pengunjung mudah menemukan dan mengisi buku tamu. Namun jika diletakkan apa adanya, ntar yang ada malah template terasa penuh. Gini cara mengakalinya, jagoan liat disebelah kanan layout jagoBlog.com ada buku tamu yang tersembunyi bukan. Coba jagoan klik, dooorrr, dan buku tamunya muncul. Cara seperti itulah yang cocok untuk sebuah penempatan buku tamu. Tertarik? ikuti langkah-langkahnya:

1. Pertama-tama jagoan harus punya akun di Cbox atau Shoutmix dan kreasikan tampilan buku tamu yang cocok untuk blog jagoan. 

2. Dapatkan kode cbox/shoutmix untuk blog jagoan

3. Masuk ke akun blogger jagoan dan masuk ke Layout dan masuk tab Page Elemen

4. Tambahkan widget HTML/Javascript dan letakkan terserah dimanapun

5. Copy dan pastekan kode dibawah ke dalam widget HTML/Javascript tadi

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlXh4wqXPe-gUWdWW530uh50i4X_uHwqEJJLb-ty1lGdMf2LoRSYgZ52cvKaidBvRT4T4kQuERCxn5uz1J6-oi-TziLwx0UQTV-sgTFIsginC0MVOJ3C8T15sIsGaX8hYfUntf_eydmEQi/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">   </div>

<div class="gbcontent">

<!-- Ganti ini dengan kode cbox/shoutmix jagoan -->

<a href="http://www.jagoblog.com/2011/07/membuat-buku-tamu-tersembunyi-untuk.html"> Grab this </a>
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

5. Ganti kode <!-- Ganti ini dengan kode cbox/shoutmix jagoan --> dengan kode cbox/shoutmix jagoan. Jagoan juga bisa mengatur posisi tampilannya. Rubah nilai atribut top, semakin kecil nilai, maka tampilan akan semakin ke atas.

6. Save, dan liat hasilnya. Life for sharing...

Selengkapnya...

Memodifikasi Template Agar DoFollow

Sebelumnya kita sudah membahasa tentang Lebih Baik Nofollow atau Dofollow? dan pastinya jagoan udah banyak tahu tentang apa itu nofollow dan bagaimana itu dofollow. Jika jagoan mengambil keputusan untuk menggunakan dofollow untuk blog jagoan. jagoan bisa mengikuti langkah-langkah di bawah ini untuk merubah kode HTML nofollow menjadi dofollow:

1. Masuk ke Tata Letak dan Edit HTML

2. Jika ingin aman backup template jagoan dahulu

3. Centang expand widget template

4. Cari kode HTML

<a expr:href='data:comment.authorUrl' rel='nofollow'> 

5. Hapus kode yang berwarna biru sehingga menjadi

<a expr:href='data:comment.authorUrl'>

6. Save dan blog jagoan sudah dofollow

Semoga bermanfaat. Life for sharing...

Selengkapnya...

Menyisipkan Link ke Dalam Keyword Secara Otomatis

Keberadaan sebuah link didalam postingan bisa dijadikan salah satu cara untuk mengoptimalkan SEO. Biasanya sih blogger menyisipkan link ke dalam sebuah keyword yang punya peluang klik tinggi. Misalnya keyword ‘blog’ di sisipi link yang menunjuk ke alamat http://www.jagoblog.com/, dengan maksud jika keyword ‘blog’ diklik maka langsung menuju halaman http://www.jagoblog.com/. Memang sedikit agak ribet kalo harus menanamkan link ke setiap keyword ‘blog’ satu per satu. Tapi jagoan kini gak perlu lagi merasa ribet lagi, karena sudah ada script yang mempermudah pekerjaan ini. Cukup copi dan pastekan script dibawah ini di atas tag </body>:

<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
this.keywdHref = new Object();
this.add = function(keyword, href){
if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
this.keywdHref[keyword] =  href;
}
this.createAnchor = function(){
var objs = document.getElementsByTagName(&quot;div&quot;);
for(var i=0; i&lt;objs.length; i++){
var obj = objs[i];
if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
var content = obj.innerHTML;
for(var keyword in this.keywdHref){
var href = this.keywdHref[keyword];
var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
obj.innerHTML = newstr;
content = newstr;
}
}
}
}
this.startScript = function(){
var onLoad = window.onload;
window.onload = function(){
if(onLoad){onLoad();}
setTimeout(&quot;f.createAnchor()&quot;, 100);
}
}
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add(&quot;KEYWORD&quot;, &quot;URL&quot;);
f.startScript();
</script></b:if>

-KEYWORD ganti dengan keyword yang ingin jagoan tanamkan sebuah link, contoh keyword 'blog'. Pemilihan keywod harus tepat karena script ini bersifat case sensitive atau besar kecil huruf mempengaruhi dalam pencocokan keyword.

-URL ganti dengan URL tujuan, contoh 'http://www.jagoblog.com/'

Cara kerja script di atas adalah script akan mencari keyword di dalam halaman yang cocok dengan keyword yang sudah jagoan tentukan sebelumnya. Jika ada kecocokan keyword, maka link tujuan akan ditanamkan pada keyword tadi. life for sharing...

Selengkapnya...

7 Langkah Menciptakan Template Blogger yang SEO Friendly

Template bisa jadi faktor utama yang paling mempengaruhi SEO. Mungkin beberapa dari jagoan memakai template gratis yang banyak disediakan. Memang  tampilan template terlihat keren, tapi seperti kita menilai seseorang yang tidak boleh kita nilai hanya dari segi luarnya saja. Sama dengan template, tampilan boleh menawan tapi kalo dari segi SEO friendly kurang, ya sama saja. Jagoan gak usah khawatir, jagoan bisa kok memodifikasi template agar lebih SEO Friendly.

Berikut 7 langkahnya:

1. Merubah tag title

Secara umum tag title yang sering ditemui seperti

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

Sebaiknya jagoan ganti dengan:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

2. Menggunakan Meta Deskripsi dan Meta Keyword

Cara ini dapat membantu search engine untuk mengindex dan menelusuri blog jagoan. Kode di bawah dapat jagoan pasang di bawah kode yang ada di No. 1 tadi.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="DESKRIPSI" />
<meta name="keywords" content="KEYWORD" />
<b:else/>
<meta name="description" expr:content=’data:blog.PageName " DESKRIPSI"’ />
<meta name="keywords" expr:content=’data:blog.PageName "KEYWORD"’ />
</b:if>

Ganti DESKRIPSI dan KEYWORD dari blog jagoan.

3. Mengganti tag Heading menjadi H1

Kebanyakan sebuah template mempunyai tag heading H3 dan H2 seperti di bawah 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>

Ganti tag heading tersebut dengan tag heading di bawah ini:

<b:if cond='data:post.title'>
<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>

Kemudian tambahkan kode dibawah ini sebelum kode ]]></b:skin>

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

4. Memasang Breadcrumb-navigation

Sebelumnya sudah dibahas tentang bagaimana cara pembuatan breadcrumb-navigation. Klik untuk menuju TKP.

5. Memasang Related Post

Sebelumnya sudah dibahas tentang bagaimana cara Pemasangan Related Post. Klik untuk menuju TKP.

6. Menyisipkan kode ‘rel=canonical’

Fungsi dari penambahan kode terbut adalah untuk menghindari duplicate content. Kode di bawah letakkan tepat di bawah kode <head>

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

7. Menonaktifkan Arsip

Merupakan langkah kedua untuk mencegah duplicat content.

Masuk akun blogger.com -> setting -> archive -> Nonaktifkan Achive.

SEO mantap sharing pun mantap because life for sharing...

Selengkapnya...

Membuat Breadcrumb-navigation untuk Template Lebih SEO Friendly

Breadcrumb-navigation, sebuah navigasi yang tidak hanya mempermudah pembaca blog jagoan untuk melihat posisi artikel yang dia baca, namun breadcrumb-navigation dapat menjadikan template anda lebih SEO Friendly dengan mempermudah search engine menemukan dan menelusuri artikel-artikel pada blog jagoan. Pada blogger perlu adanya modifikasi template untuk membuat breadcrumb-navigation.

Berikut langkah-langkahnya:

1. Masuk ke tab Edit HTML pada blog jagoan

2. Lebih baik jagoan backup terlebih dahulu template jagoan sebelum melakukan perubahan

3. Jika telah di download, centang Expand Template Widget

4. Cari kode ]]></b:skin>

5. Masukkan kode dibawah ini 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;
}

6. Cari kode yang mirip dengan 

<div class='post hentry uncustomized-post-template'>

7. Masukkan kode di bawah ini tepat dibawah kode <div class='post hentry uncustomized-post-template'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</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 == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

8. Simpan template jagoan, dan periksalah di atas judul postingan/artikel jagoan sudah munculkah breadcrumb-navigation tepat di atasnya. Life for sharing...

Selengkapnya...

Memasang Related Post/Artikel Terkait Pada Blog

Penyuguhan artikel terkait untuk pengunjung blog jagoan bisa dijadikan cara agar pengunjung blog jagoan betah berlama-lama membaca artikel di blog jagoan. Latar belakangnya sendiri ya karena adanya artikel yang berkaitan dengan tema artikel yang dicari pengunjung.

Langsung aja ini tahapannya:

1. Masuk ke Edit HTML dan centang Expand Widget Templates

2. Seperti biasa untuk menghindari hal yang tidak diinginkan sebaiknya jagoan backup dulu template jagoan

3. Lanjut cari kode <data:post.body/> untuk mempermudah pencarian gunakan fasilitas CTRL+F

4. Lihat adakah kode <div style='clear: both;'/> disekitarnya. Jika ada, diatas kode tersebut masukkan kode:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>


<div class='widget-content'>
<br/>
<h3>Related Articles</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if> 

Kode yang berwarna merah dapat jagoan modifikasi sesuai selera jagoan. Save Template dan semoga berhasil. Live for sharing...

Selengkapnya...

Menampilkan RSS Feed di Twitter dan Facebook Secara Otomatis

Mempromosikan blog lewat social network memang paling efektif untuk mendatangkan pengunjung. Namun jagoan biasanya merasa malas karena setiap bikin artikel baru masih harus submit manual ke beberapa social network. jagoBlog.com udah nemuin cara efektifnya nih. Dengan adanya kolaborasi antara RSS Feed dan twitterfeed memungkinkan jagoan tidak perlu submit manual lagi karena twitterfeed akan men-submit-kan artikel kita melalui RSS Feed ke berbagai social network secara otomatis. Pekerjaan jagoan semakin ringan bukan? 

Langsung saja menuju langkah-langkahnya:

1 Sebelumnya jagoan harus punya akun twitter atau facebook yang mewakili halaman blog jagoan terlebih dahulu.

2. Masuk twitterfeed dan sign up bagi yang belum mempunyai akun

3. Isikan form sesuai dengan nama feed dan alamat feed jagoan, continue to step 2

4. Pada step 2 tentukan social network yang jagoan pilih dan lakukan Authenticate Akun lalu Create service. Lakukan hal yang sama untuk social network yang lain.

5. Done

6. Jika terdapat tampilan seperti di atas berarti jagoan telah sukses manambahkan servis twitterfeed.

Setelah sukses, nantinya Twitterfeed akan menampilkan seluruh isi RSS feed jagoan sekitar 30 menit atau 1 jam stelahnya. Kegiatan sharing semakin mudah kan.. Life for sharing...

Selengkapnya...

Lebih Baik Nofollow atau Dofollow?

Dofollow atau Nofollow? Pertanyaan yang sering bikin blogger bingung. Padahal dua kata tadi cuma berbeda 1 huruf awalnya saja. Bingung mau pilih mana yang cocok untuk blog jagoan? Sebelum menentukannya sebeiknya jagoan harus tau pengertian dan perbedaan nofollow dan dofollow terlebih dahulu.

Pengertian

Dofollow merupakan attribute HTML yang memuat suatu link tujuan yang dapat diindeks oleh mesin pencari. Sedangkan Nofollow adalah kebalikan dari dofollow. Maka nofollow sendiri adalah attribut HTML dimana link yang dimuat tidak akan diindeks oleh mesin pencari.

Jadi jagoan yang ingin mendapatkan backlink, sering-seringlah berkomentar pada blog dofollow. ^_^V

Kelebihan dan Kekurangan

Setelah jagoan tau apa itu nofollow dan dofollow sekarang mari kita lanjut bahas perbedaan dan kekurangan dari blog nofollow dan dofollow

Kelebihan blog nofollow

- Lebih cepat naikknya pagerank karena link masuk lebih besar

- Hanya ada komentar yang bermanfaat

- Lebih aman dari serangan spamer

Kekurangan blog nofollow

- Sepinya traffic karena tujuan pembaca jelas yaitu membaca content kita. Tenang aja jagoan, jika blog jagoan selalu update dan berkualitas maka pengunjung pun selalu setia mengnjungi blog jagoan.

- Terkesan blog tidak laku karena sepinya komentar

- Peringkat alexa sulit turun

Kelebihan blog dofollow

- Kebanyakan blogger mengincar blog yang dofollow biar dapet backlink gratis. Jadi blog dofollow biasanya kebanjiran traffic karena mereka pasti meninggalkan komentar dengan menautkan link blog mereka.

- Semakin banyak komentar, semakin terkenal pula blog kita.

- Traffic ramai pastinya mengundang banyak pengiklan

- Ranking alexa lebih cepat turun karena traffic ramai

Kekurangan blog dofollow

- Isi komentar banyak namun sedikit yang berkualitas. Karena banyak komentator hanya bertujuan untuk mendapatkan backlink

- Rawan spam

- Loading blog semakin berat karena terlalu banyak komentar

- mengancam pagerank karena link yang keluar lebih banyak dari pada link masuk. Sebaiknya keduanya seimbang atau link masuk lebih besar.

Bagaimana jagoan? Sudah mendapatkan keputusan yang cocok buat blog jagoan? Tentukan segalanya dengan bijak, jika jagoan memtuskan untuk menjadikan blog jagoan dofollow maka ikuti langkah modifikasi templatenya di Memodifikasi Template Agar DoFollow because life for share. . .

Selengkapnya...