Penerapan data:post.link Paling Efektif

Masih data:post.link
Lanjutan dari artikel ini (atau bisa klik judul).

Yaaah Kurang!

data:post.link (Title Links) default kurang efektif jika tautan yang disisipkan adalah link eksternal/keluar situs, otomatis kita akan memberikan link dofollow kepada mereka.

Mending Begini

Jadi, pemasangan data:post.link dengan kode seperti ini adalah yang paling efektif.
Adapun pengembangan kreatif dari fitur data:post.link blogger, bisa sampean baca di blog Areapandang.
<b:tag expr:name='data:view.isMultipleItems ? "h2" : "h1"'>
  <b:tag cond='data:view.isMultipleItems or data:post.link' expr:title='data:post.title' expr:href='data:post.link ? data:post.link : data:post.url' name='a'>
    <b:attr cond='data:post.link' name='target' expr:value='data:post.link contains data:blog.homepageUrl ? "" : "_blank"'/>
    <b:attr cond='data:post.link' name='rel' expr:value='data:post.link contains data:blog.homepageUrl ? "" : "external noopener nofollow noreferrer"'/>
    <data:post.title/>
  </b:tag>
</b:tag>

<b:attr cond='data:post.link' name='target' expr:value='data:post.link contains data:blog.homepageUrl ? "" : "_blank"'/>
<b:attr cond='data:post.link' name='rel' expr:value='data:post.link contains data:blog.homepageUrl ? "" : "noopener nofollow"'/>

Memanfaatkan operator contains dan ternary blogger.
  • Jika data:post.link bernilai tautan external, maka atribut target="_blank" dan rel="noopener nofollow" akan ditambahkan ke dalam anchor tag.
  • Jika data:post.link bernilai tautan internal, maka anchor tag hanya memiliki atribut href dan title.

<!-- Hasil Render Jika data:post.link bernilai external link -->
<h1>
  <a href="https://www.google.com/" title="Judul Artikel" rel="external noopener nofollow noreferrer" target="_blank">
  Judul Artikel
  </a>
</h1>
<!-- Hasil Render Jika data:post.link bernilai internal link -->
<h1>
  <a href="https://www.homepage.com/" title="Judul Artikel">
  Judul Artikel
  </a>
</h1>

Untuk contoh langsung, bisa klik judul artikel, setelah pindah halaman, klik judul lagi, lihatlah perbedaannya.
Daftar Isi Artikel

  1. Untuk membuat judul komentar, gunakan <i rel="h2">Judul Komentar</i>
  2. Untuk membuat kotak catatan, <i rel="quote">catatan</i>
  3. Untuk membuat teks stabilo, <i rel="mark">mark</i>
  4. Untuk membuat teks mono, <i rel="kbd">kbd</i>
  5. Untuk membuat kode singkat, <i rel="code">shorcode</i>
  6. Untuk membuat kode panjang, <i rel="pre"><i rel="code">potongan kode</i></i>
  7. Untuk membuat teks tebal, <strong>tebal</strong> atau <b>tebal</b>
  8. Untuk membuat teks miring, <em>miring</em> atau <i>miring</i>