Meta Tag Generator - SEO, Open Graph & Twitter Card

Meta Tag Generator untuk SEO dan Berbagi di Media Sosial

Meta tag generator menyusun blok lengkap tag HTML <meta> yang dibutuhkan halaman Anda untuk mesin pencari dan platform sosial. Ketik judul dan deskripsi sekali saja, lalu alat ini menuliskan tag SEO, Open Graph, dan Twitter Card untuk Anda. Dibuat untuk siapa pun yang ingin <head> yang bersih dan benar tanpa harus menghafal sintaks tag.

Anda bekerja di tiga tab — SEO Dasar, Open Graph, dan Twitter Card — sementara pratinjau langsung menampilkan tampilan halaman di Google, Facebook, dan X (Twitter). Begitu markup terlihat pas, satu klik menyalin HTML yang dihasilkan agar bisa langsung Anda tempel ke halaman.

Privat sejak awal: setiap tag dibuat di browser Anda. Tidak ada yang Anda ketik — judul, deskripsi, URL gambar, atau handle — yang pernah diunggah ke server.

Cara Memakai Meta Tag Generator

Isi SEO Dasar

Di tab SEO Dasar, masukkan Judul Halaman (usahakan 50–60 karakter) dan Meta Description (usahakan 150–160 karakter). Tambahkan kata kunci, penulis, URL canonical, dan direktif robots bila perlu.

Sesuaikan Open Graph

Beralih ke tab Open Graph untuk mengatur tampilan halaman di Facebook, LinkedIn, dan platform sejenis. Pilih tipe konten, tambahkan URL gambar (1200 x 630 px), serta atur nama situs dan locale. Kolom kosong akan memakai nilai SEO Dasar Anda.

Sesuaikan Twitter Card

Di tab Twitter Card, pilih tata letak summary atau summary_large_image dan tambahkan handle situs serta creator Anda. Kolom ini mewarisi dari Open Graph dulu, lalu SEO Dasar.

Pratinjau dan Salin

Periksa pratinjau langsung di Google, Facebook, dan X. Begitu tampak pas, klik Salin Kode dan tempel tag yang dihasilkan di dalam bagian <head> halaman Anda.

Fitur

Tag SEO Dasar

Buat tag title, description, keywords, author, robots, dan tautan canonical untuk mesin pencari.

Tag Open Graph

Susun og:type, title, description, URL, image, image alt, nama situs, dan locale untuk Facebook dan LinkedIn.

Tag Twitter Card

Hasilkan tag tipe card, title, description, image, site, dan creator untuk berbagi di X (Twitter).

Pengaturan Cerdas

Kolom Open Graph mewarisi dari SEO Dasar dan kolom Twitter mewarisi dari Open Graph, jadi Anda hanya perlu mengubahnya saat butuh teks berbeda.

Pratinjau Langsung Multi-Platform

Lihat halaman Anda sebagai listing SERP Google, card Facebook, dan card X (Twitter) sebelum dipublikasikan.

Ganti Tata Letak Card

Alihkan Twitter card antara summary dan summary_large_image lalu lihat pratinjau diperbarui seketika.

Validasi Jumlah Karakter

Penghitung berwarna untuk title dan description: hijau dalam rentang, kuning mendekati batas, merah melebihinya.

Direktif Robots

Atur index/noindex dan follow/nofollow; tag robots dihilangkan saat keduanya tetap di default index, follow.

Output Kode Rapi

HTML dengan penyorotan sintaks yang hanya memuat tag yang Anda isi — tanpa tag kosong atau yang tak perlu.

Salin Sekali Klik & Atur Ulang

Salin kode lengkap ke clipboard dengan satu klik, atau atur ulang setiap kolom untuk mulai dari awal.

Pertanyaan yang Sering Diajukan

Apa itu meta tag?

Meta tag adalah potongan HTML yang memberi mesin pencari dan platform sosial informasi tentang sebuah halaman. Meta tag tidak muncul di halaman itu sendiri, tetapi menentukan cara konten Anda ditampilkan di hasil pencarian dan saat dibagikan di media sosial.

Bagaimana cara membuat meta tag untuk website saya?

Isi judul dan deskripsi di tab SEO Dasar, lalu sesuaikan tab Open Graph dan Twitter Card bila perlu. Generator ini menuliskan HTML-nya untuk Anda. Klik Salin Kode dan tempel tag di dalam bagian <head> halaman, sebelum tag penutup </head>. Pada CMS seperti WordPress, gunakan plugin SEO atau bagian header khusus pada tema Anda.

Berapa panjang ideal tag title dan meta description?

Usahakan 50–60 karakter untuk title dan 150–160 karakter untuk description agar tidak terpotong di hasil pencarian. Penghitung karakter berubah kuning saat Anda mendekati batas dan merah saat melebihinya.

Apa perbedaan tag Open Graph dan Twitter Card?

Tag Open Graph mengatur tampilan halaman saat dibagikan di Facebook, LinkedIn, dan platform sejenis. Tag Twitter Card melakukan hal yang sama untuk X (Twitter). X bisa memakai tag Open Graph sebagai cadangan, jadi tag OG saja sudah mencakup berbagi dasar — tetapi tag Twitter Card memberi kontrol tambahan, termasuk pilihan antara card summary dan card gambar besar.

Berapa ukuran gambar Open Graph yang disarankan?

Gunakan 1200 x 630 piksel (rasio 1.91:1). Ukuran ini tampil baik di Facebook, LinkedIn, X, dan platform lainnya. Pilih gambar yang jelas dan berkualitas tinggi yang mewakili konten Anda.

Apa perbedaan card summary dan summary_large_image?

Card summary menampilkan thumbnail persegi kecil di samping teks. Card summary_large_image menampilkan gambar besar di atas teks, sehingga memakan lebih banyak ruang di timeline. Beralih di antara keduanya pada tab Twitter Card dan pratinjau langsung diperbarui.

Apakah meta tag membantu SEO?

Ya — tag title dan description yang ditulis baik dapat meningkatkan rasio klik dari hasil pencarian, sementara tag Open Graph dan Twitter Card membuat tautan yang dibagikan terlihat lebih menarik. Perlu dicatat, Google tidak lagi memakai meta tag keywords untuk peringkat; tag ini opsional dan berprioritas rendah, meski beberapa mesin lain dan alat pencarian situs mungkin masih merujuknya.