Generator Meta Tag

Tempel alamat halaman Anda atau tulis judul dan deskripsinya, lalu dapatkan semua tag yang dibutuhkan halaman: dasar-dasar SEO, Open Graph untuk pratinjau tautan, dan Twitter Card, dengan pemeriksaan panjang saat Anda mengetik. Gratis, tanpa pendaftaran.
Generator Meta Tag
Panjang pas · 390 / 561 px · 39 karakter
Panjang pas · 877 / 985 px · 139 karakter
Opsional: tautan kanonis, dan ikon situs pada pratinjau Google.
1200×630 px cocok untuk Facebook, LinkedIn, dan X.

Tampilan tautan Anda di Google dan di media sosial

Meta tag

<title>Mug Keramik Buatan Tangan | Acme Studio</title>
<meta name="description" content="Mug keramik produksi kecil, diglasir dengan tangan di Portland. Gratis ongkir untuk pesanan di atas $50 dan kebijakan pengembalian 30 hari.">

<meta property="og:type" content="website">
<meta property="og:title" content="Mug Keramik Buatan Tangan | Acme Studio">
<meta property="og:description" content="Mug keramik produksi kecil, diglasir dengan tangan di Portland. Gratis ongkir untuk pesanan di atas $50 dan kebijakan pengembalian 30 hari.">

<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mug Keramik Buatan Tangan | Acme Studio">
<meta name="twitter:description" content="Mug keramik produksi kecil, diglasir dengan tangan di Portland. Gratis ongkir untuk pesanan di atas $50 dan kebijakan pengembalian 30 hari.">
<!-- Dibuat dengan Elfsight: https://elfsight.id/tools/meta-tag-generator/ -->

Tambahkan gambar untuk dibagikan. Tanpa og:image, jejaring sosial dan aplikasi pesan menampilkan tautan tanpa gambar atau memilih sendiri.

  1. Klik Salin kode di atas untuk menyalinnya.
  2. Buka file HTML halaman atau template yang dipakai semua halaman.
  3. Tempel kode di dalam <head>, sebelum penutup </head>.
  4. Simpan dan unggah halaman.

Tempat mengatur judul dan deskripsi di platform Anda

Sebagian besar pembuat situs memiliki kolom sendiri untuk judul dan meta description. Isi kolom tersebut daripada menempelkan tag ke kode halaman, agar Anda tidak berakhir dengan dua judul.

WordPress

  1. WordPress tidak memiliki kolom meta description sendiri. Pasang plugin SEO seperti Yoast SEO atau Rank Math.

  2. Buka halaman atau pos di editor.

  3. Yoast: di panel Yoast SEO, buka tampilan pencarian (pratinjau Google) dan isi SEO title serta Meta description. Rank Math: buka panel Rank Math dan klik Edit Snippet.

  4. Klik Update untuk menyimpan.

Panduan resmi:Yoast: meta descriptionRank Math: judul dan deskripsi SEO

Wix

  1. Di editor, buka Pages & Menu.

  2. Klik ikon More Actions di samping halaman dan pilih SEO basics.

  3. Isi Title tag dan Meta description.

  4. Klik Publish.

Panduan resmi:Wix: title tag dan meta description

Shopify

  1. Buka produk, koleksi, atau halaman di admin Shopify Anda.

  2. Di bagian Search engine listing, klik ikon edit (pensil).

  3. Isi Page title dan Meta description, lalu klik Save.

  4. Untuk beranda, buka Online Store → Preferences dan isi judul serta meta description di sana.

Panduan resmi:Shopify: judul dan meta descriptionShopify: preferensi toko online

Squarespace

  1. Buka panel Pages, arahkan kursor ke halaman dan klik ikon roda gigi.

  2. Buka tab SEO dan isi SEO Title serta SEO Description.

  3. Klik Save.

  4. Beranda tidak memiliki kolom SEO title. Atur deskripsinya sebagai SEO site description di pengaturan SEO Anda, pada tab Home di Search appearance.

Panduan resmi:Squarespace: mengedit judul halamanSquarespace: deskripsi SEO

Webflow

  1. Buka panel Pages dan klik ikon roda gigi di samping halaman untuk membuka Page settings.

  2. Di bawah SEO settings, isi Title tag dan Meta description.

  3. Di bawah Open Graph settings, centang kotaknya untuk memakai ulang untuk berbagi di media sosial, atau tulis yang terpisah.

  4. Publikasikan situs.

Panduan resmi:Webflow: SEO title dan meta descriptionWebflow: Open Graph

HTML

  1. Buka file HTML halaman.

  2. Tempel tag yang dihasilkan di dalam <head>, menggantikan <title> dan <meta name="description"> yang sudah ada.

  3. Beri setiap halaman judul dan deskripsinya sendiri.

  4. Unggah file lalu periksa dengan View Page Source di browser Anda.

Panduan resmi:Google: tautan judulGoogle: snippet dan meta description

Cara menggunakan meta tag

  1. Tulis judul dan deskripsi

    Perhatikan penghitung piksel: alat SEO biasanya menandai judul di atas sekitar 560 px (kira-kira 60 karakter) dan deskripsi di atas sekitar 985 px.

  2. Tambahkan gambar untuk dibagikan

    Gambar ini muncul saat halaman dibagikan di aplikasi pesan dan jejaring sosial.

  3. Tempel ke head

    Letakkan tag di dalam <head> halaman, atau salin nilainya ke kolom SEO di CMS Anda.

Pertanyaan yang sering diajukan

Alat SEO & schema lainnya

Generator Favicon

Buat favicon dan ikon aplikasi dalam semua ukuran dari satu gambar.Generator Favicon