Redirect Broken Link Dengan Fitur Blogger Terbaru (SEO On Page)

Di postingan sebelumnya tentang menghapus broken link di google webmaster sudah dijelaskan bahwa terkadang memang ketidak sengajaan kita ketika menulis atau membuat suatu artikel dan kemudian menghapusnya bisa menyebabkan terjadi broken link karena sudah terlanjur terekam oleh crawler google.

Pengalaman saya, walaupun sudah melakukan pengahpusan link di webmaster google terkadang broken link ini muncul lagi, apa sobat juga mengalamai hal seperti itu?

Kalau untuk wordpress yg menggunakan self domain broken link ini bisa diatasi dengan menggunakan teknik redirect link begitu juga blogspot yang sudah menggunakan domain sendiri juga bisa mencegah broken link tersebut dengan menggunakan redirect link, tapi kalau masih gratisan mungkin belum bnyak yg tau bagaimana caranya.

Broken link ini sangat berpengaruh, jika terlalu banyak broken link yg terdeteksi di google web master bisa berpengaruh terhadap kualitas blog kita di mata google karena dianggap web atau blog spam.

Fitur Baru Blogger / Blogspot

Setelah googling karena penasaran akhirnya saya menemukan cara yg cukup jitu untuk mengatasi broken link ini. Oia sebelum mencoba, tips ini berlaku ditampilan dasbor blogger yang baru, jadi sebaiknya sobat ubah dulu tampilannya ke antar muka baru.

Saya juga tidak terbiasa dengan tampilan baru karena memang terbiasa dengan tampilan lama blogger, nanti setelah kita atur untuk

mengatasi broken link

ini sobat bisa kembalikan ke tampilan lama jika merasa kurang sreg dengan tampila baru.

Sebenarnya fitur baru ini tidak hanya menyangkut broken link, tetapi satu paket yang di kemas dalam fitur baru blogger yaitu Search Engine Preferences (pengaturan tentang bagaimana blog kita di mata search engine, CMIIW).

Banyak yang bisa dilkakukan dengan fitur baru ini seperti mengatur meta tag, deskripsi, robots.txt, dan juga broken link. Kalau sobat sudah menggunakan meta deskripsi yg diatur manual ada baiknya sobat menghapusnya karena dikhawatirkan terjadi dobel deskripsi, saya sendiri belum nyoba sih, baru nyoba fitur untuk broken linknya :p

Cara Mencegah / Mengatasi Broken Link Blogger (Blogspot) Dengan Auto Redirect Link

Untuk fitur2 yang lain silahkan sobat coba sendiri, kita fokuskan saja ke permasalahan broken link ini, ada dua pengaturan, yang pertama pengaturan pesan ketika berada di halaman yang tidak ada (halaman broken link) dan yang kedua adalah pengaturan redirect linknya.

Untuk redirect link, walaupun masih manual (masih belum bisa otomatis setiap ada broken link maka akan di redirect ke homepage misalnya gitu) ternyata juga bisa kita buat dengan sedikit trik. Manual disini berati kita juga harus memasukkan satu2 link yang terdeteksi sebagai broken link. Pembahasan auto redirect broken link akan dijelaskan dibawah nanti

Karena masih manual, maka saya pun hanya melakukan atau mengaktifkan pesan ketik ditemukan broken link. Jika sobat tertarik langkah-langkahnya seperti ini (pastikan bahwa sobat sudah berada di tampilan baru):

1. Masuk ke blogger.com/home.
2. Pilih blog yang ingin di setting.
3. Kemudian pilih Setelan > Prefensi Penelusuran.
4. Nah itulah fitur baru dari blogger, ada pengaturan Meta Tag, Galat dan Pengalihan, serta Perayap dan Pengindeksan.
5. Untuk mengaktifkan pesan di halaman broken link silahkan sobat pilih Pesan Ubahsesuaian Untuk Halaman Yang Tidak Ditemukan dan masukkan pesan yg ingin sobat sampaikan kemudian save.
   Sebagai contoh silahkan sobat klik di link ini http://blogedek.blogspot.com/test.
6. Selesai deh, sekarang sobat bisa mengemablikan ke tampilan lama atau melakukan pengaturan lainnya.

---

Update : Ternyata setelah saya coba di blog yang belum di set message errornya sebenarnya blogger/blogspot sendiri sudah mengaktifkan fitur tersebut (menampilkan pesan di halaman broken link).

Untuk mengaktifkan redirect secara otomatis, sobat bisa menggunakan trik redirect link dengan javascript, ganti pesan yang sudah kita set tadi dengan kode berikut

<script type="text/JavaScript">location.replace('http://blogedek.blogspot.com/');</script>

Ganti alamat blog nya sesuai blog sobat (dalam kasus ini kita melakukan redirect ke Homepage). Selamat mencoba fitur baru ini dan semoga dengan melakukan pengaturan broken link di blogspot ini bisa membuat broken link di google webmaster segera berkurang, semoga bermanfaat.

Cara Membuat Navigasi Breadcrumbs (SEO On Page)

Sebenarnya saya sudah pernah posting tentang cara membuat navigasi breadcrumbs sebelumnya, tapi di tulisan cara baru membuat navigasi breadcrumbs ini agak berbeda dari yg sebelumnya.

Seperti sudah disebutkan di postingan sebelumnya tentang

pentingnya navigasi breadcrumbs

, selain bisa membantu pegunjung blog untuk mengetahui lokasi artikel, memasang navigasi breadcrumbs memang disarankan oleh mbah google.

Tulisan ini menjelaskan bagaimana membuat navigasi breadcrumbs yang bisa terindeks oleh google ketika tampil di mesin pencari.

Cara membuat navigasi breadcrumbs yang terindeks oleh Google

1. Sebelum

   membuat menu navigasi breadcrumbs

   jelas login dulu hahaha...
2. Kemudian pilih tab Rancangan (Design) > Edit HTML > Jangan lupa donlod dulu untuk jaga2 kalau error.
3. Langkah selanjutnya kita membuat css style dulu untuk navigasi breadcrumbs-nya, cari kode ]]></b:skin> gunakan Ctrl + F supaya lebih cepat, setelah itu tuliskan kode berikut ini tepat di atas ]]></b:skin>
   

   .breadcrumbs
{
padding:5px 5px 5px 0;
margin: 0 0 5px;
font-size:inherit;
font-family: Georgia, trebuchet ms, Verdana;
line-height: 1.4em;
border-bottom:4px double #000000;
}

4. Kemudian cari kode <b:include data='top' name='status-message'/> kalau ada 2 maka copas kode berikut ini di atas semua kode <b:include data='top' name='status-message'/>
   

   <b:include data='posts' name='breadcrumb'/>

5. Sekarang cari kode <b:includable id='main' var='top'> kalau sudah ketemu paste kode berikut ini di atasnya
   

   <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'>Home</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'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</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'>Home</a></span> &#187; <span>Archives for <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'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

6. Tulisan berwarna merah itulah yang membedakan dengan membuat breadcrumbs sebelumnya.
7. Untuk melihat keberhasilan dari

   membuat menu navigasi breadcrumbs

   ini sobat bisa cek langsung di Google Rich Snippet Tool.

Selesai deh, selamat mencoba membuat navigasi breadcrumbs yang terindeks oleh google dan semoga bermanfaat :)

4 Tips Optimasi Anchor Text (SEO On Page)

Seperti kita ketahui, dalam dunia SEO bisa dikatakan dibagi menjadi 2 bagian utama yaitu SEO On Page dan SEO Off Page. Tulisan kali akan membahas tentang optimasi seo on page dengan anchor text.

Selain anchor text, sobat juga bisa membaca postingan sebelumnya tentang optimasi seo on page lainnya seperti optimasi tag heading, meta tag dinamis, mengoptimalkan keyword density, atau kalau mau lihat lebih banyak lagi silahkan ke kategori belajar seo.

Kembali ke topik utama tentang optimasi seo dengan anchor text, ada beberapa keasalahan mendasar yang sering dilakukan oleh seorang webmaster ketika menuliskan anchor text, seperti tidak memberikan tag title pada anchor text tersebut atau mungkin memberikan anchor text yang sama untuk link yang berbeda.

Pengertian anchor text

Anchor text adalah text yang mempunyai link. Anchor text sering digunakan ketika seorang penulis ingin memberikan quotation atau kutipan yang menuju ke link sumber atau link aslinya.

Pentingnya anchor text untuk SEO

Dalam dunia SEO, anchor text bisa dimanfaatkan untuk memperkaya keyword density, tentunya dengan text yang berupa keyword yang sudah ditetapkan sebelumnya (keyword tertarget).

Beberapa teori SEO mengatakan bahwa search engine sangat peka terhadap suatu link dalam halaman website sehingga anchor text dalam link tersebut juga ikut dianggap penting oleh search engine.

Penggunaan anchor text untuk optimasi seo

Setelah mengetahui pentingnya anchor text, maka sekarang saatnya untuk menggunakan anchor text dengan baik dan benar sehingga bisa meningkatkan posisi blog sobat di SERP.

1. Hindari penggunaan anchor text yang sama tetapi berisi link yang berbeda.
2. Gunakan title pada setiap anchor text dan usahakana sesuai dengan keyword yang sobat tembak.
   

   <a href="http://blogedek.blogspot.com/2012/02/optimasi-seo-on-page-anchor-text.html" target="_blank" title="Optimasi anchor Text (SEO On Page)">4 Tips Optimasi SEO On Page Dengan Anchor Text</a>

   Tulisan yang berwarna merah itu adalah contoh penggunaan atribut title untuk optimasi anchor text sehingga semakin memperkuat posisi keyword tertarget
3. Berlawanan dengan poin nomor 1, sobat bisa menggunakan anchor text yang berbeda untuk suatu link yang sama sehingga bisa membuat keyword yang bervariasi (keyword turunan).
4. Untuk semakin menegaskan pentingnya anchor text tersebut sobat juga bisa menambahkan atribut bold, italic atau underline.

Itulah 4 tips optimasi seo on page dengan anchor text. Semoga bermanfaat :)

Script SEO Blogspot Mantab (Smart Link)

Seperti yang kita tau, blogspot atau blogger berbeda dengan wordpress dimana wordpress bisa dioptimasi dengan berbagai macam plugin untuk meningkatkan kualitas seo baik seo on page maupun seo off page. Nah tapi bagi sobat pengguna blogspot atau blogger tidak perlu kuatir karena ternyata ada script seo blogspot yang sangat ampuh dalam hal seo on page terutama untuk optimasi anchor text dan keyword density.

Untuk penjelasan tentang cara kerja script seo blogspot atau blogger ini nanti akan dijelaskan di bawah, so tetep lanjutin ajah baca topik tentang script seo blogspot (smart link) ini :D

Script SEO Blogspot / Blogger

Silahkan copy paste

script seo blogspot

ini

<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;SEO&quot;, &quot;http://blogedek.blogspot.com/&quot;);
f.add(&quot;blog (keyword kedua)&quot;, &quot;http://blogedek.blogspot.com/ (URL kedua)&quot;);
f.startScript();
</script>
</b:if>

Nah lihat tulisan yang berwarna merah itu, SEO adalah kata kunci atau keyword, silahkan sobat sesuaikan dengan keyword blog sobat dan jangan lupa nama blognya juga disesuaikan.

Cari kode </body> dan letakkan script tersebut di atas kode </body>.

Cara kerja script seo blogspot

Seperti sudah disebutkan diatas,

cara kerja script seo blogspot (smart link)

tersebut akan dijelaskan di sini. Script di atas adalah script dengan menggunakan java script, ada yang bilang ini tergolong black hat tapi ada juga yang bilang selama script seo blogspot ini tidak terlalu banyak mengandung kata kunci its ok, so menurut saya cukup satu keyword saja dan keyword tersebut case sensitive lho!

Script seo blogspot ini akan membaca setiap kata pada postingan kita, contohnya jika kita menentukan keyword 'SEO', maka setiap kata 'SEO' dipostingan kita akan menjadi sebuah link yang akan menuju url yang sudah kita tentukan pula dalam kasus ini urlnya ke home page.

Update: Script SEO Smart Link ini bekerja setelah halaman benar-benar sudah di load dengan sempurna (ya karena kan kita meletakkannya di bawah sendiri, tepatnya di atas tag penutup body)

Jadi kesimpulannya,

script seo smart link blogspot ini cocok untuk membuat keyword utama

atau keyword blog sobat secara keseluruhan.

Silahkan dipraktekkan dan semoga dengan script seo blogspot ini bisa membuat blog sobat sering nongol di SERP :)

Cara Membuat Tombol Google+ Valid HTML?!?

Sharing button atau tombol berbagi menjadi salah satu alat untuk optimasi seo, terutama seo off page. Salah satu sharing button yang dianggap berpengaruh adalah tombol google+ atau google plus

Apa sih google+ atau google plus itu?

Google+ atau Google Plus adalah jejaring sosial yang dioperasikan oleh Google Inc. Google+ diluncurkan pada 28 Juni 2011.

Google+ mengintegrasikan layanan sosial seperti Google Profile dan Google Buzz, dan memperkenalkan layanan baru seperti Circles, Hangouts, Sparks, and Huddles (wikipedia)

Pentingnya google plus untuk SEO

Karena layanan ini adalah punya simbah, so pasti mempunyai keterkaitan dengan SEO, terutama SEO Google. Contoh, jika seseorang memberikan plus untuk blog anda maka ketika dia searching, maka blog sobat di prioritaskan (dengan catatan orang tersebut dalam keadaan login). CMIWW, analisis newbie hehehe...

Google+ atau google plus tidak valid HTML

Jika sobat sudah pernah membuat floating share button dan memasukkan google plus sebagai salah satu buttonnya, maka ketika kita cek validasi html akan muncul error, tentu saja bagi penganut valid html hal ini sedikit menganggu.

Membuat Google+ (Google Plus) valid HTML

Permasalahan dari masalah ini sebenarnya adalah pada kode <g:plusone></g:plusone>, untuk membuat google+ valid html sebenarnya mudah, ganti kode tersebut dengan <div id="plusone"></div>

Selesai deh membuat

google+ atau google plus valid html

, code ini adalah yang paling simple, yaitu menampilkan google plus dalam ukuran standar.

Cara Membuat Permalink Tag Di Blogspot (SEO On Page)

Permalink adalah singkatan dari permanen link yang mana maksud dari permalink ini adalah URL suatu halaman pada web atau blog. Jika sobat ingin melihat permalink ya gampang saja, tinggal lihat address bar pada browser maka itulah yang dinamakan permalink.

Fungsi fitur permalink pada blogspot

Jika kita membuat permalink pada blogspot, ada dua keuntungan yang bisa kita ambil, yang pertama dengan membuat permalink bisa memberikan informasi kepada pengunjung tentang artikel yang sedang dibaca, keuntungan yang kedua adalah memperkaya keyword density pada posting dengan fitur permalink tersebut. Selain itu, kita bisa menambahkan beberapa pesan kepada pengunjung untuk misalnya menuliskan sumber jika ingin copy paste atau mungkin untuk menyebarkan artikel sobat jika dirasa bagus.

Cara membuat permalink di blogspot

Untuk

membuat permalink di blogger atau blogspot

silahkan ikuti langkah-langkah berikut:
1. Login ke akun blogger atau blogspot.
2. Pilih Rancangan (Design) > Edit HTML.
3. Cari kode ]]></b:skin> karena kita akan membuat style fitur permalink blogspot tersebut dengan CSS.
4. Setelah itu copy paste kode berikut dan letakaan diatas ]]></b:skin>

.membuatpermalinkblogger
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}

.membuatpermalinkblogger a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

5. Langkah selanjutnya untuk

membuat permalink di blogspot

dan dibawah posting adalah mencari kode <data:post.body/> pada template sobat.
6. Jika template sobat sudah ada fitur auto read more, maka cari kode yang menyatakan sebagai full post, biasanya terlihat seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p> <!--ini yang dirubah-->
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p> <!--ini home page-->
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

7. Setelah itu ganti kode diatas tadi dengan kode seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<div class='membuatpermalinkblogger'>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</small></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>

Selesai deh membuat permalink tag di blogger atau blogspot ini. Dengan

membuat permalink

semoga blog sobat semakin seo friendly dan juga visitor friendly :)

3 Tips dan Cara Riset Keyword Untuk Pemula

Tidak bisa dipungkiri bahwa riset keyword atau keyword research adalah salah satu pilar penentu untuk meningkatkan traffic blog sobat. Setelah mencari keyword, dan sebelum menulis artikel yang seo friendly dengan mengoptimalkan keyword density, maka riset keyword (keyword research) adalah hal wajib yang harus dilakukan, termasuk menganalisa kompetitor kita.

Mungkin sudah banyak

tips dan cara riset keyword (keyword research)

serta

tool untuk riset keyword (keyword research)

akan tetapi bagi seorang pemula atau newbie seperti saya ini rasanya kok njlimet, mbulet, plus mumet :D

Setelah blogwalking, saya menemukan tips sederhana untuk riset keyword (keyword research) bagi pemula. Tips dan cara riset kewyord ini saya dapat dari blog nya mas agan khalid di agankhalid.com. Kalau sobat pgn mbaca langsung ya monggo :D saya hanya ingin menulis tentang

riset keyword (keyword research) ala pemula

ini supaya gampang nyarinya :)

Riset keyword (keyword research) #1

Jangan menggunakan keyword dimana halaman pertamanya bercokol situs-situs seperti dibawah ini:

• Wikipedia.
• Amazon.
• PR 6.
• Situs yang mendapatkan sitelink.

contoh sitelink

Riset keyword (keyword research) #2

Gunakan keyword (kata kunci) dimana pada halaman pertama ada 2 situs yang mempunyai backlink dibawah 50.

Riset keyword (keyword research) #3

Ambil keyword (kata kunci) jika memenuhi syarat sebagai berikut:

• TOP 3 Situs, Pageranknya dibawah 3
• Average TOP 10, Pageranknya dibawah 3

Contoh, untuk keyword Dog Training pada halaman pertama dan top 3 diisi oleh situs dengan PR 6,3 dan 4 (melanggar aturan pertama) selain itu average PRnya juga tinggi, yaitu 6, 3, 4, 5, 5, 4, 3, 3, 3, 2 sehingga rata-ratanya adalah 38:10=3,8 (melanggar aturan kedua).

Itu saja tips dan cara riset keyword (keyword reseacrh) ala pemula bin newbie seperti saya :D semoga bermanfaat dan selamat mencoba tips dan cara riset keyword ala newbie.

Tips SEO Friendly Dengan Optimasi Gambar

Optimasi gambar untuk meningkatkan poin SEO On Page sudah bukan rahasia lagi. Setelah sobat mencari keyword populer dan mengoptimalkan keyword density, pasti sobat tidak akan melewatkan

optimasi gambar

supaya artikel sobat lebih SEO Freindly.

Sebenarnya sudah banyak tutorial tentang optimasi gambar supaya SEO Friendly dan di sini tips tentang optimasi gambar yang saya tulis juga di ambil dari banyak referensi, salah satunya dari blognya mas Hans ganteng aka mas Subhan di blognya yang beralamat di seblogger4.blogspot.com.

Dalam dunia website, file gambar sangat sering digunakan terutama untuk menunjang tampilan web atau blog. Jika sobat memiliki blog yang mempunyai banyak gambar ada baiknya sobat juga melakukan

optimasi pada file gambar

tersebut supaya lebih SEO friendly.

Tips optimasi gambar untuk SEO On Page

1. Nama file gambar
   Sebelum sobat mengupload gambar sebaiknya rename gambar tersebut dengan keyword yang berhubungan. Misalnya mobil terbaru.jpg akan lebih baik dari sekedar file029.jpg
2. Gunakan atribut alt untuk setiap gambar
   <img src="alamat gambar" alt="keterangan gambar yang bisa diisi dengan keyword"/>
3. Pasang atribut title
   Selain atribut alt seperti di poin nomer dua, atribut title juga jangan dilewatkan. Selain SEO friendly, penggunaan atribut title bisa membantu pengunjung untuk mengetahui deskripsi gambar secara singkat.
   <img src="alamat gambar" alt="keterangan gambar yang bisa diisi dengan keyword" title="deskripsi singkat gambar"/>
4. Berikan ukuran yang fixed
   Terkadang kita suka melupakan faktor ini untuk

   optimasi gambar

   . Buatlah robot google atau crawler mudah mengindeks gambar tersebut dengan memberikan ukuran yang jelas baik width ataupun height.
5. Jika sobat pengguna blogspot atau blogger, ketika mengupload gambar sebaiknya link yang mengarah ke alamat penyimpanan tersebut di buang saja, atau di ganti dengan link artikel tersebut.
6. Sobat juga bisa menggunakan caption pada gambar tersebut untuk memadatkan keyword.
7. Maksimalkan tips tersebut dengan optimasi gambar di google images
8. Ya sudah itu saja tips optimasi gambar ^_^

Oke deh, kalau ada yang punya tips lain tentang optimasi gambar untuk SEO on page di share disini ya :D

Belajar SEO?!? Gampang!!! Cukup 15 Menit Saja

What's? Belajar SEO 15 menit sudah bisa jadi master collogne SEO??? Belajar SEO memang gampang-gampang susah atau susah-susah gampang, terserah sobat lah :D

Belajar SEO sulitkah?

Tergantung, bukan tersanjung lho ya... belajar SEO bisa ajah sulit karena eh karena pihak search engine sendiri tidak pernah mengungkapkan bagaimana algoritma yang digunakan! Tapi bukan berarti belajar SEO itu tidak bisa dipahami sama sekali, apalagi bagi pemula aka newbie seperti saya ini. Asal ditekuni, belajar SEO kuhususnya bagi pemula atau newbie bukanlah hal yang sulit.

Belajar SEO otodidak

Ada banyak referensi di google untuk belajar SEO pemula atau newbie, apa sih yang enggak kalo ama si mbah hehehe. Asal kita benar-benar memanfaatkan si mbah untuk tempat bertanya pasti bisa deh belajar SEO dengan lancar dan hasilnya cukup memuaskan.

Belajar SEO pemula 15 menit saja?

Seperti sudah disebutkan di atas, belajar SEO adalah mempelajari sesuatu hal yang ga jelas alias geje! kenapa geje? ya karena emang ga ada yang tau algo si mbah. Tapi anehnya banyak orang yang belajar SEO! jadi kesimpulannya belajar SEO itu geje tapi nyata, bingung??? ya sama saya juga bingung (gubrak)

Karena belajar SEO adalah mempelajari mempelajari hal yang abu-abu (geje tapi nyata) maka diperlukan ketekunan, bahkan mastah-mastah SEO saja sampe bertaun-taun belajar SEO dan tidak pernah brenti belajar.

Lah terus kenapa judulnya Belajar SEO 15 Menit?

Wait2 saya bukan nipu gan :D itu hanya untuk motivasi saja supaya lebih giat belajar SEO newbie atau pemula, ya seperti saya ini.

Ini ada artikel yang bagus untuk belajar SEO, wabil khusus bagi pemula atau newbie. Inti dari artikel belajar SEO 15 menit ini ada 6 yaitu:

• Keywords
• Links (internal - inbound - outbound)
• Meta Tags
• Content
• Visual Extras (tampilan visual)
• Domain (Nama Domain, URL, Permalink)

Artikel belajar SEO ini ditulis dalam bahasa inggris gan, saya sengaja memberi judul yang menarik supaya agan yang tertarik bisa ikutan belajar SEO karena menurut saya neh artikel bagus banget buat referensi, kan sayang kalo ilang hehehe...

Kalo agan mau liat langsung silahkan ke tekape di http://www.webconfs.com/15-minute-seo.php kalo ga mau ya gpp :p sekali lagi ini hanya untuk koleksi pribadi saya untuk belajar SEO, kalau mau protes ya protes ke webnya sono :p have a nice learning :)

inspired by SEOsaja.com

Apa dan Bagaimana Mengoptimalkan Keyword Density

Keyword density bagi SEO, khususnya SEO On Page sangatlah penting. Jika di postingan sebelumnya membahas tentang mencari keyword populer yang maka sekarang saatnya untuk mengoptimalkan atau optimasi keyword tersebut agar tercipta apa yang disebut dengan keyword density untuk mengahsilkan tulisan yang SEO dan visitor friendly.

Pengertian keyword density

Bagi seorang newbie yang baru belajar SEO seperti saya ini, keyword density adalah hal yang sedikit asing apalagi bagaimana cara mengoptimalkan keyword density tersebut, banyak mastah-mastah SEO yang sering menggunakan istilah keyword density tapi bagi saya definisi keyword density itu sendiri masih ambigu. Memang secara harfiah keyword density bisa diartikan sebagai kerapatan atau kepadatan kata kunci dalam suatu artikel, masalahnya tidak ada peraturan yang jelas dari pihak search engine tentang seberapa padat keyword tersebut.

Porsi atau prosentase optimasi keyword density dalam suatu artikel

Setelah baca-baca di forum2 SEO, porsi mengoptimalkan keyword density dalam suatu artikel ternyata bervariasi, ada yang mengatakan 2% - 3% ada juga yang 5% - 7% semua itu adalah saran dari mastah-mastah SEO yang sudah berpengalaman untuk menduduki peringkat 1 dalam SERP.

Mengukur keyword density

Untuk mengukur keyword density caranya cukup mudah, jika kita memakai patokan 3% maka secara sederhana ada 3 pengulangan keyword dalam setiap 100 kata.

Porsi prosentase keyword density yang pas

Di atas dijelaskan bahwa porsi keyword density bervariasi, saya telah mencoba cara tersebut dan mungkin sudah menemukan jawaban mengapa ada banyak versi tentang porsi untuk mengoptimalkan keyword density.

Salah satu artikel di blog ini menduduki peringkat pertama pada google.co.id dengan keyword yang terdiri dari 3 suku kata (maaf bukannya sombong, hanya untuk berbagi tentang optimasi keyword density). Setelah saya cek 3 suku kata tersebut ternyata hasilnya sekitar 2,57% anggap saja 3% dan saya mengecek keyword density itu manual (hanya tulisan artikel saja, bukan secara keseluruhan dalam halaman blog) dengan cara kopi paste artikelnya ke microsoft office. Ada sekitar 621 words dan keywords yang saya tembak muncul 16 kali.

Bagaimana dengan prosentase optimasi yang 5% - 7% tadi? Menurut saya yang masih newbie ini, mungkin itu saran dari mastah-mastah SEO untuk mengoptimalkan keyword density secara keseluruhan (termasuk judul, artikel terkait, title pada anchor text, alt pada gambar, dll).

Untuk mengukur keyword density pada artikel bisa juga dengan online, sobat bisa gunakan ini hxxp://www.live-keyword-analysis.com/

Mengoptimalkan keyword density bukan berarti kita menulis keyword berulang-ulang tanpa memperdulikan gaya menulis. Hal ini bisa menyebabkan tulisan sobat kurang enak dibaca oleh pengunjung.

Optimasi keyword density

Untuk mengoptimalkan keyword density, sebaiknya sobat memecah keyword tersebut. Misal keyword yang dioptimasi mempunyai 3 kata, maka 3 kata tersebut sekitar 2% sedangkan yang 1% bisa dengan memecah keyword density tersebut.

Agak rumit memang, tapi jika sobat pernah merasakan posisi numero uno mungkin bisa menyimpulkan bagaimana prosentase optimasi atau mengoptimalkan keyword density yang "pas".

Kombinasikan optimasi keyword density ini dengan teknik SEO On Page lainnya seperti pengaturan Tag Heading judul artikel (H1 - H6) dan letakkan keyword pada judul artikel.

Hati-hati dalam mengoptimalkan keyword density karena bisa-bisa akan ada lebih dari 1 Heading H1 dan ini sangat tidak disarankan. Jika template sobat sudah dioptimasi untuk dinamis tag heading maka sobat hanya perlu mengoptimalkan keyword density pada H2 dan H3.

Lakukan optimasi keyword sobat dengan penebalan, garis miring dan garis bawah keyword untuk mendapatkan hasil yang optimal. Warna yang berbeda pada keyword juga bisa mempengaruhi nilai keyword tersebut di mata search enginge.

Menggunakan blockquote pada keyword yang ditembak. Hal ini penting karena maksud dari mengoptimalkan keyword density adalah teknik meletakkan keyword-keyword tersebut baik untuk dilirik oleh search engine dan visitor.

Blockquote adalah kutipan yang merupakan hal penting dalam suatu tulisan, blockquote selalu memiliki gaya yang berbeda dari tulisan-tulisan lain di sekitarnya untuk menunjukkan betapa pentingnya dia.

Supaya lebih optimal, letakkan keyword density pada paragraf pertama dan terkahir, dan kalau bisa pada URL artikel sobat. Gunakan atribut yang benar seperti tag alt untuk gambar, title untuk anchor text dan usahakan memasukkan keyword density pada gambar yang sobat gunakan. Contoh optimasi keyword density pada anchor text dan gambar:

<a href="http://blogedek.blogspot.com/2012/01/optimasi-keyword-density.html" target="_blank" title="Judul Link : Mengoptimalkan Keyword Density">optimasi keyword density</a>

<img alt="Nama Gambar : Optimasi Keyword Density" src="alamat gambar" title="Judul Gambar : Mengoptimalkan Keyword Density" />

Semoga artikel tentang mengoptimalkan atau optimasi keyword density ini bisa bermanfaat, khususnya bagi newbie seperti saya :)

Cara Cek dan Memperbaiki Validasi HTML (SEO Friendly)

Lagi2 tentang SEO, khususnya SEO On Page. Salah satu point yang bisa meningkatkan optimasi on page pada blog kita adalah dengan melakukan cek validasi html. Sebagian blogger mengatakan bahwa cek validasi html tidaklah begitu penting, tapi ada juga yang mengatakan kalau harus valid html sesuai aturan yang ada.

Kalau saya sih yang sedang2 saja hehehe, kalau bisa lebih valid kenapa tidak? Bagi sebagian sobat blogger yang masih newbie seperti saya ini mungkin masih bingung dengan apa yang disebut validasi html, setelah browsing2 akhirnya saya pun malah semakin gag paham dengan apa yang dimaksud validasi html dan kenapa kita harus melakukan cek validasi html (gubrak). Yasudahlah, whatever, bydeway, anyway dan busway, daripada iseng dan ngupil mendingan nulis tentang cara cek validasi html hahahaha.

Apa yang dimaksud dengan validasi html?

Bagi sebuah web atau blog, cek validasi html bisa menjadi sesuatu yang sangat penting, hal ini tidak lepas dari pemeliharaan blog tersebut. Semakin valid html maka semakin baik web atau blog tersebut atau bahasa kerennya web atau blog sobat menjadi semakin cross browser compatible.

Bagaimana jika seandainya saya mengabaikan validasi html blog saya?

Website atau blog yang tidak lulus validasi, meskipun bisa berjalan namun tetap memiliki error di dalam struktur mark up nya. Fitur error correction pada setiap browserlah yang menghandle error tersebut, namun masalahnya tidak semua browser menerjemahkan error tersebut dengan cara yang sama.Melalui validasi html, semua browser, bahkan yang paling tua sekalipun akan bisa membaca dokumen blog sobat dengan mudah.

Bagaimana contoh html yang valid?

Contoh hal simple yang bisa menyebabkan kode html disebut tidak valid misalnya seperti ini:
<img src="/images/cara cek validasi html.jpg" />
bandingkan dengan
<img src="/images/cara cek validasi html.jpg"  alt="cara cek html yang valid"/>
kedua kode diatas sama2 bisa diakses oleh browser, akan tetapi kode ke2 yang mengikuti aturan main validasi html lebih cepat dibaca oleh bot, hal ini dikarenakan pada sebuah gambar, tag "alt" lah yang menjadi referensi dr gambar tersebut.

Bagaimana cara cek validasi html?

Untuk melakukan cek validasi html sobat bisa menggunakan tools bernama Markup Validation yang disediakan oleh W3C. Silahkan menuju ke http://validator.w3.org. Gimana sudah dicek? Apakah banyak error sob? Wajar kalau banyak error karena memang pada dasarnya template blogger mengandung banyak kode css yang njlimet. CMIIW

Cek validasi html dan cara mengurangi error html

Setelah kita melakukan cek validasi html, tibalah saatnya untuk berbuka mengurangi error html tersebut. Mari mulai mengurangi error html walaupun tidak bisa 100 persen :)

1. Ganti kode html bawaan blogger, kodenya seperti ini:
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   ganti dengan kode seperti ini:
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   
   
2. Selanjutnya cari kode berikut: <b:include name='quickedit'/> Hapus semua kode yang seperti itu, catatan setiap menambahkan widget sobat harus melakukan delete lagi supaya validasi html nya tetap optimal.
3. Untuk poin ke3 dalam rangka cek validasi html ini kita akan merubah salah satu kode bawaan blogger lagi, yaitu kode yang seperti ini : <b:include data='blog' name='all-head-content'/> ganti kode tersebut dengan
   <!-- Blogger Default Meta -->
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/IDBLOGGERPROFILESOBAT' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=IDBLOGGERSOBAT' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/IDBLOGGERSOBAT/posts/default' rel='service.post' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<link href='http://www.URL-BLOG.blogspot.com/feeds/posts/default' rel='alternate' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
   
   IDBLOGGERPROFILESOBAT = dapat sobat lihat pada alamat URL Profile Blogger sobat.
   IDBLOGGERSOBAT = dapat sobat lihat pada alamat URL edit Html Blog.
   URL-BLOG = isi dengan url blog sobat.
4. Mengurangi penggunaan kode strip/dash (-)
   
   Untuk HTML
   
   <!------------------- Blogger Default Meta ----------------------> SALAH
   
   <!-- Blogger Default Meta --> Benar
   
   
   Untuk CSS
   </*----------- Header ------------*/ SALAH
   
   /* Header */ Benar
   
   
5. Cari kode </head> jika sudah ketemu, letakkan kode berikut dibawahnya :
   <!-- <body><div></div> --> 
   
   
6. Biasakan menggunakan atribut alt pada gambar, contoh
   <img alt='cara cek validasi html' src='URL gambar cek validasi html'/>
   
   

Ya begitulah akhir dari cerita tentang cara cek validasi html ini :D saya bukan ahli html apalagi ahli kunci tiga menit jadi sob, itu hanya hasil dari baca2 blog yang sudah mengulas tentang cara cek validasi html sebelumnya. Kalau mau nambahin atau mungkin nyalahin ya monggo ajah, kotak komen terbuka lebar :p

Semoga bermanfaat.

Cara Membuat Meta Tag Dinamis

Setelah sebelumnya saya memposting tentang Mengenal Meta Tag, sekarang saya ingin share tentang bagaimana mengoptimalkan Meta Tag pada blog sobat.

Meta Tag Dinamis (SEO On Page)

Pentingkah Meta Tag?

Well, sulit menjawabnya, walaupun mastah2 SEO mengatakan bahwa meta tag bukanlah sesuatu yang teramat penting tapi bagi saya pribadi ini adalah salah satu point dari SEO On Page yang tidak boleh dilewatkan begitu saja, toh baik google ataupun yahoo! sebagai 2 search engine terbesar menyarankan kita untuk

menggunakan meta tag sebagai metode verifikasi

web atau blog.

Apa yang Dimaksud dengan Meta Tag Dinamis?

Secara default, kalo kita tidak melakukan sedikit modifikasi pada meta tag blog kita maka di setiap halaman atau page akan memiliki meta tag yang sama, terutama Meta Tag Description, Meta Tag Keywords dan Meta Tag Title. Padahal ketiga Meta Tag itu adalah

Meta Tag yang paling dianjurkan

. Sehingga kita akan membuat

Meta Tag yang bersifat dinamis

, maksudnya setiap halaman pada blog sobat akan mempunyai Title, Keywords, dan Description yang berbeda-beda sesuai artikel atau postingan sobat.

Bagaimana Cara Membuat Meta Tag yang Dinamis?

Untuk membuat meta tag yang dinamis silahkan sobat ikuti langkah-langkah berikut ini:

<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'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='abstract'/>
<b:else/>
<title><data:blog.pageTitle/></title>
<meta content='Deskripsi blog sobat secara umum. Contohnya: Blog tempat belajar SEO dan blogging' name='description'/>
<meta content='Keywords atau kata kunci sesuai blog sobat. Jika deskripsi sesuai dengan yg di atas maka sobat bisa isi dengan SEO, SEO On Page,SEO Off Page,belajar SEO,Search Engine Optimazion,trik blogging,blogger,dll' name='keywords'/>
</b:if>

Silahkan sobat ganti dengan title, description, dan keywords sesuai dengan blog sobat. Untuk Meta Tag Keywords sobat bisa memisahkan beberapa keywords dengan koma. Jangan mengulang keywords yang sama hingga 3x

Nah dengan melakukan sedikit modifikasi tersebut maka sobat sudah memiliki meta tag yang dinamis serta seo friendly untuk setiap halaman atau page karena meta tag tersebut akan berbeda ketika di home page dan ketika berada di halaman artikel. Semoga bermanfaat :)

SEO On Page ala Wordpress

Karena ga ada kerjaan akhirnya saya blogwalking deh sekalian nyari2 tambahan ilmu baru, baru beberapa searching saya menemukan artikel yang bagus tentang optimasi on page untuk blog kita, artikel tersebut saya dapat dari blog nya mas dhani.

Memang sih lagi-lagi tentang SEO soalnya lagi keranjingan belajar seo hehehe, oke deh kembali ke topic awal, sobat tentu tau kan kalo pertengahan 2011 google mengeluarkan si panda yang disebut-sebut tidak memperdulikan lagi tentang backlink? Nah oleh karena itu, banyak mastah2 seo mengatakan bahwa on page optimazion atau SEO On Page lah yang jadi senjata utama untuk bisa nangkring dengan mulus di SERP.

Kalao berbicara masalah SEO On Page Blog, siapa sih yang menyangkal kalau wordpress sudah sangat powerfull? Belum lagi jika memakai plugin2 seperti plugin All in One Seo Pack atau SEOPressor atau Easy WP SEO? Itu adalah plugin2 yang bisa mengoptimalkan on page blog sobat terutama wordpress.

Trus apa donk korelasinya? Dari td muter2 terus yak? :D untungnya, kita bisa melakukan modifikasi pada artikel kita, walaupun manual, untuk memaksimalkan lagi SEO On Page blog kita, terutama Blogspot.

SEO On Page ala Wordpress

#1 Keyword berada di H1, H2, dan H3

Salah satu kelebihan plugin2 tersebut adalah kemampuannya untuk menyesuaikan Tag Heading pada artikel dan blog secara keseluruhan, untuk modifikasi tag heading blog silahkan sobat baca optimasi tag heading judul artikel.

#2 Description meta tag dimulai dengan keyword

All in one seo Pack atau Platinum SEO Pack untuk wordpress memiiki box isian description dan alangkah lebih baik memasukkan keyword yang ditarget ke dalam bagian itu pada awal permulaan deskripsi. So jika sobat ingin memperkuat keyword maka sobat harus membuat meta tag dinamis untuk setiap page. Disarankan untuk menggunakan variasi frasa dalam menembak keyword sehingga memudahkan visitor membaca informasi di halaman listing Google, agar tidak terjebak terkait dengan informasi yang diberikan oleh meta description artikel sobat.

Tips : Selain menarget keyword yang berperan dalam SEO, Buatlah meta descripton menarik perhatian pengunjung. Jangan menipu pengunjung dengan meta description yang berlebihan.
Ingat : Pengunjung bukan robot yang bisa dimanipulasi. Meskipun halaman artikel kita berada di nomor satu Google, jika hanya mengejar traffic. Tentunya akan berimbas pada kelangsungan branding blog sobat sendiri.

#3 Masukkan keyword di anchor text (link) dan alt (gambar)

Sudah bukan rahasia lagi kalau gambar merupakan sumber keyword density atau kepadatan kata kunci karena kita bisa membuat variasi keyword, hal ini sebelumnya sudah pernah saya tulis pada postingan berjudul tips menulis artikel seo friendly.

SEO On Page memang penting dan semoga sobat bisa membuat blog sobat lebih optimal lagi, saya juga lagi optimasi on page ini hehehe, semoga bermanfaat.

Optimasi Tag Heading pada Judul Artikel Blog

Selain melakukan optimasi pada keyword dan meta tag, optimasi pada heading judul artikel di blog sobat juga memegang peranan penting dalam SEO On Page. Hal ini menjadi krusial bagi sebuah artikel agar bisa optimal dalam SEO On Page karena search engine membaca struktur heading pada suatu web atau blog, Heading yang paling utama atau yang disebut H1 menginformasikan kepada search engine tentang informasi utama dari sebuah halaman.

Optimasi Tag Heading Judul Artikel

Mengapa kita perlu melakukan optimasi tag heading pada judul artikel blog, terutama blogger atau blogspot? Karena secara default, pada setiap halaman yang ada di blog dengan engine blogspot menggunakan heading H1 untuk nama blog, sedangkan judul artikel "hanya" dikasih porsi sebagai H3. Hal ini bukanlah suatu masalah jika halaman yang ditampilkan adalah halaman utama atau home page, tapi jika halaman yang ditampilkan adalah halaman tentang suatu artikel hal ini bisa menjadi kurang baik untuk optimasi on page kita.


Jadi yang akan kita lakukan untuk optimasi tag heading judul artikel blog adalah:

H1 pada home page adalah judul blog, sedangkan pada halaman artikel atau posting, H1 kita set ke judul tersebut dan merubah judul blog ke H2 supaya tidak terdapat dobel H1 pada heading halaman blog kita.

Ya sudah, langsung saja kita lakukan modifikasi untuk optimasi tag heading pada judul artikel. Ikuti langkah2 di bawah ini:

• Seperti biasa, login dan menuju ke Rancangan, Edit HTML dan jangan lupa centang Expand Template Widget. Jangan lupa juga untuk memback up template sobat untuk jaga2.
• Cari kode berikut pada template sobat :
  

      <div id="header-inner">
    <div class="titlewrapper">
    <h1 class="title">
    <b:include name="title">
    </b:include></h1>
    </div>
    <b:include name="description">
    </b:include></div>

  
  Jika sudah ketemu, ganti dengan kode berikut ini:
     

  <!--No header image -->
    <div id='header-inner'>
    <div class='titlewrapper'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <H1 class='title'>
    <b:include name='title'/>
    </H1>
    <b:else/>
    <p class='title'>
    <b:include name='title'/>
    </p>
    </b:if>
    </div>
    <b:include name='description'/>
    </div>

  
  
• Langkah di atas sudah merupakan salah satu point dari optimasi tag heading h1, tetapi itu hanya untuk judul blog. Langkah selanjutnya, kita akan merubah judul artikel atau posting supaya memakai H1 ketika halaman artikel tersebut ditampilkan. Cari kode berikut pada template sobat:
  

  <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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

  
  Jika sudah ketemu, ganti kode tersebut dengan kode seperti di bawah ini:
  

  <b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<b:else/>
<H1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H1>
</b:if>

Sampai di sini sobat sudah melakukan langkah-langkah untuk optimasi tag heading pada judul artikel dan bersifat dinamis, tetapi akan berdampak pada berubahnya ukuran font judul blog sobat karena judul blog ketika tidak di halaman utama menggunakan style p seperti yang sudah di sebutkan di atas.

Untuk itu, sobat perlu melakukan sedikit modifikasi lagi yaitu dengan cara menambahkan p style pada css template sobat dan harus sama persis dengan style H1 yang ada di template sobat, contohnya seperti ini:
#header h1{elemen/ukuran css title blog kamu}
#header h1 a{Disini elemen/ukuran css title blog kamu}

Maka tambahkan css seperti berikut ini:

P.title {Nah Disini harus sama dengan elemen/ukuran css title H1 blog}
P.title a{Disini juga harus sama dengan H1 a judul blog}

Untuk makin jelasnya kita coba dengan css berikut ini:
Jika css header kamu seperti ini:

#header h1{font-size:23px;font-weight:700;float:left;width:40%;text-shadow:1px 0 #2B4462;letter-spacing:-1px}
#header h1 a{color:#fff;text-decoration:none}

Maka tambahkan dibawahnya dengan kode css:

P.title {font-size:23px;font-weight:700;float:left;width:40%;text-shadow:1px 0 #2B4462;letter-spacing:-1px}
P.title a{color:#fff;text-decoration:none}

Kalau sudah selesai, silahkan save :) yang perlu dicatat, jangan sampai ada dobel H1 pada tiap halaman blog sobat. Untuk cek heading di blog, sobat bisa gunakan tools di sini

Semoga artikel tentang optimasi tag heading pada judul artikel blog ini bermanfaat. Gimana? sudah dirubah kah setingan template sobat? Jika kurang paham sobat bisa bertanya melalui kolom komentar.

Mengenal SEO On Page dan SEO Off Page

SEO lagi neh sob, habis blogwalking saya nemu artikel yang cukup bagus, terutama bagi newbie seperti saya ini. Dalam dunia SEO ada istilah SEO On page dan juga SEO Off Page. Keduanya adalah faktor yang harus anda kenali apabila ingin sukses menjadi pemenang dalam persaingan optimasi search engine.

SEO On Page

SEO On Page adalah segala bentuk teknik optimasi search engine yang dilakukan pada blog atau website yang dimaksud. 

Beberapa contoh penerapan SEO On Page : 

1. Penggunaan nama domain.
2. Judul Blog.
3. Judul Posting.
4. Deskripsi.
5. Menggunakan Meta Tag.
6. Penggunaan Dinamis Tag Heading (H1, H2, H3, dst...).
7. Penggunaan kata tebal, miring, garis bawah, dan lain sebagainya.
8. Internal Linking (tautan ke halaman posting lain yang masih dalam bagian blog yang dimaksud).
9. Memberikan atribut title pada setiap anchor text dan image.
10. Mempercepat waktu akses blog.
11. Penggunaan tag alt pada setiap gambar.
12. Membuat breadcrumb navigation.
13. Dan masih banyak lagi yang lainnya. 

SEO Off Page

SEO Off Page adalah segala bentuk teknik optimasi search engine yang dilakukan di luar blog atau website yang dimaksud.

Beberapa contoh SEO Off Page : 

1. Backlink dari website atau blog lain.

2. Submit site map ke webmaster tools.

3. Ping.

Backlink adalah tautan dari blog atau website lain ke blog atau website anda. Sebuah backlink diibaratkan adalah sebuah rekomendasi, semakin banyak yang merekomendasikan, maka blog anda akan lebih mendapatkan perhatian dari search engine. 

Sebagai contoh ilustrasi, apabila dalam sebuah pemilihan, katakanlah pemilihan kepala desa. Untuk memilih seorang kepala desa, yang pertama kita lihat adalah track record kepada calon kepala desa tersebut, bagaimana dia bertingkah laku dalam masyarakat, bagaimana dia berbicara dan lain sebagainya. 

Selain dari faktor calon kepala desa nya sendiri, seringkali kita juga melihat siapa yang mendukung calon kepala desa tersebut. Semakin banyak dukungan (kada kita melihat jumlah dukungan pada saat kampanye berlangsung) maka terkadang kita terbawa arus untuk ikut mendukung juga. Selain dari jumlah dukungan, seringkali kita juga melihat siapa yang mendukung. Tokoh masyarakat misalnya, semakin banyak tokoh masyarakat yang mendukung, maka kita juga akan lebih mempercayai calon kepala desa tersebut. 

Dalam konteks ini, search engine pun melihat backlink bukan hanya dari segi jumlah, namun dari segi kualitas link tersebut. Semakin banyak anda mendapatkan link dari website yang berkualitas (trusted site) maka niscaya anda akan semakin diprioritaskan oleh Search Engine. 

Penutup 

Semoga tulisan yang sekilas ini dapat memberikan sedikit tambahan wawasan mengenai SEO.

sumber : zona-klik.blogspot.com

Cara Membuat Breadcrumb Navigation (SEO On Page)

Bagi sobat yang belum tau apa itu breadcrumb, breadcrumb itu adalah history tempat artikel kita dan biasa dipakai di forum2, misalkan sobat post artikel di parent kategori “SEO” terus ada subkategorinya “tutorial blog”, dst. Intinya, breadcrumb digunakan untuk memudahkan pembaca supaya mengetahui kategori dan sub kategori dari bacaan yang sedang dibaca.

Breadcrumb navigation dan SEO On Page

Nah terus apa dong hubungannya dengan seo terutama seo on page? hubungan intim kah? hehehe... hubungannya dengan seo, terutama seo google adalah sesuai instruksi dari simbah google sendiri. Neh kutipannya

makanya, membuat breadcrumb navigation adalah salah satu bagian dari optimasi web atau blog sobat karena memang dia disukai oleh mesin pencari (seo friendly). Selain mempercantik blog kita juga bisa menambahkan poin seo juga pada blog kita. Oke kita langsung aja ke bagaimana membuat breadcrumb navigation pada blog:

Cara membuat breadcrumb navigation

1. Log in ke blogger.com
2. Pilih design atau rancangan
3. Pilih edit html,centang expand temlate widget supaya semua kode muncul semua dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template
4. Lalu Cari kode tag ]]></b:skin>> dan letakkan kode berikut ini diatasnya
   .breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
    
5. Cari kode <b:includable id='main' var='top'> 
6. Jika sudah ketemu , letakkan kode berikut ini diatas kode no.6
   
   <b:includable id='breadcrumbs' var='post'>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <p class='breadcrumbs'>
   <span class='post-labels'>
   <b:if cond='data:post.labels'>
   Anda Berada di&#160; :
   <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
   <b:loop values='data:post.labels' var='label'>
   <b:if cond='data:label.isLast == &quot;true&quot;'>
   <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
   </b:if>
   </b:loop>
   <b:if cond='data:post.title'>
   &gt; <b><data:post.title/></b>
   </b:if>
   </b:if>
   </span>
   </p>
   </b:if>
   </b:includable>
    
7. Cari kode <b:loop values='data:posts' var='post'> biasanya ada lebih dari 1, tergantung templatenya, template saya saja ada 4 kode yang sama, pilih kode yang tepat dibawah letak kode kita di poin 6 tadi dan ketikkan kode berikut dibawahnya
   
   <b:include data='post' name='breadcrumbs'/>
    
8. Save template .

Selesai, sekarang blog sobat sudah mempunyai navigation breadcrumb yang sifatnya seo friendly. Semoga artikel tentang cara membuat breadcrumb navigation pada blog ini bermanfaat untuk sobat.