Trik Dan Tips Meningkatkan Secara Optimal Sajian Navigasi Website

Optimasi sajian navigasi website - Kali ini aku akan membagikan tutorial cara mengoptimalkan sajian navigasi situs web dengan menginstal markup "Microdata Schema.org" pada sajian navigasi situs web khusunya blogger. Tujuan penerapan microdata schema.org pada sajian navigasi ialah untuk memperlihatkan identitas yang terperinci pada elemen sajian navigasi dan meningkatkan pembacaan perayap google terhadap situs. Akhir-akhir ini aku melihat aneka macam 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 kepingan situs web ibarat (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 alasannya aku fikir kau sanggup mempelajari lebih dalam ihwal 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 sajian navigasi "ul", perhatikan html dasar sajian 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 instruksi berikut ini;

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

Sehingga kalau dilihat secara utuh instruksi html sajian navigasi akan menjadi ibarat 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>

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 sajian navigasi situs untuk mengatasi-nya, dan cobalah mendaftar kembali sehabis satu bulan menerapkan microdata schema.org SiteNavigationElement.

Penerapan property SiteNavigationElement ibarat di atas sebetulnya belum final, masih ada beberapa hal yang berdasarkan aku sangat penting untuk diterapkan semoga situs dan sajian navigasi lebih seo friendly dan mempunyai identitas yang lebih spesifik. Untuk mendukung property SiteNavigationElement kita perlu menambahkan property url untuk ditandai sebagai item dari sajian navigasi. Berikut teladan selengkap-nya optimasi sajian 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 ibarat diatas tidak hanya sebagai meningkatkan secara optimal sajian navigasi, kalau 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 sajian diisi dengan url search/label_name, jadi semoga sitelink muncul di laman hasil penelusuran setting robots.txt khusus menjadi ibarat dibawah ini;

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

Tujuannya ialah semoga 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 ihwal cara optimasi sajian navigasi website dan cara menerapkan microdata schema.org pada sajian 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.