Mengatasi Error Valid HTML5 Pada Template Blogger - SEO Blog

Header Ads

Mengatasi Error Valid HTML5 Pada Template Blogger

Apakah template blogger Anda sudah valid HTML5? Pernahkah Anda berfikir apa itu HTML5 dan dengannya dapat meningkatkan kualitas blog di mesin pencari? Jika belum, artikel ini adalah tempat yng tepat bagi Anda untuk melakukan optimasi SEO On Page pada blog Anda yaitu dengan cara mengatasi error valid HTML5 pada template blogger.

Mengatasi error valid HTML5 pada template blogger

Apa Itu HTML5

HTML5 adalah markup language khusus digunakan untuk structuring (penataaa) data dan mempresentasikan world wide web konten. Markup language ini merupakan versi ke lima yang dikembangkan dari versi HTML original. HTML5 membantu memudahkan mesin pencari seperti Google untuk mengindeks sebuah situs atau blog.  HTML5 dikembangkan dengan tujuan untuk meningkatkan kualitas pencarian oleh mesin pencari untuk teknologi multi media, mudah dibaca oleh manusia  dan juga mudaha dipahami oleh komputer.

Apa manfaat dari memvalidasi template blogger ke versi HTML5

Versi HTML5 memiliki beberapa keuntungan untuk sebuah situs atau blog sebagai berikut:

  • memiliki struktur kode yang jelas dan dapat meningkatkan markup
  • rich media elements
  • rendering browser lebih lancar dan cepat
  • memudahkan mesin pencari mengindeks situs atau blog
  • template seo friendly
  • dukungan untuk Mobile ready projects
  • desain form yang elegan
  • meningkatkan user interface
  • memiliki interaksi yang lebih baik
  • dan lain-lain...

Cara agar template blogger valid HTML5

Sebelum melakukan perubahan sebaiknya backup dahulu template Anda
1.Login ke Akun blogger Anda dan buka Dashboard blogger
2. Klik Template > Edit HTML
3. Cari kode berikut (letaknya di atas tag <head>
<?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'>

4. Ganti semua kode di atas dengan kode berikut:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/> 

5. Cari kode </html> kemudian ganti dengan </HTML>, letaknya ada di baris paling bawah dari template blogspot Anda.

6. Cari kode <b:include data='blog' name='all-head-content'/> ganti kode tersebut dengan kode berikut:
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>

7. Cari kode <b:skin><![CDATA[. Ganti dengan kode berikut:
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

8. Cari kode ]]></b:skin> ganti dengan kode </style>. Selengkapnya akan terlihat sebagai berikut:
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
//Semua kode CSS di sini...
</style>

9. Kini cari dan hapus semua kode ini <b:include name='quickedit'/>.
Hapus juga kode tersebut yang akan muncul setiap kali Anda menambahkan widget baru.

10. Langkah terakhir cari dan hapus semua kode berikut:
<b:include data='post' name='postQuickEdit'/>
Atau kode berikut
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + 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>
</b:includable> 

11. Simpan template Anda.

Sampai di sini saya berharap artikel sederhana ini dapat membantu mengatasi error valid HTML5 pada template blogger Anda. Selanjutnya silahkan Anda menambahkan.
Diberdayakan oleh Blogger.
Sora Templates