Jadi, jika blog Anda Valid HTML5 tentu saja sudah membuat blog Anda ramah di mesin pencari, jadi jika Anda tidak tahu blog Anda valid atau tidak dapat Anda lihat di validator.org.
Jika blog Anda masih banyak kesalahan, kali ini saya akan mencoba untuk membuat blog Anda Valid HTML5 yaitu dengan cara sebagai berikut:
1. Pertama-tama Anda hapus kode di bawah ini
<?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 b:version='2' class='v2' 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'>
<head>
lalu ganti kode yang anda hapus di atas dengan kode berikut
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
2. hapus kode tag
</html> dan ganti dengan tag </HTML>
3. Perhatikan tips berikut ini
Hindari Tag <center> karena HTML5 tidak mendukung kode berikut sehingga sebaiknya diganti dengan kode lain seperti <p align="center">contoh teks</ p>
atau dengan
<div style="align:center;"></div>
4. Setelah itu, silahkan hapus kode html di bawah ini:
<div class='post-share-buttons goog-inline-block'>
--------- CODE --------------------
</div>
Kemudian hapus kode ini:
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
Juga kode berikut
<b:include name='quickedit'/>
<b:include data='blog' name='all-head-content'/>
5. Anda juga harus mempertimbangkan penggunaan atribut yang tepat:
- Penggunaan atribut harus ditambahkan ke image alt = "teks" title = "text anda"
- Hilangkan kode image anchor dalam tag img.
- Hapus border pada kode tag img.
6. Kurangi penggunaan widget yang tidak benar-benar diperlukan seperti
- Google+ Followers
- follower
- Share Button
- Statistic (counter number of visitors)
Demikian cara membuat template valid html5 dan semoga bermanfaat...
Tidak ada komentar :
Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>
Konversi KodeOOT