Untuk mengoptimal seo blog, salah satunya dengan cara membuat blog valid dan tidak ditemukan tingkat error yang banyak. Apabila tingkat error yang ada di blog tidak segera diperbaiki yang pasti seo blog kurang begitu bagus. Bagaimana cara membuat blogspot valid xhtml setelah di cek di The W3C Markup Validation Service dan kode apa saja yang dapat menyebabkan error?
Cara Membuat Template Blog Valid XHTML
1. Penulisan kode javascript yang tidak valid seperti ini : <script type='https://sites.google.com/site/lintastutor/rudy/daun.js'></script>
Supaya tidak error maka perlu penambahan type='text/javascript' seperti dibawah ini.
<script type='text/javascript' src='https://sites.google.com/site/lintastutor/rudy/daun.js'></script>
2. Pada gambar didalam postingan harus diperhatikan juga, biasanya kalau anda upload gambar di postingan kodenya seperti ini
<a href="url gambar" imageanchor="1" ><img border="0" src="url gambar" /></a>
Supaya valid maka hapus kode warna merah diatas
3. Dan pada gambar didalam postingan supaya valid perlu ditambahkan attribut "titel dan alt" seperti ini
<a href="Url gambar" title="isi dengan judul"><img alt="isi dengan judul" src="Url gambar" /></a></div>
4. Penyumbang error juga ada pada kode video youtube. Kalau anda memasang kode embed video youtube didalam postingan atau di halaman blog, contoh kode embednya seperti dibawah ini.
<iframe width="560" height="315" src="http://www.youtube.com/embed/56ogvcBnIqY" frameborder="0" allowfullscreen></iframe>
Silahkan hapus tulisan "allowfullscreen"
Membuat Template Blogspot Lebih Valid XHTML
Pada dasbor, pilih Template => Edit HTML, tekan Ctrl+F
1. Cari kode seperti dibawah ini :
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
Hapus semua kode diatas. Kode tersebut merupakan kode dari tulisan Post baru, beranda, post lama dan dianggap penyumbang error.
2. Cari kode Pencil (Post Icon), gunakan Ctrl+F, kodenya seperti ini
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
Kalau sudah ketemu langsung hapus semua dan ganti dengan kode dibawah ini
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
3. Menghilangkan Navbar, dengan cara meletakkan kode berikut diatas
<body><!-- <body><div></div> -->4. Cari kode dash (garis titik) seperti ini (------------------------) dan hapus
5. Cari kode
<b:include name='nextprev'/> untuk menyembunyikan page navigation di homepage, lalu hapus dan ganti dengan kode dibawah ini<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
6. Cari kode
<b:include name='quickedit'/> lalu hapus semua (kode widget)7. Merubah deklarasi DOCTYPE, biasanya ada diatas sendiri
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
Hapus semua dan ubah dengan kode dibawah ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
Anda dapat melihat hasilnya di
http://validator.w3.org/
Nah begitulah cara membuat template blogspot valid xhtml di W3C Valodator, silahkan anda coba, happy blogging.
