menu horizontal versi schema.org

15 Agu 2013

<nav id='site-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<ul class='nav'>
<li><a expr:href='data:blog.homepageUrl'></a></li>
<li><a href='#'>Contoh 1</a></li>
<li><a href='#'>Contoh 2</a></li>
<li><a href='#'>Contoh 3</a></li>
</ul>
</nav>

#site-nav {
background-color:#383838;
padding:5px 5px 0;
margin:0 0 0px;
line-height:20px;
height:25px;
border-bottom:3px solid #555;
box-shadow:0 1px 3px #111
}
#site-nav li{
float:left
}
#site-nav a {
color:#777;
display:block;
padding:0 .7em;
margin-right:4px;
text-shadow:0 1px #222;
font-size:13px;
font-family: Electrolize, arial, verdana, sans-serif;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
font-weight:bold;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
transition:all 1s ease-out;
}
#site-nav a:hover {
background-color:#333;
color:white;text-decoration:none;
-webkit-box-shadow:0 0 3px black inset;
-moz-box-shadow:0 0 3px black inset;
box-shadow:0 0 3px black inset;
}

postingan kali ini saya akan bahas tentang menu horizontal yang menurut webmaster tool sangat valid schema.org, karena kita pemakai blogspot tentunya kita harus ikuti aturan dari webmaster tool google Yang kita bahas bukan pada bentuk menu horizontal nya tapi kevalidan schema.org nya perhatikan baik baik pada HTML di atas

dengan menyelipkan kode tambahan pada HTML nya

itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement

sehingga menjadi :

<nav id='site-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'> ............. </nav>

mungkin tidak bisa di buktikan sekarang / cepat tapi menunggu beberapa hari dan untuk lebih jelas nya baca juga kerangka template schema.org / webmaster
mungki sekarang sobat belum percaya akan tetapi silahkan buktikan sebelum dan sesudah nya pemasangan
menu horizontal versi shema.org

menu - rich snippet

Taufik 17.48