Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpengembangMengembangkan alat AI untuk bisnis. Berkualitas tinggi. Terjangkau.Kirim pesan di Telegram

Generator Meta Tag Online: Cara Menulis Judul, Deskripsi, dan Open Graph serta Menyisipkan Kode

Generator meta tag online: judul, deskripsi, dan Open Graph dengan pratinjau dan kode HTML siap pakai.

Apa yang akan Anda dapatkan

  • Blok HTML siap pakai dengan judul, deskripsi, canonical tag, robots.txt, Open Graph, dan Twitter Card — gratis.
  • Rumus judul dan deskripsi untuk judul utama, kategori, produk, dan artikel.
  • Memahami di mana harus menyisipkan kode di WordPress, pembuat situs web, atau situs web kustom.
Terapkan: dalam 15 menitSimpanan: waktu yang dihabiskan untuk menulis dan men-debug kode secara manual di kepala

Jawaban singkatnya: untuk membuat meta tag secara online, buka PromoPilot Meta Tag Generator gratis, isi kolom judul, deskripsi, kanonikal, robots, Open Graph, dan Twitter Card. Pratinjau konten Google dan Facebook akan muncul di sebelah kanan, bersama dengan kode HTML yang sudah jadi di bawahnya. Cukup salin dengan satu klik dan tempelkan ke dalam <head> halaman. Anda dapat memulai dari awal atau mengunduh tag yang ada dari halaman yang sudah ada melalui tautan dan mengeditnya. Di bawah ini adalah cara mengisi setiap kolom dan menghindari kesalahan umum.

Saya sudah membuat situs web selama 12 tahun, dan meta tag adalah hal pertama yang sering terlupakan saat mengerjakan ulang template. Generator ini sangat membantu ketika saya perlu dengan cepat menyusun blok yang tepat untuk halaman arahan atau beranda tanpa harus mengingat sintaks og: dan twitter::.

Apa yang dihasilkan oleh generator meta tag?

Generator ini berupa formulir dengan petunjuk yang mengubah teks Anda menjadi kode yang valid. Berikut adalah kolom-kolom yang diisi dan fungsinya.

Bidang Apa yang Anda masukkan? Mengapa situs ini membutuhkannya?
Judul Judul halaman, disarankan 30-60 karakter. Tautan biru di hasil pencarian Google dan tab browser.
Deskripsi meta Deskripsi, disarankan 120-160 karakter. Kandidat untuk teks cuplikan di bawah judul
URL Kanonik Alamat halaman utama Menggabungkan data duplikat dengan parameter dan tag UTM.
Robot indeks/tanpa indeks, ikuti/tanpa ikuti Mengaktifkan atau menonaktifkan pengindeksan halaman.
Open Graph og:judul, og:deskripsi, og:gambar (1200×630), og:tipe, og:lokal Pratinjau tautan di Facebook, LinkedIn, dan aplikasi pesan instan.
Kartu Twitter twitter:card (summary_large_image atau summary), title, description Tautan kartu di X (Twitter)

Di bawah kolom-kolom tersebut terdapat penghitung karakter dengan rentang yang disarankan, di sebelah kanan adalah pratinjau langsung cuplikan Google dan unggahan Facebook, dan di bagian bawah adalah HTML yang dihasilkan.

Bagaimana cara membuat meta tag secara online?

Meta tag dalam 4 langkah: unduh tag yang ada, isi judul dan deskripsi, tambahkan tag kanonik dan Open Graph, salin HTML ke bagian head.

  1. Buka Generator Meta Tag. Jika halaman sudah ada, tempelkan alamatnya ke kolom paling atas dan klik "Unggah" – tag terbaru akan dimasukkan ke dalam formulir.
  2. Tulis judul dan deskripsi Anda, sambil memperhatikan penghitung. Bilah merah menunjukkan teks lebih pendek atau lebih panjang dari biasanya.
  3. Tentukan canonical - alamat halaman lengkap dengan https://, tanpa parameter.
  4. Pilih robot. Untuk halaman biasa, index, follow. noindex hanya untuk halaman layanan: keranjang belanja, akun pribadi, dan hasil pencarian situs.
  5. Isi Open Graph dan Twitter Card: gambar berukuran 1200×630, tipe ( website untuk halaman utama, article untuk artikel, product untuk produk) dan lokal, misalnya ru_RU atau en_US.
  6. Periksa pratinjau dan salin kode HTML menggunakan tombol salin.

Outputnya akan berupa blok seperti ini, yang disisipkan ke dalam <head>:

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

Harap diperhatikan: og:title tidak harus merupakan salinan persis dari judul. Di media sosial, kata "merek" dan "beli" terdengar mengganggu, jadi headline yang lebih relevan lebih tepat, dan judul harus mencerminkan kata kunci pencarian.

Beginilah tampilan ruang kerja: sebuah baris untuk memuat tag melalui tautan, sebuah formulir di sebelah kiri, dan pratinjau Google dan Facebook di sebelah kanan.

Halaman alat Pembuat Meta Tag gratis PromoPilot: unggah tag URL, kolom judul dan deskripsi, pratinjau Google dan Facebook

Bagaimana cara menulis judul dan deskripsi yang dapat diklik?

Generator ini melacak panjang, tetapi bukan konten. Berikut adalah rumus yang saya gunakan untuk berbagai jenis halaman:

  • Beranda: Что продаёте + для кого / где | Бренд — misalnya, Мебель из массива дуба на заказ | Woodline.
  • Kategori: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • Produk: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • Artikel: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Tulis deskripsi Anda sebagai janji singkat: apa yang akan didapatkan seseorang di halaman tersebut dan mengapa mereka harus mengklik. Buruk: "Selamat datang di situs web kami! Kami menawarkan berbagai macam..." Baik: "120 tas ransel kulit tersedia, pengiriman ke seluruh Eropa dalam 2-4 hari, pengembalian gratis selama 30 hari. Pilih model berdasarkan ukuran dan warna."

Kesalahan kode umum yang dapat dihindari dengan bantuan generator ini:

  1. Terdapat dua tag judul pada halaman ini —satu dari template, yang lainnya dari plugin. Setelah menempelkan kode, periksa apakah tag lama telah dihapus.
  2. Alamat relatif dalam og:image ( /img/cover.jpg) — jejaring sosial mengharapkan alamat lengkap dengan https://.
  3. Penggunaan kata "canonical" pada halaman beranda semua halaman adalah kesalahan umum pada templat yang menyebabkan halaman-halaman tersebut tidak muncul dalam indeks.
  4. Noindex, terlupakan setelah pengembangan - situs diluncurkan, tetapi mesin pencari tidak melihatnya.

Di mana saya harus menempelkan kode yang dihasilkan?

Kode tersebut disisipkan ke dalam <head>, tetapi metodenya bergantung pada mesin pencari yang digunakan. Pada situs web kustom, kode tersebut disisipkan langsung ke dalam template HTML halaman. Di WordPress, lebih mudah untuk menghindari menempelkan kode secara manual dan sebagai gantinya mengimpor teks dari generator ke dalam kolom plugin SEO (Yoast SEO atau Rank Math): plugin akan secara otomatis menghasilkan tag dan menghindari pembuatan duplikat. Pada pembuat situs web, cari bagian "SEO" di pengaturan halaman.

Setelah dipublikasikan, periksa hasilnya: artikel kami tentang analisis meta tag akan memberi tahu Anda cara memastikan bahwa tag pada halaman langsung sesuai dengan yang dimaksud, dan artikel kami tentang pratinjau SERP akan memberi tahu Anda cara melihat cuplikan di hasil pencarian pada ponsel.

Perbandingan: Generator Meta Tag dan Alternatifnya

Alat Apa yang gratis? Pembatasan Produk ini cocok untuk siapa?
PromoPilot — Generator Meta Tag Judul, deskripsi, kanonik, robot, OG dan Twitter Card, pratinjau Google dan Facebook, HTML siap pakai Tulis teksnya sendiri, satu halaman demi satu halaman. Landing page, beranda, situs web kustom, pengujian ide
Yoast SEO / Rank Math Judul, deskripsi, dan kolom OG langsung di editor WordPress. Hanya WordPress, instalasi plugin diperlukan. Untuk pemilik situs web WordPress
Pengaturan SEO di pembuat situs Kolom judul dan deskripsi untuk sebuah halaman Jumlah kolom yang tersedia dibatasi oleh kemampuan platform. Situs web tentang kontraktor
Pengkodean manual Kontrol penuh Sangat mudah untuk membuat kesalahan sintaks dan duplikasi. Untuk pengembang

Kesimpulan: jika situs Anda menggunakan WordPress, isi kolom-kolom di plugin SEO dan gunakan generator sebagai draf dengan pratinjau. Untuk situs web kustom atau halaman arahan terpisah, generator menghasilkan kode siap pakai dengan kecepatan tercepat.

Selain generator tersebut, PromoPilot menawarkan 87 alat SEO gratis lainnya, mulai dari debugger Open Graph hingga generator markup Schema.

Apa saja keterbatasan dari generator meta tag?

Generator ini tidak mengetahui kata kunci pencarian apa yang digunakan—Anda memilih kata kunci di judul. Generator ini tidak memeriksa keunikan: jika Anda memasukkan deskripsi yang sama ke dalam 50 halaman, alat ini tidak akan menyadarinya. Dan generator ini hanya bekerja dengan satu halaman: untuk toko dengan ratusan produk, tag dikompilasi menggunakan templat dalam kode situs, bukan secara manual.

Kapan alat gratis tidak cukup?

Generator Meta Tag vs. Templat Tag Siap Pakai: Membuat Aturan Satu Halaman Secara Manual vs. Aturan di Seluruh Situs

Generator ini ideal untuk lima halaman. Untuk lima ratus halaman, diperlukan pendekatan yang berbeda. Spesialis dibutuhkan jika:

  • Anda memiliki katalog, dan tag harus ditetapkan secara otomatis untuk setiap produk baru;
  • Situs ini multibahasa, dan tag diperlukan di setiap bahasa dengan pengaturan bahasa yang tepat;
  • Anda tidak tahu kueri apa yang mendatangkan pembeli, dan judul ditulis "secara asal-asalan";
  • Setelah mengganti CMS, tag hilang atau terduplikasi.

Apa yang bisa saya lakukan untuk situs web Anda?

Saya Valeriy Danyuk, seorang pengembang dan spesialis SEO dengan pengalaman 12 tahun dan lebih dari 200 klien. Saya menyertakan meta tag dalam template sejak hari pertama sehingga pemilik situs web tidak perlu khawatir tentang hal itu setiap kali mereka mempublikasikan konten.

SEO dan promosi

  • Audit SEO situs web lengkap: Saya mengumpulkan kata kunci, menulis templat tag untuk semua jenis halaman, dan menerapkannya ke dalam kode.
  • Autoblog dengan agen AI adalah tim editorial yang secara otomatis menghasilkan tag dan pratinjau untuk setiap artikel.

Situs web dan toko online

CRM dan otomatisasi

Kirimkan alamat situs web Anda melalui Telegram dan saya akan menyarankan formula judul untuk halaman-halaman utama Anda.

Hasil

  1. Generator meta tag online ini menyusun blok head yang sudah jadi: judul, deskripsi, canonical, robots, Open Graph, dan Twitter Card dengan pratinjau.
  2. Buat judul Anda sepanjang 30–60 karakter, deskripsi sepanjang 120–160 karakter, dan letakkan kata kunci dan manfaat di bagian depan.
  3. Setelah menempelkan kode, periksa apakah tag tidak duplikat dan apakah og:image ditentukan sebagai alamat lengkap.
  4. Untuk situs katalog dan multibahasa, tag dikumpulkan menggunakan templat—atau platform tempat hal ini telah dilakukan, seperti 1001site.

Kumpulkan tag untuk halaman beranda Anda menggunakan generator meta tag gratis — ini akan memakan waktu lebih singkat daripada membaca artikel ini.

Sumber

  • Halaman alat PromoPilot Meta Tag Generator - kolom, rentang yang direkomendasikan, dan FAQ.
  • Buka Graph Protocol (ogp.me) — deskripsi tag og:title, og:image, og:type, og:locale.
  • Dokumentasi plugin Yoast SEO dan Rank Math untuk WordPress.

Referensi dan sumber

Pertanyaan dan Jawaban

Berapakah panjang optimal untuk Judul dan Deskripsi?

Panduan generator: judul — 30–60 karakter, deskripsi — 120–160 karakter. Penghitung di bawah kolom akan menyoroti jika teks melebihi rentang yang ditentukan. Letakkan kata kunci dan manfaat terlebih dahulu; Google akan memotong bagian akhir teks yang panjang.

Mengapa tag Open Graph diperlukan?

Open Graph mengontrol pratinjau tautan di Facebook, LinkedIn, Telegram, WhatsApp, dan aplikasi lainnya: judul, deskripsi, dan gambar. Tanpa itu, aplikasi pesan akan mengambil teks dan gambar acak dari halaman, atau bahkan hanya menampilkan tautan kosong.

Di mana kode yang dihasilkan harus disisipkan?

Di bagian head halaman, sebelum tag penutup. Di WordPress lebih mudah mengisi kolom yang sama di plugin SEO (Yoast atau Rank Math), atau di page builder, di pengaturan SEO halaman. Pastikan tidak ada tag duplikat: dua tag title pada satu halaman adalah kesalahan.

Apa perbedaan antara generator dan analisis meta tag?

Generator ini membantu Anda menulis tag dan menghasilkan kode siap pakai. Analisis meta tag memeriksa apa yang sudah ada di halaman aktif dan menemukan kesalahan. Kombinasi yang praktis: periksa halaman, tulis ulang tag yang bermasalah di generator, masukkan, dan periksa lagi.

Kami sudah memeriksa situs webnya, tetapi tidak ada yang bisa memperbaikinya?

Alat gratis ini mengungkap masalah. Saya akan menganalisis laporan, memprioritaskan, dan memperbaikinya: audit SEO, peningkatan kecepatan, markup, dan migrasi ke situs baru tanpa kehilangan peringkat.