Judul : Mengatasi Error Valid HTML5 Pada Blogspot
link : Mengatasi Error Valid HTML5 Pada Blogspot
Mengatasi Error Valid HTML5 Pada Blogspot
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.
4. Ganti semua kode di atas dengan kode berikut:
5. Cari kode
6. Cari kode
7. Cari kode
8. Cari kode
9. Kini cari dan hapus semua kode ini
10. Langkah terakhir cari dan hapus semua kode berikut:
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.
Lihat juga: Template Blogspot SEO Friendly Gratis 2016
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 + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' 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 == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>
7. Cari kode
<b:skin><![CDATA[. Ganti dengan kode berikut:<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
8. Cari kode
]]></b:skin> ganti dengan kode </style>. Selengkapnya akan terlihat sebagai berikut:<style type="text/css">
<!-- /*<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='"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>
</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.
Lihat juga: Template Blogspot SEO Friendly Gratis 2016
Demikianlah Artikel Mengatasi Error Valid HTML5 Pada Blogspot
Sekianlah artikel Mengatasi Error Valid HTML5 Pada Blogspot kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Mengatasi Error Valid HTML5 Pada Blogspot dengan alamat link http://ponsel-ajaib.blogspot.com/2016/05/mengatasi-error-valid-html5-pada.html