Generator Tag Meta HTML
Buat tag meta SEO dan media sosial untuk <head> halaman Anda: judul, deskripsi, kata kunci, penulis, URL kanonis, arahan robots, dan warna tema, plus tag Open Graph dan Twitter Card untuk pratinjau tautan yang kaya. Salin atau unduh HTML siap tempel.
Input
Ditampilkan di tab browser dan sebagai judul hasil pencarian. Usahakan 50–60 karakter.
Cuplikan di bawah hasil pencarian. Usahakan 150–160 karakter.
Dipisahkan koma. Google dan sebagian besar mesin pencari utama mengabaikan tag ini, tetapi beberapa mesin pencari khusus masih membacanya — kosongkan jika Anda tidak yakin.
URL pilihan untuk halaman ini — memberi tahu mesin pencari versi mana yang harus diindeks jika ada duplikat.
Menambahkan tag Open Graph dan Twitter Card agar tautan ke halaman Anda menampilkan kartu pratinjau yang kaya. Disarankan: 1200×630px. Kosongkan untuk melewati tag sosial.
Memberi warna pada antarmuka browser di perangkat seluler (bilah alamat, pengalih tugas). Kosongkan untuk tidak menyertakan tag ini.
Output
Tempelkan ini di dalam <head> halaman HTML Anda.
Cara lain menggunakan alat ini
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-meta-tag-generator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"title": "My Awesome Website",
"description": "A brief description of my awesome website for se…",
"keywords": "",
"author": "",
"canonicalUrl": "",
"ogImage": "",
"robots": "",
"themeColor": ""
}'Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.
Tanyakan ke agen AI
Use the IOTools `html-meta-tag-generator` tool (HTML Meta Tag Generator) on this input:
YOUR_INPUT_HERETempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.
Widget sematan
<iframe
src="https://iotools.cloud/embed/html-meta-tag-generator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Generator Tag Meta HTML — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.
| Biaya per panggilan API/MCP | Mulai dari 5 kredit |
|---|---|
| Butuh kredit lebih? | Lihat harga |
Juga tersedia melalui
Panduan
Generator Tag Meta HTML membuat blok tag <meta> dan <link> yang seharusnya ada di <head> setiap halaman web. Isi beberapa kolom sederhana — judul halaman, deskripsi, URL kanonis, gambar berbagi sosial — dan alat ini menghasilkan HTML yang rapi dan siap tempel, yang dapat Anda salin atau unduh. Semuanya berjalan di browser Anda; apa pun yang Anda ketik tidak dikirim ke server.
Fungsi tag meta ini
Tag meta menjelaskan halaman Anda kepada mesin pencari dan jejaring sosial. Tag ini tidak mengubah apa yang dilihat pengunjung di halaman itu sendiri — tetapi membentuk bagaimana halaman tampil di tempat lain:
- Judul dan deskripsi adalah judul dan cuplikan yang muncul di hasil pencarian Google. Judul dan deskripsi yang jelas dengan panjang yang tepat meningkatkan rasio klik.
- URL kanonis memberi tahu mesin pencari versi halaman mana yang harus diindeks, untuk mencegah masalah konten duplikat ketika halaman yang sama dapat diakses melalui beberapa URL.
- Robots mengatur apakah mesin pencari mengindeks halaman dan mengikuti tautannya.
- Tag Open Graph (
og:title,og:description,og:image,og:url) menghasilkan kartu pratinjau kaya yang muncul saat tautan Anda dibagikan di Facebook, LinkedIn, Slack, Discord, dan sebagian besar aplikasi pesan. - Tag Twitter Card melakukan hal yang sama untuk X (Twitter), menghasilkan kartu ringkasan dengan gambar besar.
- Warna tema memberi warna pada antarmuka browser (bilah alamat, pengalih tugas) di perangkat seluler.
Cara menggunakan alat ini
- Masukkan judul halaman dan deskripsi meta Anda — ini adalah dua tag yang hampir setiap halaman harus miliki.
- Tambahkan URL kanonis, penulis, dan kolom opsional lain yang Anda butuhkan.
- Untuk mendapatkan kartu pratinjau sosial, tempelkan URL Gambar Berbagi Sosial (idealnya 1200×630px). Alat ini kemudian menambahkan blok Open Graph dan Twitter Card yang koheren, dengan mengambil judul, deskripsi, dan URL dari kolom yang sudah Anda isi.
- Salin HTML yang dihasilkan dan tempelkan di dalam
<head>halaman Anda, atau unduh sebagaimeta-tags.html.
Kolom opsional yang kosong dilewati secara otomatis, sehingga markup Anda tidak dipenuhi atribut content="" yang kosong.
Apakah tag meta kata kunci masih penting?
Tidak untuk Google. Google sudah mengonfirmasi bertahun-tahun lalu bahwa ia mengabaikan tag <meta name="keywords">, dan sebagian besar mesin pencari utama melakukan hal yang sama karena tag ini banyak disalahgunakan untuk spam. Beberapa mesin pencari kecil atau regional masih membacanya, jadi alat ini tetap menyediakannya sebagai kolom opsional — tetapi Anda boleh membiarkannya kosong dengan aman.
Apakah <meta charset> benar-benar diperlukan?
Ya. <meta charset="utf-8"> sebaiknya menjadi tag pertama di <head> Anda agar browser dapat menguraikan teks dengan benar. Alat ini selalu menghasilkan bentuk HTML5 modern (utf-8 huruf kecil, tanpa garis miring penutup).
Apakah tag ini menjamin gambar pratinjau?
Tag Open Graph dan Twitter memberi tahu platform apa yang harus ditampilkan, tetapi setiap platform menyimpan pratinjau dalam cache. Setelah memperbarui tag, gunakan alat debug milik platform (seperti Facebook Sharing Debugger) untuk memindai ulang URL Anda.