Pembuat Tag Meta
Hasilkan tag meta SEO, tag Open Graph, dan tag Twitter Card dengan pratinjau langsung untuk Google, Facebook, dan X (Twitter). Penghitung karakter waktu nyata dan salin satu klik.
โก Contoh Cepat โ coba satu untuk melihat semua fitur:
Artikel Blog Produk E-Commerce Situs PortofolioPemblokir iklan Anda mencegah kami menampilkan iklan
MiniWebtool tetap gratis karena iklan. Jika alat ini membantu Anda, dukung kami dengan upgrade untuk penjelajahan tanpa iklan dan penggunaan harian lebih banyak, atau izinkan MiniWebtool.com lalu muat ulang.
- Izinkan iklan untuk MiniWebtool.com, lalu muat ulang
- Atau upgrade untuk tanpa iklan dan batas harian lebih tinggi
Tentang Pembuat Tag Meta
Pembuat Tag Meta ini menghasilkan tag meta yang dioptimalkan untuk SEO, tag Open Graph, dan tag Twitter Card untuk situs web Anda dengan pratinjau langsung. Lihat dengan tepat bagaimana halaman Anda akan muncul di hasil pencarian Google, postingan Facebook, dan kartu X (Twitter) sebelum diterbitkan. Penghitung karakter waktu nyata membantu Anda tetap berada dalam batas yang direkomendasikan untuk visibilitas maksimum.
Apa Itu Tag Meta?
Tag meta adalah elemen HTML yang ditempatkan di bagian <head> halaman web Anda yang memberikan metadata ke mesin pencari dan platform media sosial. Tag ini tidak muncul di halaman itu sendiri, tetapi sangat memengaruhi cara halaman Anda ditemukan, diindeks, dan ditampilkan di seluruh web.
Jenis Tag Meta yang Dihasilkan Alat Ini
| Kategori | Tag | Tujuan |
|---|---|---|
| SEO | <title> | Judul halaman yang ditampilkan di hasil pencarian dan tab browser |
| SEO | meta description | Cuplikan ringkasan yang ditampilkan di bawah judul dalam hasil pencarian |
| SEO | meta keywords | Kata kunci yang dipisahkan koma (dampak SEO terbatas saat ini) |
| SEO | meta robots | Mengontrol perilaku perayapan dan pengindeksan mesin pencari |
| SEO | link canonical | Menentukan URL pilihan untuk mencegah konten duplikat |
| Sosial | og:title | Judul yang ditampilkan saat dibagikan di Facebook, LinkedIn, dll. |
| Sosial | og:description | Deskripsi yang ditampilkan dalam kartu berbagi media sosial |
| Sosial | og:image | Gambar yang ditampilkan dalam pratinjau berbagi media sosial |
| X/Twitter | twitter:card | Jenis kartu: summary atau summary_large_image |
| X/Twitter | twitter:site | @username X (Twitter) Anda |
Batas Karakter yang Direkomendasikan
Cara Menggunakan Pembuat Tag Meta Ini
- Isi tag SEO Dasar: Masukkan judul halaman Anda (disarankan 50-60 karakter), deskripsi meta (150-160 karakter), kata kunci, pilih direktif robot, charset, dan secara opsional tambahkan URL kanonik.
- Tambahkan tag Open Graph: Beralih ke tab Open Graph dan masukkan judul OG, deskripsi, URL gambar, URL halaman, nama situs, dan jenis konten untuk berbagi sosial yang optimal di Facebook dan LinkedIn.
- Konfigurasikan tag Twitter Card: Beralih ke tab Twitter Card untuk menyetel jenis kartu (summary atau summary_large_image), judul, deskripsi, URL gambar, dan @username X Anda.
- Pratinjau tag Anda: Periksa panel pratinjau langsung yang menunjukkan bagaimana halaman Anda akan muncul di hasil pencarian Google, postingan Facebook, dan kartu X (Twitter).
- Hasilkan dan salin: Klik "Hasilkan Tag Meta" untuk melihat kode HTML lengkap dengan penyorotan sintaks. Klik "Salin Kode" dan tempelkan ke bagian
<head>halaman Anda.
Praktik Terbaik Gambar Open Graph
- Ukuran disarankan: 1200 x 630 piksel (rasio aspek 1.91:1)
- Ukuran minimum: 200 x 200 piksel (Facebook memerlukan setidaknya ini)
- Ukuran file: Di bawah 5 MB untuk performa terbaik
- Format: JPEG, PNG, atau WebP
- Area aman: Pastikan teks/logo penting berada di dalam 80% bagian tengah gambar
Jenis Twitter Card
- summary: Kartu kecil dengan thumbnail persegi (min 144x144). Terbaik untuk artikel dan konten umum.
- summary_large_image: Kartu besar dengan gambar yang menonjol (disarankan 1200x628). Terbaik untuk postingan blog, landing page, dan konten visual.
Pertanyaan yang Sering Diajukan
Apa itu tag meta dan mengapa penting untuk SEO?
Tag meta adalah elemen HTML yang ditempatkan di bagian <head> halaman web yang memberikan metadata tentang halaman tersebut kepada mesin pencari dan platform media sosial. Tag meta utama meliputi tag judul (ditampilkan dalam hasil pencarian), deskripsi meta (ringkasan yang ditampilkan di bawah judul dalam hasil pencarian), dan tag robot (mengontrol perayapan mesin pencari). Tag meta yang dibuat dengan baik meningkatkan rasio klik-tayang dari hasil pencarian dan memastikan konten Anda ditampilkan dengan benar saat dibagikan di media sosial.
Apa itu tag Open Graph dan bagaimana cara kerjanya?
Tag Open Graph (OG) adalah tag meta yang dikembangkan oleh Facebook yang mengontrol bagaimana halaman web Anda muncul saat dibagikan di platform media sosial seperti Facebook, LinkedIn, dan Pinterest. Tag OG utama meliputi og:title, og:description, og:image, og:url, dan og:type. Saat seseorang membagikan URL Anda, platform ini membaca tag OG untuk menghasilkan kartu pratinjau yang kaya dengan judul, deskripsi, dan gambar yang Anda tentukan.
Apa itu tag Twitter Card?
Tag Twitter Card (sekarang tag X Card) adalah tag meta yang mengontrol tampilan konten Anda saat dibagikan di X (sebelumnya Twitter). Jenis utamanya adalah summary (thumbnail kecil) dan summary_large_image (gambar unggulan besar). Tag utama meliputi twitter:card (jenis kartu), twitter:title, twitter:description, twitter:image, dan twitter:site (@username Anda). Jika tag Twitter Card tidak disetel, X akan beralih menggunakan tag Open Graph.
Berapa panjang ideal untuk judul meta dan deskripsi?
Untuk SEO, panjang judul meta yang direkomendasikan adalah 50-60 karakter (Google biasanya menampilkan hingga 60 karakter atau lebar sekitar 600 piksel). Deskripsi meta harus 150-160 karakter (Google mungkin memotong deskripsi yang lebih panjang). Untuk Open Graph, judul sebaiknya 60-90 karakter dan deskripsi 100-200 karakter. Untuk Twitter Cards, judul paling baik pada 50-70 karakter dengan deskripsi di bawah 200 karakter.
Apakah saya memerlukan tag Open Graph dan Twitter Card?
Meskipun X (Twitter) akan beralih ke tag Open Graph jika tidak ada tag Twitter Card, praktik terbaiknya adalah menyertakan keduanya. Tag Twitter Card memungkinkan Anda menyesuaikan jenis kartu (summary vs summary_large_image) dan menyertakan @username Anda, yang tidak mungkin dilakukan dengan tag OG saja. Memiliki keduanya memastikan tampilan optimal di semua platform.
Ukuran gambar apa yang harus saya gunakan untuk Open Graph dan Twitter Cards?
Untuk gambar Open Graph, ukuran yang disarankan adalah 1200 x 630 piksel (rasio 1.91:1) dengan minimum 200 x 200 piksel. Untuk Twitter Cards dengan summary_large_image, gunakan 1200 x 628 piksel; untuk kartu ringkasan (summary), gunakan minimum 144 x 144 piksel (hingga 4096 x 4096). Menggunakan gambar tunggal 1200 x 630 piksel berfungsi dengan baik untuk kedua platform.
Sumber Daya Tambahan
Kutip konten, halaman, atau alat ini sebagai:
"Pembuat Tag Meta" di https://MiniWebtool.com/id/pembuat-tag-meta/ dari MiniWebtool, https://MiniWebtool.com/
oleh tim miniwebtool. Diperbarui: 6 Feb 2026
Peralatan untuk webmaster:
- Kalkulator BPK
- Kalkulator CPM
- Kompresor CSS
- Generator Favicon
- Kalkulator Google AdSense
- Pembuat Cron Job
- Pembuat Ekspresi Crontab
- Kompresor HTML
- Pengonversi HTML ke Teks
- Pemeriksa Kepadatan Kata Kunci
- Generator Tabel Markdown
- Pembuat Tag Meta
- Penghapus Tanda Kutip Pintar
- Generator Slug URL
- Kalkulator Nilai Halaman
- Kalkulator Nilai Pengunjung
- Kalkulator Izin Unix (chmod)
- Pengkode/Pendekode Entitas HTML
- Generator Lorem Ipsum
- Escape Unescape String JSON
- Pengubah cURL ke JSON
- Pemformat SQL
- Pengoptimal SVG
- Htaccess Redirect Generator
- Pemeriksa Ukuran Crawl Googlebot
- Generator Robots.txt Baru
- Generator Sitemap XML Baru
- Pemeriksa Usia Domain Baru
- Pemeriksa Open Graph Baru
- Pencarian WHOIS Baru
- Cek DNS Baru
- Pemeriksa Kecepatan Halaman Baru
- Pemeriksa Kepercayaan Domain Baru
- Pemeriksa Pengalihan Baru
- Generator Tag Hreflang Baru
- Pemeriksa Tautan Rusak Baru
- Playground CSS Flexbox Baru
- CSS Grid Generator Baru
- Git Command Generator Baru
- Pembuat File .env Baru
- Pembuat Perintah cURL Baru
- Referensi Kode Status HTTP Baru
- Parser URL Baru
- Pembuat Query String Baru
- Konverter SVG ke React/JSX Baru
- Kompilator SCSS ke CSS Baru
- Kompilator Less ke CSS Baru
- Playground TypeScript Baru
- Generator Skema JSON Baru
- Konverter PX ke REM Baru
- Konverter PT ke PX Baru