Ubah Panjang Pendek Snippets Halaman Blogger

Snippet merupakan "ringkasan" dari halaman yang ditampilkan di hasil pencarian. Biasanya pada mesin pencarian seperti Google, snippet selalu bersanding dengan judul, URL, dan deskripsi meta. Ada sekitar dua lusin cuplikan yang ditempatkan pada satu halaman hasil pencarian dan sering kali berbeda satu sama lain, bahkan jika ditempatkan pada satu permintaan. Cuplikan di Google dan Yandex juga memiliki perbedaan.

Setiap mesin pencari memiliki pendekatannya sendiri untuk menghasilkan cuplikan ringaksan halaman. Google pada dasarnya menarik deskripsi dari deskripsi jika tag disusun dengan benar dan relevan dengan halaman. Jika subjek tidak cocok atau tidak ada deskripsi, fragmen teks halaman akan muncul di output, yang akan dipilih oleh mesin pencari. Resep untuk membuat cuplikan Google yang bagus dikompilasi dengan benar dan dioptimalkan judul dan deskripsi (snippet).

Ini tidak terjadi dengan Yandex. Mesin pencari tidak selalu menampilkan deskripsi, meskipun itu relevan dan informatif. Lebih sering, fragmen teks yang berisi permintaan pengguna muncul di hasil penelusuran. Kadang-kadang juga menampilkan deskripsi dari Yandex.Dari katalog.

Apa itu Snippets?

Cuplikan adalah kode kecil yang dapat dimasukkan ke dalam kode program. Cuplikan menyediakan jalur cepat untuk mengimplementasikan kode yang umum digunakan ke dalam bagian kode yang lebih besar. Alih-alih menulis ulang kode yang sama berulang kali, seorang programmer dapat menyimpan kode sebagai cuplikan dan cukup mengetikkan awalan di mana pun diperlukan. Dijelaskan secara sederhana, katakanlah, tekan tombol atau pintasan.

Snippets adalah istilah pemrograman untuk wilayah kecil kode sumber, kode mesin, atau teks yang dapat digunakan kembali. Biasanya, ini adalah unit operasi yang didefinisikan secara formal untuk dimasukkan ke dalam modul pemrograman yang lebih besar.

Snippet merupakan bagian, bagian, atau benda kecil; Khususnya: bagian singkat yang dapat dikutip. Cara menggunakan cuplikan dalam sebuah kalimat. "Cuplikan" kode adalah potongan kode kecil yang dapat digunakan kembali yang dapat diintegrasikan ke dalam basis kode yang lebih besar. Pengembang sering berbicara tentang cuplikan yang memiliki fungsi tertentu dan membahas cara mengimplementasikan cuplikan dalam membangun program yang lebih besar dan lebih rumit.

Pada website Blogger, snippet memainkan peran penting dalam meningkatkan SEO blog anda, dan apabila anda menyandingkan snippet dengan judul artikel merupakan suatu kekuatan untuk meningkatkan traffic pembaca anda. Jika anda belum puas, anda dapat menambahkan sedikit bumbu penyedap "Breadcrumb". Ketiga elemen ini (Snippet, juduk dan Breadcrumb) sebagai tolak ukur bagi mesin pencari untuk mengindek dan menampilkan artikel anda di mesin pencari.

Cara Menulis Snippets di Halaman Blogger

Pada Bloggger snippet adalah teks yang muncul di bawah judul dan URL halaman web di halaman hasil mesin pencari (SERP). Mereka juga dikenal sebagai deskripsi meta, dan merupakan salah satu faktor yang memengaruhi rasio klik-tayang (CTR) halaman Anda. Cuplikan memberi pengguna gambaran sekilas tentang konten Anda, dan bagaimana hal itu dapat menguntungkan mereka. Mereka juga membantu mesin pencari memahami relevansi dan kualitas halaman Anda untuk kueri tertentu. Cuplikan yang ditulis dengan baik dapat membuat halaman Anda menonjol dari persaingan, dan menarik pengguna untuk memilih konten Anda daripada yang lain.

Biasanya, pada sebuah blog snippet selalu disandingkan dengan gambar/thumbnail, dengan judul atau breadcrumb di atasnya.

Setelah anda membuat snippet pada tampilan halaman postingan atau halaman dashboard blogger anda, maka snippet tersebut akan muncul di mesin pencari seperti Google, Bing atau Yandex.

Untuk menulis snippet pada Blogger tergantung versi template yang anda gunakan, karena penulisan kode tag snippet antara template versi lama dan baru agak beda. Pada artikel ini kami akan menjelaskan cara menulis snippet pada template blogger model baru.

Menulis kode Snippets

<b:if cond='data:post.snippets'>
<b:eval expr='data:post.snippets.long snippet { length: 210, links: false, linebreaks: false, ellipsis: true }'/>
</b:if>

Jika anda menulis Snippet dengan dukungan jump break, gunakan perintah di bawah ini.

Menulis kode Snippets Short dengan jump break

<b:if cond='data:post.hasJumpLink'>
  <data:post.body/>
<b:else/>
  <data:post.snippets.short/>
</b:if>

Menulis kode Snippets long dengan jump break

<b:if cond='data:post.hasJumpLink'>
  <data:post.body/>
<b:else/>
  <data:post.snippets.long/>
</b:if>

Contoh lainnya dalam penulisan snippet bisa anda lihat contoh berikut.

Menulis kode Snippets dengan b:eval

<b:eval expr='snippet(data:post.snippets.long, { length: 150, links: false, linebreaks: false, ellipsis: true })'/>

Menulis kode Snippets dengan b:eval dan jump break

<b:if cond='data:post.hasJumpLink'>
  <data:post.body/>
<b:else/>
  <b:eval expr='snippet(data:post.snippets.long, { length: 150, links: false, linebreaks: false, ellipsis: true })'/>
</b:if>

Menulis Panajgn Pendek Snippets dengan JavaScript

Banyaknya jumlah karakter yang dimunculkan oleh snippet atau panjang pendeknya snippet dapat diatur oleh Javascript. Penggunaan Javascript disini hanya sebagai pelengkap saja, anda boleh menggunakannya atau tidak menggunakannya terserah anda.

Untuk menambahkan Javascript dalam mengatur jumlah karakter snippet anda dapat meletakkan script di bawah ini tepat di atas kode </body>

Letakkan tepat di atas kode </body>

<script type='text/javascript'>
   var fullSnippet = document.querySelector(&#39;.post-body&#39;).innerHTML;
   var maxLength = 320; // Set your desired maximum length
   var shortenedSnippet = fullSnippet.length &gt; maxLength ? fullSnippet.substring(0, maxLength) + &#39;...&#39; : fullSnippet;
   document.querySelector(&#39;.custom-snippet&#39;).innerHTML = shortenedSnippet;
</script>

Pada Javascript di atas, kita membuat kelas baru bernama class='custom-snippet'. Class ini harus anda masukkan ke dalam script snippet. Di bawah ini adalah contoh penggunaannya.

Penggunaan Javascript di Snippet

<div class='custom-snippet'>
<b:if cond='data:post.snippets'>
<b:eval expr='data:post.snippets.long snippet { length: 210, links: false, linebreaks: false, ellipsis: true }'/>
</b:if>
</div>

Karena begitu pentingnya snippet untuk SEO, sebagai pengguna blogger atau website lainnya anda harus menambahkan snippet ke dalam tiap tampilan halaman postingan dan dashboard blogger anda.