Cara Mengatur Snippet Artikel Blog

Cara Mengatur Snippet Artikel Blog Untuk Pemula

Hai teman-teman blogger, semoga kalian semua dalam keadaan sehat dan bahagia selalu ya. Pada kesempatan kali ini, saya akan memberikan sedikit informasi cara mengatur snippet pada blogger.

Perlu diketahui, snippet artinya potongan atau ringkasan yang biasa digunakan untuk meringkas seluruh artikel pada halaman utama suatu blog. Penggunaan snippet pada blog cukup bermanfaat, karena akan memberikan kenyamanan untuk pengunjung blog.

Selain itu kegunaan dari script ini Anda juga dapat mengatur jumlah karakter atau kata snippet di halaman utama blog.

Berikut jenis-jenis script xml yang dapat digunakan untuk membuat snippet artikel :

  1. data:post.snippet
  2. data:post.longSnippet
  3. data:post.snippets.short
  4. data:post.snippets.long
  5. data:post.body [snippet]

Penjelasan dan Cara Mengatur Snippet:

Berikut ini beberapa cara mengatur snippet yang bisa dilakukan:

1. data:post.snippet

data:post.snippet dapat digunakan untuk membuat sebuah ringkasan sebuah artikel. Sebenarnya data data:post.snippet diperuntukan pada widget popular post, tapi bisa dimanfaatkan untuk membuat sebuah ringkasan artikel.

Cara Penggunaan :

<div class=”…”>
  <data:post.snippet/>
</div>

Untuk mengurangi jumlah karakter bisa menggunakan script berikut :

<div class=”…”>
  <b:eval expr=’snippet(data:post.snippet, {length: 140})’/>
</div>

Silahkan ganti nilai 140 dengan yang diinginkan : 1-140 (Maksimal karakter 140).

2. data:post.longSnippet

Cara Penggunaan :

<div class=”…”>
  <data:post.longSnippet/>
</div>

Untuk mengurangi jumlah karakter bisa menggunakan script berikut :

<div class=”…”>
  <b:eval expr=’snippet(data:post.longSnippet, {length: 1000})’/>
</div>

Silahkan ganti nilai 1000 dengan yang diinginkan : 1-1000 (Maksimal karakter 1000).

3. data:post.snippets.short

Cara Penggunaan :

<div class=”…”>
  <data:post.snippets.short/>
</div>

Untuk mengurangi jumlah karakter bisa menggunakan script berikut :

<div class=”…”>
  <b:eval expr=’snippet(data:post.snippets.short, {length: 100})’/>
</div>

Silahkan ganti nilai 100 dengan yang diinginkan : 1-100 (Maksimal karakter 100).

Baca Juga  Cara Mudah Menonaktifkan Pemberitahuan Facebook di Android

4. data:post.snippets.long

Cara Penggunaan :

<div class=”…”>
  <data:post.snippets.long/>
</div>

Untuk mengurangi jumlah karakter bisa menggunakan script berikut :

<div class=”…”>
  <b:eval expr=’snippet(data:post.snippets.long, {length: 1000})’/>
</div>

Silahkan ganti nilai 1000 dengan yang diinginkan : 1-1000 (Maksimal karakter 1000).

5. data:post.body [snippet]

Cara Penggunaan :

<div class=”…”>
<b:eval expr=’data:post.body snippet {
    length: 300,
    links: true,
    linebreaks: true,
    ellipsis: true }’/>
</div>

Keterangan dari Cara Mengatur Snippet di Atas:

1. data:post.snippet
  • Minimal widget Versi 1
  • Minimal layout Versi 1 atau 2
  • Maksimal karakter 140, tidak bisa ditambah
2. data:post.longSnippet
  • Minimal widget versi 1
  • Minimal layout versi 1 atau 2
  • Maksimal karakter 1000, tidak bisa ditambah
3. data:post.snippets.short
  • Minimal widget Versi 2
  • Minimal layout Versi 3
  • Maksimal karakter 100, tidak bisa ditambah
4. data:post.snippets.long
  • Minimal widget Versi 2
  • Minimal layout Versi 3
  • Maksimal karakter 1000, tidak bisa ditambah
5. data:post.body [snippet]
  • Minimal widget Versi 2
  • Minimal layout Versi 3
  • Maksimal karakter tidak ada, menyusaikan dengan jumlah karakter artikel
  • Mengandung ganti baris jika diinginkan

Pada dasarnya mengetahui cara mengatur Snippet pada postingan artikel berguna untuk memperkuat deskripsi yang mewakili isi dari postingan. Pasalnya banyaknya jumlah karakter kata yang ditampilkan juga harus tepat supaya search engine bisa mengindeksnya dengan mudah.

Walaupun dalam segi estetika, desain template yang Anda gunakan itu sudah sempurna. Akan tetapi ada beberapa template yang kemungkinan belum optimasi aspek seperti itu.

Sehingga hanya ada tersedia sedikit ringkasan saja tentang deskripsi atau mungkin malah terlalu panjang. Secara default biasanya kebanyakan template juga hanya mempunyai deskripsi snippet hingga 100 karakter saja.

Namun kenyataannya bahwa 100 karakter itu sebenarnya masih kurang dalam memenuhi aspek SEO tersebut. Sehingga Anda penting untuk mengetahui tentang bagaimana supaya deskripsi postingan pada homepage blog bisa mencari karakter sesuai keinginan.

Baca Juga  Cara Edit Aplikasi Android Menggunakan Eclipse

Dari segi default, maka kode html untuk menampilkan deskripsi snippet adalah <data:post.snippet/>. Akan tetapi jika jumlah karakter yang tampil hanya 100 jika postingan memiliki gambar thumbnail, dan 140 karakter jika artikel tidak mempunyai gambar thumbnail.

Cara Mengatur

Nah cara mengatur Snippet ini sebenarnya cukup mudah, Anda bisa mengikuti beberapa petunjuk simpel seperti ini. Jadi untuk langkah yang pertama Anda bisa masuk terlebih dahulu ke Blogger, Tema lalu Edit HTML.

Jika sudah kemudian bisa copy kode yang ada lalu pastekan tepat pada bagian atas kode </body>. Anda bisa meletakkan javascript ini tepat pada bagian atas kode </head>.

<script type=’text/javascript’>

snippet_count = 100;

//<![CDATA[

Jika pada template Anda sudah mempunyai kode javascript maka cara mengatur snippet selanjutnya tinggal ganti saja berapa jumlah karakter snippetnya. Nah untuk menambah maupun mengurangi jumlah karakter itu bisa merubah angka 100 pada kode snippet_count = 100.

Jika sudah seperti itu maka Anda bisa langsung mencari kemudian mengganti seluruh kode <data:post.snippet/> dengan kode yang ada.

Terakhir tinggal simpan template tersebut lalu buka blok dan lihat apakah deskripsi postingan pada homepage Anda sudah berubah atau belum. Jika sudah maka Anda berhasil, begitu juga dengan sebaliknya.

Setelah Anda tahu bagaimana cara mengatur Snippet pada sebuah artikel, mungkin kini saatnya Anda untuk langsung mencobanya. Nah dengan cara-cara seperti ini mungkin sudah cukup membantu Anda untuk melakukannya.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *