Struktur/Kerangka Template Blog Valid Schema.org / Webmaster Tool - sobat bloggers, sebelumnya saya sudah share
Cara Membuat Link Credit Blog Valid Schema.org Webmaster Tool . Kembali saya bagikan
kerangka template yang
valid schma.org/webmaster tool. Dengan
kerangka/struktur template yang sudah valid Schema.org / Webmaster Tool akan membuat blog kita jadi " SEO Friendly". Awalnya saya juga bingung,
bagaimana cara menerapkan data Schema.org di blog. Saat itu saya sedang blogwalking di blog
+Dian AnaR-chyta , yang membuat saya jadi pusing untuk
menerapkan schema.org di blog. Tapi akhirnya setelah membaca di
situs Schema.org saya pun paham
cara meletakan elemen Schema.org di template blog.
Webmaster Structured Data
Ok tidak usah basa-basi lagi, silahkan Anda copy
struktur/kerangka template blogger valid Schema.org / Webmaster Tool di bawah ini:
struktur/kerangka template blogger valid Schema.org / Webmaster Tool
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:class='data:blog.languageDirection + " no-js rwd"' expr:dir='data:blog.languageDirection'>
<head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title> <!-- judul blog disini -->
<b:skin><![CDATA[
/*
-----------------------------------------------
Blogger Template Style
Name : Struktur/Kerangka template Scema.org by Anaktimor17 Blog
Designer : Marko Kono
URL : http://anaktimor-17.blogspot.com
Updated by : Blogger Team
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links which provides due credit to its authors and supporters. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
/* DISINI LETAK KODE CSS TEMPLATE BLOG ANDA*/
body { kode CSS untuk body */}
#outer-wrapper { /* kode css untuk outer wrapper */}
#header-wrapper {/* kode css header wrapper*/}
#sidebar {/* css untuk block sidebar*/}
#main-wrapper {/*kode css untuk main wrapper dan post*/}
#footer {/* Awal kode css untuk footer wrapper*/}
]]></b:skin> <!-- ini batas akhir css / skin -->
<!-- Disini bisa diletakkan kode javascripts -->
</head>
<body expr:class='data:blog.pageType' itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<div id='outer-wrapper'> <!-- Awal dari Outer Wrapper -->
<header class='header' id='header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<!-- Ini untuk Wadah Judul dan keterangan Blog -->
</header>
<div id='main-wrapper' itemprop='mainContentOfPage'>
<!-- Ini untuk Wadah posting, komentar atau kontent lainnya -->
<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/> </b:section> </div>
<aside id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<!-- Ini untuk Wadah widget blog sidebar -->
</aside>
<div class='clear'> </div>
<div class='clear'/> <!-- batas ruang dari outer: JANGAN DIHAPUS!!! -->
<footer class='clear' id='site-footer' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<!-- Ini untuk Wadah isi dari footer -->
div class='left'>Copyright © 2014 :
<a href='https://plus.google.com/112136672487238015009' itemprop='url'>
<span itemprop='copyrightHolder'> Marko Kono</span>
</a>
</div>
<div class='right'> Template :
<a expr:href='data:blog.homepageUrl' itemprop='url'>
<span itemprop='copyrightHolder'>Anaktimor17 Blog</span>
</a>
</div>
<div class='clear'/>
</footer>
</div> <!-- Akhir dari Outer Wrapper -->
</body>
</HTML>
sobat coba Anda perhatikan kode struktur/kerangka di atas denag teliti, pusat dari pembahasan kali ini bukanlah
pada keseluruhan kerangka template di atas melainkan yang di bahas di sini adalah cara penerapan valid
schema.org/webmaster tool.
Anda perhatikan kode html yang saya block warna merah, itulah yang saya
maksud, pada template ini-pun sudah saya menerapkan tips di atas. Nah, bagi Anda yang belum menerapkan-nya silahkan Anda coba biar template blog jadi lebigh valid dan SEO.
Nah di bagian posting blog, kita juga harus menerapka Schema.org . Caranya adalah seperti di bawah ini:
<b:includable id='post' var='post'>
<div class='post' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
kode panjang di sini....
kode panjang di sini....
kode panjang di sini...
kode panjang di sini...
kode panjang di sinikode panjang di sini
Untuk membuktikan apakah sudah valid Schema.org / Webmaster Tool , anda buka link ini .
selamat mencoba semoga berhasil :)
Makasih ya
http://anaktimor-17.blogspot.com/2014/07/tipscara-artikel-cepat-terindex-google-dalam-beberapa-detik.html
semoga bisa membantu :) ^_^
Kesalahan: Page contains property "itemreviewed" which is not part of the schema.
blog saya http://shukaku4rt.blogspot.com/
mohon bantuannya ya om
Kesalahan: Page contains property "itemreviewed" which is not part of the schema.
Sobat coba teliti ulang penempatan struktur schema.org pada template. Sobat cari kode ini : <b:includable id='post' var='post'>
lalu taruh kode ini tepat di bawah kode di atas ;
<div class='post' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
dan taruh kode </div> tepat di atas penutup posting yaitu kode </b:includable>.
semoga bisa membantu :) jika masih mengalami masalah dengan validasi rich snipet-nya , coba anda kirim file xml templatenya ke saya untuk saya fix. Selamat mencoba. :-bd
http://www.google.com/webmasters/tools/richsnippets
semoga bisa membantu :)