Optimasi Hidangan Navigasi Website

September 10, 2017    Microdata Schema Org , Optimasi SEO   

Optimasi hidangan navigasi website - Kali ini aku akan membagikan tutorial cara mengoptimalkan hidangan navigasi situs web dengan menginstal markup "Microdata Schema.org" pada hidangan navigasi situs web khusunya blogger. Tujuan penerapan microdata schema.org pada hidangan navigasi yaitu untuk memperlihatkan identitas yang terperinci pada elemen hidangan navigasi dan meningkatkan pembacaan perayap google terhadap situs. Akhir-akhir ini aku melihat berbagai situs blogger bahkan desainer template blogger sekalipun ada yang tidak peduli dengan structured data situs blog mereka padahal mesin penelusur terbesar di dunia "google" justru menyarankan dan memanfaatkan microdata dalam sistem penelusuran-nya.

Sedikit aku informasikan "Schema.org" merupakan seperangkat denah extensible yang di kembangkan atas kolaborasi Google, Microsoft, Yahoo dan Yandex untuk memungkinkan webmaster menanamkan data terstruktur pada halaman web (webpage). Kemudian berdasarkan pemanfaatan microdata schema.org tersebut penelusur atau robot crawl akan mengenali setiap belahan situs web menyerupai (menu navigasi, header, sidebar, body, footer sampai content situs seprti blogposting)

Optimasi Menu Navigasi Website

Untuk mempersingkat waktu aku akan eksklusif mengajak anda ke cara memasang atau menerapkan microdata schema.org ke html "menu navigasi" situs web blogger sebab aku fikir kau sanggup mempelajari lebih dalam perihal schema.org di situs resminya atau dengan browsing di google.

Cara Menerapkan Microdata Schema.org Pada Menu Navigasi

Penerapannya sangat mudah, kita hanya perlu menambahkan properti SiteNavigationElement pada tag pembuka hidangan navigasi "ul", perhatikan html dasar hidangan navigasi berikut ini;

<nav id='cssmenu'>
<div id='head-mobile'/>
<div class='button' id='menu-button'/>
<ul>
 <li><a href='#'>Menu 1</a></li>
  <li><a href='#'>Menu 2</a></li>
  <li><a href='#'>Menu 3</a></li>
</ul>
</nav>

Perhatikan tag "ul" yang diberi tanda merah, lalu ganti baris tag ul tersebut dengan isyarat berikut ini;

<ul class='stlb' id='sitenav' itemscope='' itemtype='https://schema.org/SiteNavigationElement'>

Sehingga jikalau dilihat secara utuh isyarat html hidangan navigasi akan menjadi menyerupai dibawah ini;

<nav id='cssmenu'>
<div id='head-mobile'/>
<div class='button' id='menu-button'/>
<ul class='stlb' id='sitenav' itemscope='' itemtype='https://schema.org/SiteNavigationElement'>
  <li><a href='#'>Menu 1</a></li>
  <li><a href='#'>Menu 2</a></li>
  <li><a href='#'>Menu 2</a></li>
</ul>
</nav>

Also Read

• Penjelasan Lengkap: Domain Authority Dan Page Authority
• Tips Menciptakan Deskripsi Artikel Blog
• Mengenal Fungsi Rel=Nofollow Pada External Link
• Seo Blogger: Taktik Dan Cara Meningkatkan Pagerank
• Contoh & Cara Menempatkan Kata Kunci Pada Artikel
• Optimasi Hidangan Navigasi Website

Kode html yang di beri property SiteNavigationElement secara otomatis akan memberitahukan kepada robot crawl "penelusur" bahwa element tersebut merupakan navigasi utama dari sebuah situs web. Untuk mengetahui apakah property SiteNavigationElement benar-benar bekerja kau sanggup menguji situs dengan alat pengujian google structured data testing tool [Uji sekarang]

Jika kau pernah mencoba bergabung dengan google adsense dan mengalami penolakan yang menyatakan situs anda tidak mempunyai navigasi, kau sanggup mencoba menerapkan microdata schema.org khusus nya pada html hidangan navigasi situs untuk mengatasi-nya, dan cobalah mendaftar kembali sesudah satu bulan menerapkan microdata schema.org SiteNavigationElement.

Penerapan property SiteNavigationElement menyerupai di atas bekerjsama belum final, masih ada beberapa hal yang berdasarkan aku sangat penting untuk diterapkan supaya situs dan hidangan navigasi lebih seo friendly dan mempunyai identitas yang lebih spesifik. Untuk mendukung property SiteNavigationElement kita perlu menambahkan property url untuk ditandai sebagai item dari hidangan navigasi. Berikut referensi selengkap-nya optimasi hidangan navigasi website;

<nav id='cssmenu'>
<div id='head-mobile'/>
<div class='button' id='menu-button'/>
<ul class='stlb' id='sitenav' itemscope='' itemtype='https://schema.org/SiteNavigationElement'>
  <li><a href='#' itemprop='url' title='isi dengan title menu'><span itemprop='name'>Menu 1</span></a></li>
  <li><a href='#' itemprop='url' title='isi dengan title menu'><span itemprop='name'>Menu 2</span></a></li>
  <li><a href='#' itemprop='url' title='isi dengan title menu'><span itemprop='name'>Menu 3</span></a></li>
</ul>
</nav>

Menerapkan microdata schema.org menyerupai diatas tidak hanya sebagai meningkatkan secara optimal hidangan navigasi, jikalau diterapkan dengan benar maka properti url (itemprop='url') pada site navigasi element akan mempunyai potensi yang sangat besar untuk muncul di laman hasil pencarian (serp) sebagai sitelink situs. Tidak sedikit pakar SEO di indonesia yang memanfaatkan microdata schema.org "SiteNavigationElement" untuk menciptakan sitelinks situs mereka secara manual.

Khusus platform blogger umumnya link hidangan diisi dengan url search/label_name, jadi supaya sitelink muncul di laman hasil penelusuran setting robots.txt khusus menjadi menyerupai dibawah ini;

User-agent: *
Disallow:
Allow: /
Sitemap: https://your_sitename.blogspot.com/sitemap.xml

Tujuannya yaitu supaya robot crawl (perayap google) sanggup merayapi dan mengindex link atau url label lalu mengakibatkan url tersebut sebagai sitelink situs blog nantinya (sitelink berdasarkan kategori/label).

Sitelink by Label

Demikian klarifikasi perihal cara optimasi hidangan navigasi website dan cara menerapkan microdata schema.org pada hidangan navigasi situs web/blog. Semoga artikel ini sanggup membantu teman-teman blogger dalam mengoptimalkan (Optimasi SEO) situs teman-teman semua, follow by e-mail subscribe situs tukang listrik batam untuk menerima lebih banyak informasi menarik mengenai blogger.