Struktur/Kerangka Template Blog Valid Schema.org / Webmaster Tool

Kode Iklan Di Sini
Struktur/Kerangka Template Blog Valid Schema.org / Webmaster Tool
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

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 + &quot; no-js rwd&quot;' 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'>&#160;</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 &#169; 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 sini...
kode panjang di sini...
ADMIN blognya gila ya :)
</div>
</b:includable>

Untuk membuktikan apakah sudah valid Schema.org / Webmaster Tool , anda buka link ini .
selamat mencoba semoga berhasil :)

You Might Also Like:

Disqus Comments