Panduan Lengkap Menulis Tag Meta Description - Deskripsi Halaman Beranda dan Halaman Postingan

Pernahkah Anda mendengar tentang deskripsi meta? Tidak yakin persis apa itu? Anda telah datang ke tempat yang tepat!. Kami akan membahas apa itu, mengapa Anda membutuhkannya dan siapa yang menggunakannya. Google, Facebook, dan Twitter akan membaca deskripsi meta Anda. Simpan ke database mereka dan tunjukkan kepada calon pelanggan di setiap platform.

Deskripsi yang menarik akan meningkatkan lalu lintas ke situs web Anda. Kami menyebutnya Rasio Klik Tayang (CTR) dan deskripsi dapat membantu menyempurnakan hal ini. Karena mesin pencari tahu tentang halaman situs tidak hanya dari teks yang ada di dalamnya. Anda dapat mengirimi mereka informasi tambahan yang akan memberi tahu Anda apa yang akan menjadi hal utama di halaman ini. Informasi ini adalah judul halaman dan deskripsi yang disertakan dalam tag meta. Tag meta Judul dan Deskripsi khusus akan menjadi judul dan deskripsi, dan sangat penting untuk mengisinya dengan benar untuk memperjelas informasi postingan yang dipublikasikan.

Setiap kali anda akan membuat blog baru atau akan mempublikasikan postingan baru, pertimbangkan salah satu komponen utama  yaitu tag meta Deskripsi. Tag ini akan berisi deskripsi singkat tentang halaman, yang akan menjelaskan apa yang didedikasikan untuk halamannya. Tak ini tidak akan berhasil jika itu hanya sekumpulan kata biasa, deskripsi pada blog atau postingan yang tidak berbobot tidak akan relevan dan mesin pencari mungkin tidak mempromosikan situs blog anda, tetapi juga berhenti menampilkannya di hasil pencarian.

A. Apa itu Meta Tag?

Saat memulai proyek pengembangan web baru yang mudah, Anda biasanya lebih suka HTML, CSS, dan JavaScript biasa daripada kerangka kerja front-end seperti React atau Vue. Langkah paling akrab berikutnya adalah membuat file HTML dan membuat boilerplate.

Kode di boilerplate hanya menyertakan tag penting yang Anda perlukan untuk dokumen HTML. Dan di antara hal-hal ini adalah tag meta di dalam bagian kepala dokumen. Sekarang, biasanya Anda sedikit atau tidak memperhatikan tag ini. Banyak pengembang tidak tahu apa itu atau kepentingannya.

Tag meta adalah potongan teks yang mewakili deskripsi blog dan konten halaman. Tag meta tidak muncul di halaman itu sendiri, tetapi hanya di kode otorisasi halaman. Tag meta adalah deskriptor konten yang sangat kecil yang meningkatkan memberi tahu mesin pencari apa yang menjadi perhatian halaman web.

Tag meta merupakan salah satu elemen HTML yang menyediakan metadata tentang dokumen HTML Anda. Metadata adalah data yang menggambarkan data lain. Jadi, sederhananya, tag meta HTML memberikan informasi tentang dokumen atau halaman web HTML Anda.

Informasi yang diberikan tag meta terutama untuk browser seperti Chrome dan Safari dan mesin pencari seperti Google dan Bing. Browser dan mesin pencari menggunakan informasi ini untuk memahami konten di halaman web Anda.

Informasi dalam tag meta tidak terlihat oleh pengunjung situs web. Untuk menyertakan tag meta di halaman web Anda, Anda perlu menempatkannya di antara tag kepala pembuka dan penutup di Markup. Tag meta pada dasarnya adalah elemen kosong.

Memahami pedoman Google untuk deskripsi meta sangat penting untuk kesuksesan SEO. Mengapa? Karena 62% dari waktu mesin pencari akan menulis ulang deskripsi meta yang ada di situg blog anda. Perhatikan grafik di bawah ini.

Pada artikel ini, Anda akan mempelajari apa itu tag Meta HTML, pentingnya mereka bagi halaman web, dan cara menggunakannya di Markup HTML Anda. Anda juga akan mempelajari tag meta mana yang harus diprioritaskan dalam Markup Anda dan alasannya.

B. Apa yang harus ditulis dalam Tag Meta Description

Sebelum masuk ke pedoman tentang cara menulis deskripsi meta yang baik, perlu dipahami hubungan antara deskripsi meta dan SEO. Tentang cara mengisi deskripsi meta secara detail telah ditulis jelas di halaman web master Yandex dan Google.

Jika Anda merangkum informasi yang tersedia, Anda dapat menyimpulkan beberapa aturan yang harus Anda ikuti saat mengisi deskripsi meta di  situs blog anda. Berikut adalah pedoman terpenting untuk menulis deskripsi meta yang dioptimalkan:

• Keakuratan deskripsi meta. Deskripsi harus cocok dengan halaman web tertentu, bukan seluruh situs. Ini harus mencerminkan status halaman saat ini dan terbaru.
• Deskripsi meta harus unik. Cobalah untuk membuat deskripsi yang berbeda untuk setiap halaman tertentu dan hindari menggunakan templat untuk deskripsi. Atau, setidaknya, isi deskripsi dengan deskripsi asli di halaman penting dan kunci situs.
• Panjang minimum meta deskripsi. Deskripsi meta tidak boleh terlalu pendek, hanya terdiri dari beberapa kata.
• Panjang maksimum deskripsi meta. Deskripsi meta tidak boleh melebihi 150 karakter. Tidak ada jawaban yang jelas untuk pertanyaan ini. Ada sudut pandang yang berbeda tentang batas atas panjang tag meta deskripsi: rata-rata 160 karakter atau dari 120 hingga 250 karakter. Kebanyakan orang tidak memahami informasi teks dengan panjang lebih dari 120-140 karakter dengan baik.
• Formulir deskripsi nama meta. Deskripsi meta dapat ditulis baik dalam bentuk satu kalimat (dengan atau tanpa titik di akhir) atau dalam bentuk daftar parameter penting yang berharga bagi pengguna.
• Konten tag deskripsi meta. Deskripsi meta harus sesuai dengan bahasa halaman situs, singkat, ringkas, tetapi pada saat yang sama informatif. Penting untuk mengungkapkan secara singkat dan jelas esensi dari konten halaman. Tempatkan bagian terpenting dari deskripsi lebih dekat ke awal teks.
• Buat deskripsi meta yang mudah dimengerti manusia. Deskripsi meta harus sederhana dan jelas tanpa menggunakan kata kunci/frasa yang berlebihan seperti penggunaan huruf kapital, slogan iklan, simbol yang tidak perlu dan tanda seru.

Setelah kita mengetahui cara mengisi Judul dengan benar, saatnya mempelajari cara mengisi tag meta Deskripsi dengan benar. Tag meta adalah elemen terpenting dari halaman situs yang menentukan peringkat dalam hasil pencarian, masuk ke mesin pencari TOP, kemampuan klik, dan sebagai hasilnya, jumlah lalu lintas ke situs.

C. Cara Menulis Tag Meta Description

Semua meta tag penting untuk SEO situs blog anda. Menggunakan tag HTML meta descrption dengan baik dan benar akan menentukan SEO sebuah blog, terutama yang menggunakan Blogger. Jika pada artikel sebelumnya saya membahas semua tag HTML penting untuk SEO, kali ini saya melanjutkan pembahasan tentang cara menggunakan Meta tag untuk SEO dan cara menambahkan Meta tag di BlogSpot dengan baik dan benar.

Karena artikel ini ditulis dan dipublikasikan di Blogger, jadi kami akan membahas cara menuliskan tag meta description di Blogger.

Perlu anda ketahui, pada blogger terdapat 2 tag meta description.

• Tag meta description untuk halaman beranda, dan
• Tag meta description untuk tiap halaman postingan

Apakah kedua tag meta description tersebut keduanya sama?. Sangat jelas sekali perbedaannya. Perhatikan gambar berikut.

1. Tag Meta Description halaman beranda blog

Untuk mengatur tag Meta description halaman beranda blog, anda harus membuka bagian pengaturan akun blogger anda. Cari menu "Enable search description", kemudian anda ketikan deskripsi pada bagian "Search description". Perhatikan gambar berikut:

2. Tag Meta Description halaman postingan (artikel)

Selain deskripsi untuk halaman beranda, blogger juga menyediakan deskripsi untuk tiap halaman postingan artikel. Cara pengaturannya beda. Untuk mengatur deskripsi tiap postingan artikel anda harus aktif pada menu editor postingan artikel. Perhatikan gambar di bawah ini.

Sampai sini anda pasti sudah jelas perbedaan dan cara menggunakan tag meta description pada blogger. Dengan menerapkan ke 2 cara di atas, anda tak perlu mengatur banyak script html di template blogger anda. Pada script html template blogger anda, di bawah <head> cukup anda ketikkan script berikut ini.

<head>

<b:include data='blog' name='all-head-content'/>

Dengan script di atas, ketika halaman artikel anda di indeks oleh Google, maka hasilnya seperti gambar yang telah kami jelaskan di atas. Namun jika anda ingin mengatur secara dinamis, anda dapat menghapus script "<b:include data='blog' name='all-head-content'/>" tersebut.

Pada script blogger ini, kami menghapus script "<b:include data='blog' name='all-head-content'/>", dan mengatur secara dinamis untuk tag "Title" dan "Description", berikut contoh met tag yang kami gunakan pada blogger ini.

<head>
<b:if cond='data:view.isSingleItem'>  
      <b:loop index='x' values='data:posts limit 1' var='post'>
        <meta expr:content='data:post.snippets.long.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='description'/>
      </b:loop>
      <b:else/>
      <b:if cond='data:view.isHomepage'>
        <b:if cond='data:blog.metaDescription'>
          <meta expr:content='data:blog.metaDescription.escaped' name='description'/>            
          <b:else/>
          <meta expr:content='data:blog.pageName.escaped' name='description'/>
        </b:if>
        <b:else/>
        <b:if cond='data:blog.metaDescription'>
          <meta expr:content='data:blog.metaDescription.escaped' name='description'/>            
          <b:else/>
          <meta expr:content='data:blog.pageName.escaped' name='description'/>
        </b:if>
      </b:if>
    </b:if>

Meskipun kami membuat script dinamis untuk mengagtur tag meta deskripsi, namun untuk menampilkan deskripsi "halaman postingan" kami tetap harus menulis tiap kali kami akan mempublikasi postingan (artikel). Dengan script di atas, jika anda tidak mengetik deskripsi untuk "halaman postingan", maka deskripsi akan diambil secara otomatis dari kata pertama artikel anda (snippet), sebanyak 150 karakter atau lebih tergantung anda mengaturnya di script html.

Kami rasa pembahasan tentang membuat dan mengatur tag meta desription sudah lengkap, dan anda dapat menerapkannya pada blogger anda. Untuk lebih meningkatkan SEO blogger anda, kami sarankan buat deskripi pada tiap halaman postingan yang akan anda publikasikan.