Cara Membuat Template Blog Lebih Valid XHTML

Cara Membuat Template Blog Lebih Valid XHTML - Cara Membuat Template Blog SEO Friendly - 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 kamu lebih SEO friendly,yaitu dengan cara mengedit beberapa kode HTML pada yamg lebih valid XHTML.

Bagaimana cara membuat template blogger lebih valid XTHML? ikuti step demi step berikut!

Login ke akun blogger sobat
Masuk Rancangan/Layout
Pilih Edit HTML
Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
Beri tanda centang "Expand Template Widget"
Setalah itu kita mulai step by step dan cari kode dibawah ini:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Kemudian, gantilah kode diatas dengan kode berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Cari kode semacam ini:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:
Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:

<b:skin><![CDATA[/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/
Cari kode dibawah ini:

<b:include name='quickedit'/>
Hapus saja semua kode diatas yang ada dalam template kamu,dan ingat! kode diatas akan muncul jika kamu menambah gadget pada blog kamu,jadi selalulah menghapusnya ketika sesudah kamu menambah gadget.
Cari kode dibawah ini:

<b:include data='blog' name='all-head-content'/>
Dan hapus saja juga! tapi buat kamu yang memberi foto profile pada komentar blog maka berisiko foto-foto profile komentar tidak muncul,tapi terserah ke kamu,kalau ingin valid maka sikat aja.
Langkah selanjutnya silahkan kamu cari kode </head> dan letakkan kode dibawah ini tepat dibawah kode </head>
Jika Sobat meng-upload sebuah gambar, berilah tambahan alt pada gambar tersebut. contoh kode alt seperti ini:

<a href="http://validator.w3.org/"><img alt="Markup Validation Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI3eiznqEhw4if2UTMwxyoIG9xlC8pScmMcCQsghCAxrbFOj7Auqnge0OdcVJCrodkkdcGC1hFR5yrHwYXkDJsg7ge_zck_oKMiINMJH6xCVq2pHK6_rJ6Q3xMpkP0J-EUdI8AInwe6Vs/s320/valid-html.gif" /></a>
Jika sobat menemukan penulisan meta content dengan huruf besar, rubahlah menjadi huruf kecil,contoh:

<META content='blogger' name='generator'/>

ubah menjadi:
<meta content='blogger' name='generator'/>
Menghapus Post icon,adapun kode post icon atau pensil kodenya mirip kode seperti ini:

<span class='post-icons'>

<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://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>
Ganti kode diatas dengan kode berikut:

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:

<script src="http://infonetmu.googlecode.com/files/SakuraRain.js"></script>
Tambahkan kode berwarna merah seperti dbawah ini:
<script type="text/javascript" src="http://infonetmu.googlecode.com/files/SakuraRain.js"></script>
Menyembunyikan page navigation di halaman utama
cari kode:

<b:include name='nextprev'/>

ganti kode diatas dengan kode dibawah ini!

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>
</b:if>
Memperbaiki attribut title dan alt pada link gambar.sebagai contoh:

<a href="http://infonetmu.blogspot.com" alt="free backlink generator" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2bQ6aFZKj2nOPHubQ9pHOiVS148TJ4Cx3V2yL-2v5s8e2oyhU431pmPvwPGyJIl8OPnCj3lMqIuth4zwhd4feoA8XL_jg4oWQ5okwERnAOWZux4o_4n7K05crVx2bxeLORFcv7mHtGsj/s1600/aang-vs-naruto+%281%29.jpg" title="Free backlinks generator" border="0" /></a>

Rubah menjadi:

<a href="http://infonetmu.blogspot.com" title="free backlink generator" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2bQ6aFZKj2nOPHubQ9pHOiVS148TJ4Cx3V2yL-2v5s8e2oyhU431pmPvwPGyJIl8OPnCj3lMqIuth4zwhd4feoA8XL_jg4oWQ5okwERnAOWZux4o_4n7K05crVx2bxeLORFcv7mHtGsj/s1600/aang-vs-naruto+%281%29.jpg" alt="Free backlinks generator" border="0" /></a>

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

Nah mungkin cara diatas cukup untuk membuat template blog lebih valid XHTML, sebenarnya masih banyak, dan masih bisa dikompres lagi, itu tergantung widget/kode script yang ada di blogger sobat. Untuk hasil silahkan cek sebelum dan sesudah kamu edit menjadi valid XHTML, silahkan cek disini http://validator.w3.org

sumber: infonetmu
sekian Cara Membuat Template Blog Lebih Valid XHTML - Cara Membuat Template Blog SEO Friendly

Anda sedang membaca artikel tentang Cara Membuat Template Blog Lebih Valid XHTML dan anda bisa menemukan artikel Cara Membuat Template Blog Lebih Valid XHTML ini dengan url http://wawasanfadhitya.blogspot.com/2012/09/cara-membuat-template-blog-lebih-valid.html?m=0,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Template Blog Lebih Valid XHTML ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Template Blog Lebih Valid XHTML sebagai sumbernya.

Share on :

Oleh Fandi Adhitya | | 18 comments

18 comments:

Nakusan Computer mengatakan...: susah jg ya sob ngeditnya....:D
nanti saya cb sob biar valit. makasih infonya sob...; September 21, 2012 5:22 AM
Fandi Adhitya mengatakan...: monggo..thanks udah berkunjung; September 21, 2012 1:13 PM
Limit Komputer mengatakan...: Terima kasih sob.... lumayan Invalidnya berkurang ....; September 25, 2012 6:21 PM
Fandi Adhitya mengatakan...: sama2 gan..semoga bisa lebih baik blog anda :); September 30, 2012 8:56 AM
Jefry mengatakan...: Saya kurang begitu panda dalam mengedit template, hmm takut salah
Ada tidak sekiranya template blogspot yang sudha valit ??
terima kasih; Oktober 02, 2012 1:46 PM
Fandi Adhitya mengatakan...: sebelum diedit download template lengkap dulu gan, kalau tjd kesalahan tinggal di upload lagi template yang udah di donlod tadi..; Oktober 07, 2012 8:49 AM
Anonim mengatakan...: Tipsnya mantab brow...; Oktober 11, 2012 9:44 PM
Fandi Adhitya mengatakan...: thanks gan; Oktober 12, 2012 1:38 PM
Amin Setyo Budi mengatakan...: terima kasih gan.. lumayan berkurang hehe; Desember 10, 2012 2:21 AM
Fandi Adhitya mengatakan...: oke sama2; Desember 14, 2012 12:32 PM
sriwahyuni mengatakan...: saya pernah menerapkan cara ini memang betul langsung ada perubahan pd kode mjdi lebih valid tp tdk sampai 50% dr kode sebelumnya; Desember 31, 2012 6:56 AM
Fandi Adhitya mengatakan...: benar tp lumayan kok utk menambah seo; Januari 06, 2013 1:13 PM
Unknown mengatakan...: trims gan bantu banget

http://yangwedinar.blogspot.com; Februari 19, 2013 2:24 PM
Lanonadio mengatakan...: wah sangat membantu nihh tq ya gan; Februari 21, 2013 3:29 PM
validator mengatakan...: ini bisa dipraktekkan untuk menambah pengetahuan sebelumnya; Januari 22, 2014 8:07 AM
Blog Dofollow Auto Approve mengatakan...: Mantab gan infonya..blog informatif, unik dan pantas sbg rujukan blogger newbie. thanks sdh di share... jgn lupa mampir ke blog saya, Blog Dofollow Auto Approve tentang blackhat web traffic, backlink gratis dll http://backlinkpr1.co.vu .; Mei 19, 2014 8:26 PM
Unknown mengatakan...: 2015-10-5 leilei
Coach Diaper Bag Outlet
louis vuitton outlet stores
abercrombie store
hollister clothing
nike air max 90
Jordan 4 Shoes For Sale
Authentic Air Jordan 13 shoes for sale
coach factory outlet
ugg boots sale
Air Jordan 6 Champagne Bottle
Michael Kors Handbags Clearance Outlet
Cheap Ray Ban Wayfarer
Jordan 3 Retro 2015
timberland outlet
Coach Outlet Online Discount Sale
michael kors outlet
canada goose jackets
michael kors outlet
michael kors outlet online
Michael Kors Outlet Online Deals Huge; Oktober 05, 2015 4:10 PM
Pengobatan Sipilis mengatakan...: Obat Raja Singa Di Apotek ? Segera Hubungi Kami Dan Pesan Obatnya Sekarang Juga di Fast Respond : 087705015423 PIN : 207C6F18.; Februari 16, 2016 10:49 AM

Komentar di: Cara Membuat Template Blog Lebih Valid XHTML

Berkomentarlah dengan sopan dan pastikan komentar anda bukan spam. Komentar spam akan dihapus.

Cara Membuat Template Blog Lebih Valid XHTML

Artikel Terkait

18 comments:

Komentar di: Cara Membuat Template Blog Lebih Valid XHTML

Artikel Populer

Followers

Menu

Like this yo

Link Teman