HTML : Cara Membuat Markup Table Yang SEO Friendly

Salah satu tipe featured snippet google adalah table, tidak jarang ketika searching di Google saya melihat featured snippet dengan tampilan table dan ditempatkan diposisi teratas khususnya untuk konten yang berisi data atau daftar item tertentu.

Itu artinya markup table dapat dijadikan objek pengoptimalan mesin telusur (SEO) dengan cara menargetkan featured snippet tabel untuk konten blog Anda, terutama konten yang berupa daftar seperti yang saya sebutkan di atas.

Ada tiga aturan yang harus dipenuhi dalam membuat tabel agar SEO-Friendly yakni;

1. Markup table yang baik dan benar.
2. Tabel terdiri dari 3-8 kolom (column).
3. Desain responsive (Flexibility table).

Saya telah menganalisa beberapa situs yang menggunakan markup table dan berhasil mendapatkan featured snippet table di penelusuran Google, dan sumua table yang mereka gunakan memiliki ciri yang sama, mulai dari markup table, jumlah kolom dan fleksibilitas table.

Kemudian analisa tersebut diperkuat dengan tampilan featured snippet table yang ditampilkan Google di halaman hasil penelusuran, sehingga saya menyimpulkan tiga poin di atas merupakan syarat untuk membuat markup table yang SEO-Friendly, sekarang mari kita bahas masing-masing poin tersebut. [ads id="ads1"]

Markup Table Yang Baik Dan Benar

Markup table yang baik dan benar adalah markup table yang memiliki struktur table kompleks dan teratur, diawali dengan tag tabel sebagai container kemudian markup <thead> (table head) dan markup <tbody> table body juga disertakan.

Selanjutnya markup <th> yang mendefinisikan table head (kolom header) harus berada dalam tag <thead> dan diawali dengan tag <tr> mendefinisikan table row atau baris pada table.

Sedangkan markup <td> yang mendefinisikan tabel data (kolom body) harus berada dalam tag <tbody> dan juga diawali dengan tag <tr>, berikut ini adalah contoh markup table yang baik dan benar.

<table>
  <thead>
    <tr><th>No.</th><th>Item</th><th>Deskripsi</th></tr>
  </thead>
 <tbody>
   <tr><td>1</td><td>item_1</td><td>Deskripsi item_1</td></tr>
   <tr><td>2</td><td>item_2</td><td>Deskripsi item_2</td></tr>
   <tr><td>3</td><td>item_3</td><td>Deskripsi item_3</td></tr>
   <tr><td>4</td><td>item_4</td><td>Deskripsi item_4</td></tr>
   <tr><td>5</td><td>item_5</td><td>Deskripsi item_5</td></tr>
 </tbody>
</table>

Dalam pengoptimalan mesin telusur (SEO), susunan markup table tidak boleh terbalik antara satu sama lain dan juga harus kompleks seperti yang saya contohkan pada cuplikan kode di atas.

Sekarang mari kita lihat contoh struktur markup table yang tidak dioptimalkan untuk mesin telusur (search engine).

<table>
  <tr><th>No.</th><th>kolom header</th><th>kolom header</th></tr>
  <tr><td>1</td><td>tabel data</td><td>tabel data</td></tr>
  <tr><td>2</td><td>tabel data</td><td>tabel data</td></tr>
  <tr><td>3</td><td>tabel data</td><td>tabel data</td></tr>
  <tr><td>4</td><td>tabel data</td><td>tabel data</td></tr>
  <tr><td>5</td><td>tabel data</td><td>tabel data</td></tr>
</table>

Meskipun markup table tersebut sah (tidak keliru), tentu saja itu bukan markup table yang dioptimalkan untuk mesin telusur pendapat ini saya kemukakan berdasarkan analisa dan pemeriksaan table dari beberapa situs yang mendapatkan featured snippet.

Jumlah Kolom Dan Baris Yang Direkomendasikan

Agar markup table SEO-Friendly jumlah kolom pada markup table yang disarankan adalah 3 sampai 8 kolom (tidak kurang dan tidak lebih), hal itu dikarenakan featured snippet Google untuk tampilan table hanya memuat 3 sampai 8 kolom saja.

Jika terlalu banyak kolom (column) kemungkinan besar data dalam tabel tidak dapat ditampilkan sepenuhnya pada featured snippet (cuplikan data pada tabel terpotong) untuk membuktikan coba telusuri keyword "table demo".

Sedangkan untuk baris pada markup table tidak ada batasan, meskipun featured snippet table hanya menampilkan empat (4) baris termasuk baris table head, sisa baris lainnya tetap dihitung dan ciutkan oleh Google sperti yang terlihat pada contoh di bawah ini.

Flexibility Table (Responsive)

Table untuk web/blog harusnya memiliki fleksibilitas yang tinggi agar SEO Frindly, dapat menyesuaikan tampilan di semua ukuran layar (responsive), kamu dapat memulainya dengan settingan css; table{width:100%} kemudian membagi lebar kolom table juga dalam hitungan persen.

// lebar table adalah 100%
table {
 width:100%;
 }
// lebar kolom 1 dan kolom 2 masing-masing 20% (sesuaikan dengan kebutuhan konten)
table td,.table th {
 width:20%;
 }
// lebar kolom 3 (kolom akhir) 60% (sesuaikan dengan kebutuhan konten).
table td:last-child,table th:last-child {
 width:60%
}

Cara Mendapatkan Featured Snippet Jenis Table

Untuk mendapatkan featured snippet Google jenis table ada dua hal yang harus dilakukan/dipenuhi yakni;

1. Struktur Markup Table Harus SEO Friendly
2. Judul Postingan Menggambarkan Isi Table

Kedua hal di atas merupakan syarat utama untuk mendapatkan featured snippet Google jenis table, mengabaikan salah satu dari keduanya beresiko gagal mendapatkan featured snippet Google jenis table.

Kesimpulan

Sama halnya dengan website, markup table yang seo friendly juga harus memiliki struktur yang kompleks dan tersusun dengan benar serta memiliki elemen head dan body seperti yang telah dicontohkan di atas.

Kemudian jumlah kolom pada markup table tidak lebih dari 8 kolom (column) dan tidak kurang dari 3 kolom, akan lebih baik jika table memilki fleksibilitas yang tinggi atau responsif (dapat menyesuaikan tampilan) di semua ukuran layar.

Jika kamu memiliki kesulitan dalam mendesain tabel, cordialblogger.com telah menyediakan beberapa variasi tabel tiga kolom yang siap digunakan atau di install ke website/blog kamu dan tentunya markup table telah dioptimalkan untuk SEO (Search Engine Optimization).