Generator Meta Tag
Hasilkan meta tag SEO, Open Graph, article, dan Twitter Card dengan penghitung panjang judul dan deskripsi langsung serta opsi robots, theme-color, dan penulis.
Generator Meta Tag — Isi judul, deskripsi, URL kanonis, gambar, dan nama situs halaman Anda untuk mendapatkan blok meta tag SEO, Open Graph, dan Twitter Card yang siap ditempel ke head HTML Anda. Pratinjau langsung SERP Google dan kartu sosial menunjukkan tampilan halaman di pencarian dan saat dibagikan. Semuanya dibuat di browser Anda — tidak ada apa pun dari halaman Anda yang diunggah. Penghitung langsung membandingkan judul dan deskripsi Anda dengan panjang yang disarankan, kolom opsional menambahkan tag robots, viewport, charset, theme-color, dan penulis serta tag Open Graph khusus artikel, dan alat ini membaca URL gambar Anda untuk memperingatkan gambar pratinjau yang hilang atau berukuran tidak wajar.
Apa itu Generator Meta Tag?
Generator Meta Tag adalah alat online gratis yang mengubah beberapa detail halaman menjadi satu set lengkap meta tag HTML: tag SEO standar (title, meta description, tautan kanonis), tag Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name), dan tag Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Pemasar, blogger, dan pengembang menggunakannya saat meluncurkan halaman atau artikel untuk mengatur tampilannya di hasil pencarian Google dan cara tautannya terbuka di Facebook, LinkedIn, X/Twitter, Slack, dan Discord. Pilih og:type (website, article, product, profile, atau video.other) dan gaya twitter:card (summary, summary_large_image, app, atau player), dan alat ini hanya menulis baris untuk kolom yang Anda isi. Alat ini menghasilkan tag HTML murni — tidak menjelajahi situs Anda atau membaca halaman untuk Anda. Penghitung langsung memberi peringatan saat judul (sekitar 60 karakter) atau deskripsi (sekitar 160) terlalu panjang, dan alat ini memuat URL gambar Anda untuk membaca ukuran piksel sebenarnya serta memperingatkan gambar yang hilang atau terlalu besar/kecil. Kolom opsional menambahkan arahan robots, tag viewport dan charset UTF-8, theme-color, dan penulis, ditambah article:published_time, article:author, dan article:section saat og:type adalah article.
Cara menggunakan Generator Meta Tag
- Ketik judul halaman Anda — ini menjadi tag <title>, og:title, dan twitter:title.
- Tulis meta description (sekitar 150–160 karakter) untuk tag description, og:description, dan twitter:description.
- Masukkan URL kanonis halaman dan URL gambar absolut untuk pratinjau tautan.
- Tambahkan nama situs Anda dan pilih og:type serta twitter:card dari menu dropdown.
- Salin blok HTML yang dihasilkan dari kotak keluaran dan tempel ke <head> halaman Anda.
- Gunakan pratinjau SERP Google dan kartu sosial untuk memeriksa hasilnya sebelum menerbitkan.
- Perhatikan penghitung panjang langsung untuk judul dan deskripsi, lalu buka opsi ⚙ untuk menambahkan tag robots, viewport, charset, theme-color, penulis, atau artikel.
Contoh
Tag untuk artikel blog
Masukan
Judul: How to Bake Sourdough Deskripsi: A beginner's guide to baking sourdough bread at home. URL: https://blog.example.com/sourdough og:type: article
Keluaran
<title>How to Bake Sourdough</title> <meta name="description" content="A beginner's guide to baking sourdough bread at home." /> <link rel="canonical" href="https://blog.example.com/sourdough" /> <meta property="og:title" content="How to Bake Sourdough" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary_large_image" />
Kartu sosial gambar besar
Masukan
Gambar: https://example.com/og.png twitter:card: summary_large_image
Keluaran
<meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://example.com/og.png" />
Karakter khusus di-escape
Masukan
Judul: Tips & Tricks for "Pros"
Keluaran
<title>Tips & Tricks for "Pros"</title>
Artikel dengan tag robots dan artikel
Masukan
Judul: How to Bake Sourdough og:type: article Robots: index, follow article:published_time: 2024-05-01T09:00 article:section: Food
Keluaran
<meta name="robots" content="index, follow" /> <meta property="og:type" content="article" /> <meta property="article:published_time" content="2024-05-01T09:00" /> <meta property="article:section" content="Food" />
Pertanyaan yang sering diajukan
- Meta tag apa saja yang dihasilkan ini?
- Alat ini menghasilkan tag SEO standar (<title>, meta description, dan tautan kanonis), tag Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name), dan tag Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Hanya baris untuk kolom yang Anda isi yang disertakan, jadi Anda tidak pernah mendapatkan tag placeholder kosong.
- Apa perbedaan antara og:type dan twitter:card?
- og:type memberi tahu platform jenis objek apa halaman itu — website, article, product, profile, atau video.other — yang memengaruhi cara tautan terbuka. twitter:card memilih tata letak di X/Twitter: summary adalah thumbnail kecil, summary_large_image menampilkan gambar banner besar, sedangkan app dan player untuk aplikasi dan media. Pilih pasangan yang sesuai dengan konten Anda.
- Apakah URL gambar harus absolut?
- Ya. og:image dan twitter:image harus berupa URL absolut lengkap yang diawali https:// karena scraper mengambilnya dari luar situs Anda — jalur relatif seperti /og.png tidak akan dimuat. Untuk hasil terbaik, gunakan gambar 1200×630 untuk kartu besar.
- Apakah alat ini menjelajahi atau membaca halaman langsung saya?
- Tidak. Alat ini hanya memformat nilai yang Anda ketik menjadi meta tag HTML. Alat ini tidak mengambil, menjelajahi, atau menganalisis URL apa pun — URL kanonis dan URL gambar ditulis ke dalam tag apa adanya, tanpa dikunjungi.
- Apakah data saya dikirim ke server?
- Tidak. Tag dibuat sepenuhnya di browser Anda dengan JavaScript. Tidak ada yang Anda ketik — termasuk judul, URL, atau deskripsi yang belum diterbitkan — yang diunggah, disimpan, atau dikirim ke mana pun, jadi aman digunakan pada halaman pribadi atau pra-peluncuran.
- Seberapa panjang seharusnya judul dan deskripsi?
- Targetkan sekitar 60 karakter atau kurang untuk judul dan kira-kira 120–160 untuk deskripsi; mesin pencari memotong teks yang lebih panjang. Alat ini menampilkan penghitung langsung untuk masing-masing yang beralih dari status lolos ke peringatan begitu Anda melampaui panjang yang disarankan.
- Meta tag tambahan apa yang bisa saya tambahkan, dan bagaimana peringatan gambar bekerja?
- Buka opsi ⚙ untuk menambahkan arahan robots (preset index/follow), tag viewport, tag charset UTF-8, theme-color, dan penulis; saat og:type adalah article Anda juga bisa menambahkan article:published_time, article:author, dan article:section. Alat ini juga memuat URL gambar Anda di browser untuk menampilkan ukuran piksel sebenarnya dan memperingatkan jika gambar hilang atau jauh dari 1200×630 yang disarankan.
Alat terkait
Generator Tag Hreflang
Membuat tag link hreflang untuk halaman multibahasa dari daftar pasangan locale dan URL, dengan x-default opsional dan tag referensi-sendiri.
Generator JSON-LD
Hasilkan data terstruktur JSON-LD yang valid untuk skema Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList, dan Organization dari formulir sederhana.
Pemeriksa Kepadatan Kata Kunci
Analisis frekuensi kata dan kepadatan kata kunci untuk frasa 1, 2, atau 3 kata, dengan filter stop word dan pencarian kata kunci target.
Pratinjau Open Graph & Kartu Sosial
Pratinjau bagaimana sebuah tautan terbentang menjadi kartu sosial di X, LinkedIn, Slack, Discord, dan Facebook dari judul, deskripsi, URL gambar, dan URL halaman.