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.
Related Posts
seo
- Teknik SEO Yang Menyebabkan Traffic Blog Menurun dan Sepi Pengunjung
- Cara Menghapus Halaman Posting Yang Terindex Google
- Artikel Pilar Sebagai Kunci Kesuksesan Sebuah Blog
- Setting Tag Heading H1, H2, H3 Agar Seo Friendly
- Membuat Template Blogspot Menjadi SEO Friendly
- Cara Memperbaiki Tag Judul Duplikat di Google Webmaster Tools
- Cara Mengatasi Duplicate Meta Description dan Meta Content
- Cara Dapatin Backlink Berkualitas W3 Directory
- Targetkan Letak Geografis Supaya Dapat Bersaing di SERPs
- Cara Membuat Recent Post Valid HTML
- Cara Membuat Recent Comments Valid HTML
- Cara Membuat Widget Like Box Facebook Valid HTML
- Cara Membuat Widget Random Post Valid HTML
- Mengatasi Warning: Missing Required Field "Updated"
- Cara Membuat Semua Link Eksternal Menjadi Nofollow
- Cara Membuat Comments Permalink Blogger Menjadi Nofollow
- Cara Membuat Widget Followers Valid HTML
- Cara Membuat Label Blog Supaya Tidak Ikut Terindeks Google
- Cara Membuat Breadcrumbs Terindeks Google
- Cara Membuat Navigasi Breadcrumbs di Blogspot
- Cara Merubah Blog Nofollow Menjadi Dofollow
- Membuat Judul Postingan Ada Didepan Titel Blog
- Menghindari Duplicate Content dengan Memasang Rel Canonical
