Lompat ke konten Lompat ke sidebar Lompat ke footer

Optimasi 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 yaitu 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 potongan situs web menyerupai (menu navigasi, header, sidebar, body, footer sampai content situs seprti blogposting)
 Kali ini aku akan membagikan tutorial cara mengoptimalkan sajian navigasi situs web dengan Optimasi Menu Navigasi Website
Optimasi Menu Navigasi Website
Untuk mempersingkat waktu aku akan pribadi 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 wacana 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 isyarat berikut ini;
<ul class='stlb' id='sitenav' itemscope='' itemtype='https://schema.org/SiteNavigationElement'>
Sehingga kalau dilihat secara utuh isyarat html sajian 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>

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 menyerupai di atas bahwasanya 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 referensi 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 menyerupai 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 menyerupai dibawah ini;
User-agent: *
Disallow:
Allow: /
Sitemap: https://your_sitename.blogspot.com/sitemap.xml
Tujuannya yaitu semoga robot crawl (perayap google) sanggup merayapi dan mengindex link atau url label lalu menyebabkan url tersebut sebagai sitelink situs blog nantinya (sitelink berdasarkan kategori/label).
 Kali ini aku akan membagikan tutorial cara mengoptimalkan sajian navigasi situs web dengan Optimasi Menu Navigasi Website
Sitelink by Label
Demikian klarifikasi wacana 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.