Apa Itu Tag Meta?

Tag meta adalah potongan kode HTML yang memberikan informasi tentang halaman web kepada mesin pencari dan platform media sosial. Mereka tidak muncul di halaman itu sendiri tetapi memainkan peran penting dalam cara konten Anda ditampilkan di hasil pencarian dan saat dibagikan di media sosial.

Mengapa Tag Meta Penting

Optimasi Mesin Pencari

Tag judul dan deskripsi yang dirancang dengan baik meningkatkan tingkat klik-tayang Anda dari hasil pencarian

Berbagi di Media Sosial

Tag Open Graph dan Twitter Card mengontrol tampilan halaman Anda saat dibagikan di Facebook, LinkedIn, X (Twitter), dan platform lainnya

Konsistensi Merek

Pastikan konten Anda tampil profesional dan konsisten di semua platform

Tiga Jenis Tag Meta

Alat ini menghasilkan tiga kategori tag meta untuk mengoptimalkan kehadiran web Anda:

Tag SEO Dasar

Metadata penting untuk visibilitas mesin pencari dan pengindeksan

Judul dan deskripsi
Kata kunci dan penulis
Direktif robots
URL canonical

Tag Open Graph

Kontrol tampilan di platform media sosial utama

Facebook dan LinkedIn
Pinterest dan Slack
Gambar dan judul khusus
Definisi tipe konten

Tag Twitter Card

Tentukan tata letak kartu dan konten untuk X (Twitter)

Kartu ringkasan
Kartu gambar besar
Atribusi penulis
Penanganan situs

Cara Menggunakan Pembuat Tag Meta

Isi SEO Dasar

Mulai dengan tab SEO Dasar. Masukkan judul halaman dan meta deskripsi Anda — ini adalah tag paling penting untuk visibilitas mesin pencari. Penghitung karakter membantu Anda tetap dalam batas optimal:

Judul Halaman — Targetkan 50–60 karakter. Ini muncul sebagai judul yang dapat diklik di hasil pencarian
Meta Description — Targetkan 150–160 karakter. Ini adalah teks ringkasan di bawah judul di hasil pencarian
Secara opsional tambahkan kata kunci, nama penulis, URL canonical, dan direktif robots

Sesuaikan Open Graph (Opsional)

Beralih ke tab Open Graph untuk menyesuaikan tampilan halaman Anda di Facebook, LinkedIn, dan platform sosial lainnya. Jika Anda membiarkan field kosong, mereka secara otomatis menggunakan nilai dari tab SEO Dasar.

Pilih tipe konten (website, artikel, produk, video, atau profil)
Tambahkan URL gambar — ukuran yang disarankan adalah 1200 x 630 piksel untuk tampilan terbaik
Atur nama situs dan locale Anda

Sesuaikan Twitter Card (Opsional)

Beralih ke tab Twitter Card untuk mengontrol tampilan halaman Anda saat dibagikan di X (Twitter). Field mewarisi dari Open Graph terlebih dahulu, kemudian SEO Dasar.

Pilih antara summary (gambar kecil) atau summary_large_image (gambar besar) tipe kartu
Tambahkan penanganan Twitter Anda untuk atribusi situs dan penulis

Pratinjau dan Salin

Gunakan panel pratinjau di sebelah kanan untuk melihat bagaimana halaman Anda akan terlihat di Google, Facebook, dan X. Ketika puas, klik Salin Kode untuk menyalin HTML yang dihasilkan dan tempel ke bagian <head> halaman Anda.

Tips Pro: Anda hanya perlu mengisi tab SEO Dasar. Field Open Graph dan Twitter Card secara otomatis mewarisi nilai, menghemat waktu Anda sambil mempertahankan konsistensi di semua platform.

Fitur

Default Cerdas

Anda hanya perlu mengisi tab SEO Dasar. Field Open Graph secara otomatis mewarisi dari SEO Dasar, dan field Twitter Card mewarisi dari Open Graph (kemudian SEO Dasar). Ganti field apa pun secara individual ketika Anda memerlukan teks berbeda untuk berbagi di media sosial.

Pendekatan Tradisional

Entri Manual

Isi semua field secara terpisah
Duplikasi konten di seluruh tab
Risiko ketidakkonsistenan
Proses yang memakan waktu

Default Cerdas

Pewarisan Otomatis

Isi sekali, terapkan di mana-mana
Propagasi nilai otomatis
Konsistensi terjamin
Hemat waktu dan usaha

Pratinjau Multi-Platform Langsung

Lihat dengan tepat bagaimana halaman Anda akan muncul di tiga platform sebelum menerbitkan:

Google SERP

Pratinjau judul, URL, dan deskripsi seperti yang muncul di hasil pencarian

Facebook

Pratinjau kartu Open Graph dengan gambar, judul, deskripsi, dan nama situs

X (Twitter)

Pratinjau tata letak kartu summary dan summary_large_image

Validasi Penghitung Karakter

Penghitungan karakter real-time dengan indikator berkode warna membantu Anda menulis konten meta dengan panjang optimal:

Panjang Optimal Hijau

Mendekati Batas Kuning

Melebihi yang Disarankan Merah

Output Kode Bersih

HTML yang dihasilkan memiliki sorotan sintaks untuk kemudahan membaca dan hanya mencakup tag yang telah Anda isi — tidak ada tag kosong atau tidak perlu. Satu klik menyalin kode lengkap ke clipboard Anda.

Output Bersih

Hanya mencakup tag dengan nilai

Tidak ada tag kosong
HTML yang diformat dengan benar
Sorotan sintaks

Salin Satu Klik

Integrasi clipboard instan

Salin semua tag sekaligus
Siap untuk ditempel
Tidak perlu pemformatan manual

Direktif Robots

Alihkan direktif index/noindex dan follow/nofollow secara langsung. Ketika keduanya diatur ke default mereka (index, follow), tag robots dihilangkan karena tidak perlu.

Optimasi Cerdas: Generator secara otomatis mengecualikan tag meta robots saat menggunakan nilai default (index, follow) untuk menjaga kode Anda tetap bersih dan efisien.

Pertanyaan yang Sering Diajukan

Berapa panjang ideal untuk judul meta?

Google biasanya menampilkan 50–60 karakter pertama dari tag judul. Menjaga judul Anda dalam kisaran ini memastikan tidak akan dipotong di hasil pencarian. Penghitung karakter berubah menjadi kuning saat Anda mendekati batas dan merah saat Anda melampaui.

Praktik Terbaik: Targetkan 50-60 karakter untuk memastikan judul lengkap Anda muncul di hasil pencarian tanpa pemotongan.

Berapa panjang ideal untuk meta description?

Meta description harus antara 150–160 karakter. Meskipun Google tidak selalu menggunakan deskripsi Anda (mungkin menghasilkan miliknya sendiri), deskripsi yang ditulis dengan baik dapat secara signifikan meningkatkan tingkat klik-tayang.

Catatan Penting: Meskipun Google kadang-kadang dapat menghasilkan deskripsinya sendiri, memberikan meta description yang menarik memberi Anda kontrol atas kesan pertama Anda di hasil pencarian.

Apakah saya memerlukan tag Open Graph dan Twitter Card?

Twitter dapat kembali ke tag Open Graph, jadi secara teknis Anda hanya memerlukan tag OG untuk berbagi sosial dasar. Namun, tag Twitter Card memberi Anda kontrol lebih besar atas tampilan konten Anda di X (sebelumnya Twitter), termasuk pilihan antara tata letak kartu summary dan large image.

Tag Open Graph bekerja di sebagian besar platform
Tag Twitter Card memberikan kustomisasi khusus X
Menggunakan keduanya memastikan tampilan optimal di mana-mana

Ukuran gambar apa yang harus saya gunakan untuk Open Graph?

Ukuran gambar yang disarankan adalah 1200 x 630 piksel (rasio aspek 1.91:1). Ini bekerja dengan baik di Facebook, LinkedIn, X, dan platform lainnya. Gunakan gambar berkualitas tinggi yang mewakili konten Anda.

Platform	Ukuran yang Disarankan	Rasio Aspek
Facebook	1200 x 630 px	1.91:1
LinkedIn	1200 x 627 px	1.91:1
X (Twitter)	1200 x 628 px	1.91:1

Apa perbedaan antara kartu summary dan summary_large_image Twitter?

Kartu Ringkasan

Tata Letak Kompak

Thumbnail persegi kecil di sebelah kiri
Konten teks di sebelah kanan
Ruang visual lebih sedikit
Lebih baik untuk konten berfokus teks

Kartu Gambar Besar

Tata Letak Visual

Gambar besar ditampilkan di atas teks
Kehadiran visual yang lebih menonjol
Memakan lebih banyak ruang timeline
Lebih baik untuk konten visual

Di mana saya menempel kode yang dihasilkan?

Tempatkan tag meta yang dihasilkan di dalam bagian <head> halaman HTML Anda, sebelum tag penutup </head>.

Contoh Implementasi HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    
    <!-- Paste generated meta tags here -->
    <meta name="title" c>
    <meta name="description" c>
    <!-- ... more meta tags ... -->
    
</head>
<body>
    <!-- Your content -->
</body>
</html>

Pengguna CMS: Jika Anda menggunakan CMS seperti WordPress, Anda dapat menggunakan plugin SEO (seperti Yoast SEO atau Rank Math) atau bagian kode header khusus tema Anda untuk menambahkan tag meta tanpa mengedit file HTML secara langsung.

Apakah tag meta kata kunci masih berguna?

Google telah menyatakan bahwa tidak menggunakan tag meta kata kunci untuk peringkat. Namun, beberapa mesin pencari lain (seperti Bing) dan alat pencarian situs internal mungkin masih merujuknya. Ini opsional dan prioritas rendah.

Mesin Pencari	Menggunakan Tag Kata Kunci	Prioritas
Google	Tidak	Tidak digunakan untuk peringkat
Bing	Terbatas	Pertimbangan minor
Pencarian Internal	Ya	Penggunaan khusus situs

Rekomendasi: Fokuskan upaya Anda pada tag judul dan deskripsi. Ini memiliki dampak terbukti pada tingkat klik-tayang dan keterlibatan pengguna.