Generator Tag Meta

Apa yang dilakukan alat ini

Generator tag meta menulis tag yang masuk ke <head> halaman HTML: <title>, meta description, kata kunci dan penulis, direktif robots, tautan kanonis, warna tema, deklarasi viewport dan charset, set lengkap tag Open Graph (og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale), serta tag kartu X / Twitter.

Saat Anda mengetik, alat ini menunjukkan seperti apa halaman tampil di hasil penelusuran dan sebagai kartu media sosial, serta memeriksa kesalahan yang sering terjadi: judul lebih dari sekitar 60 karakter, deskripsi kosong, terlalu pendek, atau lebih dari sekitar 160 karakter, URL kanonis relatif, gambar berbagi tanpa URL absolut, atau lokal dan warna yang salah format. Semuanya berjalan di browser Anda, dan pratinjau sengaja tidak memuat gambar Anda sehingga halaman tidak mengirim permintaan jaringan.

Cara menggunakan

1. Isi detail halaman. Judul dan deskripsi adalah yang utama; penghitung menunjukkan panjangnya dibandingkan batas tampilan yang lazim. Klik Contoh untuk melihat contoh lengkap.
2. Masukkan URL kanonis halaman dan gambar berbagi. Path relatif seperti /images/cover.jpg diresolusi terhadap URL kanonis.
3. Di opsi, pilih jenis Open Graph (website untuk sebagian besar halaman, article untuk postingan blog), ukuran kartu, apakah mesin pencari boleh mengindeks halaman dan mengikuti tautannya, serta grup tag mana yang disertakan.
4. Baca peringatan di bawah HTML, periksa pratinjau, lalu salin HTML ke template halaman Anda.

Opsi disimpan di alamat halaman dan formulir disimpan di browser, sehingga Anda bisa melanjutkannya nanti atau membagikan tautan dengan pengaturan yang sama.

Contoh

Halaman contoh menghasilkan tag seperti ini (diringkas):

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sourdough Bread for Beginners — Step-by-Step Guide</title>
<meta name="description" content="Bake your first sourdough loaf at home: …">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/recipes/sourdough-for-beginners">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Sourdough Bread for Beginners — Step-by-Step Guide">
<meta property="og:image" content="https://example.com/images/sourdough-loaf.jpg">
<meta property="og:locale" content="en_US">

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@examplekitchen">

Nilai di-escape untuk HTML, sehingga tanda kutip dan ampersand di judul tidak merusak markup, dan lokal en-US dinormalkan ke bentuk en_US yang diharapkan Open Graph.

Tips

• Tulis judul dan deskripsi yang unik untuk setiap halaman; duplikat di seluruh situs membuat hasil sulit dibedakan.
• Letakkan kata terpenting di awal judul, karena judul yang panjang dipotong di bagian akhir.
• URL kanonis harus berupa alamat persis yang ingin diindeks, termasuk protokol dan pilihan dengan atau tanpa www.
• Mengatur robots ke noindex mengeluarkan halaman dari hasil penelusuran, tetapi hanya jika crawler masih bisa mengambilnya: jangan sekaligus memblokirnya di robots.txt.