Blogger b:widget type='PageList' lebih lanjut

PageList.md

Blogger b:widget type='PageList'

Kelebihan PageList sangat banyak. Mendukung SEO, Structured Data, UI/UX, url lebih lanjut untuk variant dll. Perhatikan codenya.

• cond='not data:link.id' bisa untuk membuat attribute rel='nofollow noopener' hanya ada di link external bukan internal (seperti halaman labels, pages, dll).
• cond='data:link.isCurrentPage' menghilangkan attribute target='_blank' jika halaman yang dikunjungi saat ini (untuk meningkatkan peformance Google Analytics).
• cond='data:view.isHomepage and data:link.id' untuk menghilangkan attribute itemprop='url' dan itemprop='name' jika itu link external (karena logikanya SiteNavigationElement di halaman Google akan tampil hanya link internal jika external yakali promosi, lihat aja contohnya seperti GitHub - ketikan GitHub di google maka ada navigasi menu seperti Sign up, Collections nah itu SiteNavigationElement).

Dan untuk SiteNavigationElement hanya ditampilkan di halaman depan! Karena logikanya halaman lain tidak ada unsur SiteNavigationElement kecuali itu article hanya ada BreadcrumbList!

Jika mau digunakan silahkan tinggalkan jejak. -_-

Screenshot

Code

<nav>
  <b:attr cond='data:view.isHomepage' name='itemscope' value='itemscope'/>
  <b:attr cond='data:view.isHomepage' name='itemtype' value='http://schema.org/SiteNavigationElement'/>
  <ul class='footer-item'>
    <b:loop values='data:links' var='link'>
      
    <li>
    <b:class cond='data:link.isCurrentPage' name='selected'/>
      
      <a class='js-ga-event' data-ga-action='Visit' expr:data-ga-category='data:title' expr:data-ga-label='data:link.title' expr:href='data:link.href' expr:title='data:link.title' target='_blank'>
      <b:attr cond='not data:link.id' name='rel' value='nofollow noopener'/>
      <b:attr cond='data:link.isCurrentPage' name='target' value=''/>
      <b:attr cond='data:view.isHomepage and data:link.id' name='itemprop' value='url'/>
        
        <span><b:attr cond='data:view.isHomepage and data:link.id' name='itemprop' value='name'/><data:link.title/></span>
        
      </a>
    </li>
    </b:loop>
  </ul>
</nav>

Demo

• Default https://www.pinkyui.com
• Lite https://www.pinkyui.com/?variant=lite

Testing

• Structured Data