Developer Generator meta tag
Susun meta tag lengkap untuk sebuah halaman, mulai dari title dan description sampai Open Graph dan Twitter Card, siap disalin ke dalam head.
1200×630 works everywhere. Must be absolute.
Ready. Runs locally on your device.
File Anda tetap berada di perangkat Anda. Alat ini bekerja langsung di browser Anda, menggunakan perangkat Anda untuk memproses file Anda. Tidak ada yang dikirim ke server kami, dan kami tidak pernah menerima, menyimpan, atau melihat file maupun angka Anda.
Bagikan hasil
Kutip
Kutip halaman ini
Reembun. (2026, 31 Juli). Generator meta tag. https://reembun.com/id/generator-meta-tag
Cara menggunakannya
Isi detail halamannya
Judul halaman, meta description, dan canonical URL adalah tiga hal yang selalu penting.
Tambahkan gambar bagikannya
Share image URL harus absolut. Ukuran 1200 kali 630 piksel bekerja di semua platform yang membacanya.
Tentukan tipe dan kartunya
Content type, Twitter card, dan locale melengkapi blok Open Graph serta Twitter.
Salin tagnya
Copy tags memberi satu set utuh yang siap ditempel ke bagian head halaman yang bersangkutan.
Tag yang wajib ada
| Tag | Fungsi |
|---|---|
| title | Judul di tab dan di hasil pencarian |
| meta description | Cuplikan di hasil pencarian |
| link canonical | Alamat resmi halaman ini |
| meta viewport | Membuat halaman tampil benar di ponsel |
| html lang | Menyatakan bahasa halaman |
Tag lang sangat penting untuk situs berbahasa Indonesia. Halaman yang menyatakan lang="en" padahal isinya bahasa Indonesia mengirim sinyal yang bertentangan dan mengganggu penerjemahan otomatis serta pembaca layar.
Open Graph
| Properti | Isi |
|---|---|
| og:title | Judul untuk pratinjau berbagi |
| og:description | Ringkasan satu sampai dua kalimat |
| og:image | Alamat absolut gambar 1200 x 630 |
| og:url | Alamat kanonis halaman |
| og:type | website untuk halaman biasa, article untuk artikel |
| og:locale | id_ID untuk halaman Indonesia |
| og:site_name | Nama situs Anda |
Empat properti pertama adalah yang benar benar wajib. Tanpa og:image, tautan yang dibagikan di WhatsApp muncul sebagai teks polos, dan tingkat kliknya turun jauh.
hreflang untuk situs dua bahasa
Bila satu halaman tersedia dalam beberapa bahasa, setiap versi harus menunjuk ke seluruh versi lain, termasuk ke dirinya sendiri:
<link rel="alternate" hreflang="id-ID" href="https://contoh.id/id/kalkulator-usia" />
<link rel="alternate" hreflang="en" href="https://contoh.id/age-calculator" />
<link rel="alternate" hreflang="x-default" href="https://contoh.id/age-calculator" />Dua hal yang membuat hreflang gagal total. Pertama, penunjukan yang tidak timbal balik, karena Google mengabaikan seluruh kumpulan bila halaman yang ditunjuk tidak menunjuk balik. Kedua, menunjuk ke halaman yang tidak ada.
Panjang yang aman
| Elemen | Panjang | Catatan |
|---|---|---|
| title | 50 sampai 60 karakter | Termasuk nama merek di belakang |
| description | 140 sampai 160 karakter | Dipotong dengan elipsis bila lebih |
| og:title | sampai 88 karakter | Boleh berbeda dari title |
| og:description | sampai 200 karakter | Aplikasi pesan memotong lebih awal |
Untuk melihat bagaimana judul dan deskripsi Anda tampil di hasil pencarian, gunakan pratinjau tampilan Google.
Yang tidak perlu ditambahkan
- meta keywords. Tidak dipakai mesin pencari mana pun yang relevan.
- meta revisit-after. Tidak pernah didukung.
- meta author untuk halaman biasa. Gunakan schema markup bila penulisnya penting.
- Tag robots yang mengizinkan pengindeksan. Mengizinkan adalah perilaku bawaan, jadi tag itu tidak melakukan apa apa.
Privasi
Isi halaman dan alamat yang Anda masukkan tidak dikirim ke mana pun. Seluruh penyusunan tag berjalan di dalam browser Anda.
Pertanyaan umum
Berapa panjang title dan description yang ideal?
Title sebaiknya 50 sampai 60 karakter dan description 140 sampai 160 karakter. Google sebenarnya memotong berdasarkan lebar piksel, bukan jumlah karakter, sehingga judul berisi banyak huruf lebar terpotong lebih awal. Angka itu adalah patokan aman.
Apakah meta keywords masih berpengaruh?
Tidak. Google berhenti memakainya sejak 2009 dan menyatakannya secara terbuka. Mengisinya tidak membantu peringkat dan hanya memberi tahu pesaing kata kunci yang Anda incar. Alat ini tidak menyertakannya secara bawaan.
Apakah Google selalu memakai meta description saya?
Tidak selalu. Google menulis ulang cuplikan pada sebagian besar kueri bila menganggap ada bagian halaman yang lebih menjawab pencariannya. Meski begitu, description yang baik tetap layak ditulis, karena ia dipakai apa adanya pada kueri bermerek dan pada pratinjau tautan.
Apa bedanya Open Graph dan Twitter Card?
Open Graph dipakai Facebook, WhatsApp, LinkedIn, dan hampir semua aplikasi pesan. Twitter Card khusus untuk X. Karena X akan memakai Open Graph bila tag Twitter tidak ada, Anda cukup menambahkan satu tag twitter:card saja untuk menentukan bentuk kartunya.
Ukuran gambar Open Graph berapa yang benar?
1200 kali 630 piksel, dengan rasio 1,91 banding 1. Ukuran berkas sebaiknya di bawah 1 MB, dan gunakan alamat absolut lengkap dengan protokol, karena alamat relatif tidak akan terbaca oleh aplikasi pesan.
Terakhir ditinjau
