Creativism
ENID
Alat SEO

Generator Meta Tag

Buat meta tag SEO, Open Graph, dan Twitter Card untuk website Anda

GratisTanpa LoginDiproses di BrowserAlat SEO
0/70
0/160

Meta Tag yang Dihasilkan

<!-- Basic Meta Tags -->
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />

Cara Menggunakan Generator Meta Tag

  1. 1

    Buka halaman Generator Meta Tag

  2. 2

    Masukkan data atau konten yang ingin diproses

  3. 3

    Klik tombol untuk memproses dan lihat hasilnya secara instan

  4. 4

    Salin atau unduh hasilnya sesuai kebutuhan

Cara Penerapan

1Tambahkan ke HTML Head

  1. 1.Salin meta tag yang sudah di-generate dari output.
  2. 2.Buka file HTML Anda dan temukan bagian <head>.
  3. 3.Tempel meta tag di dalam <head>, sebelum tag penutup </head>.
  4. 4.Pastikan tidak ada meta tag duplikat.
  5. 5.Simpan dan deploy file HTML yang sudah diperbarui.

Tip: Letakkan tag canonical terlebih dahulu, lalu title, description, Open Graph, dan Twitter Card secara berurutan untuk kemudahan membaca.

2Tambahkan ke WordPress (Yoast SEO)

  1. 1.Buka halaman/postingan di editor WordPress. Klik ikon Yoast SEO di toolbar kanan atas untuk membuka panel Yoast di sidebar.
  2. 2.Tab SEO: Klik tab 'SEO'. Masukkan judul SEO di kolom 'SEO title', dan meta description di kolom 'Meta description'. Atur Focus keyphrase di bagian atas.
  3. 3.Tab Advanced: Klik tab 'Advanced'. Atur Canonical URL jika diperlukan. Konfigurasikan robots meta (index/noindex, follow/nofollow) menggunakan opsi dropdown.
  4. 4.Tab Social: Klik tab 'Social'. Atur gambar, judul, dan deskripsi untuk Facebook/Open Graph. Atur gambar, judul, dan deskripsi Twitter Card secara terpisah.
  5. 5.Klik 'Update' atau 'Publish' untuk menyimpan perubahan.

Tip: Di Yoast SEO versi terbaru, panel pengaturan ada di sidebar editor (bukan metabox di bawah konten). Klik ikon Yoast di toolbar kanan atas untuk mengaksesnya.

3Tambahkan ke WordPress (RankMath)

  1. 1.Buka halaman/postingan di editor WordPress.
  2. 2.Klik ikon RankMath di toolbar kanan atas.
  3. 3.Di bagian 'Edit Snippet', tempel judul dan deskripsi Anda.
  4. 4.Klik tab 'Social' untuk mengatur Open Graph dan Twitter Card.
  5. 5.Perbarui halaman untuk menyimpan perubahan.

4Tambahkan ke Next.js App Router

  1. 1.Buka file layout.tsx atau page.tsx halaman Anda.
  2. 2.Ekspor objek metadata: export const metadata = { title: '...', description: '...', openGraph: { ... }, twitter: { ... } }
  3. 3.Untuk halaman dinamis, gunakan fungsi async generateMetadata() sebagai gantinya.
  4. 4.Next.js akan otomatis menyisipkan metadata ini ke HTML head saat build/render.
  5. 5.Verifikasi dengan melihat page source di browser setelah deployment.

5Tambahkan ke Shopify

  1. 1.Buka Shopify Admin > Online Store > Preferences untuk meta tag homepage.
  2. 2.Untuk halaman produk/koleksi, edit bagian 'Search engine listing preview' di bagian bawah setiap item.
  3. 3.Untuk tag Open Graph kustom, edit file theme.liquid di tema Anda.
  4. 4.Tambahkan tag OG/Twitter meta di dalam bagian <head> dari theme.liquid.
  5. 5.Simpan dan preview toko Anda untuk verifikasi.

Apa itu Generator Meta Tag?

Generator Meta Tag adalah alat online gratis yang memungkinkan Anda buat meta tag seo, open graph, dan twitter card untuk website anda. Alat ini berjalan sepenuhnya di browser Anda, tanpa perlu login atau mengunggah data ke server.

Fitur

  • 100% gratis tanpa batasan penggunaan
  • Berjalan di browser - data Anda tetap privat
  • Tanpa perlu login atau membuat akun
  • Antarmuka yang mudah digunakan
  • Hasil instan secara real-time

Pertanyaan Umum

Mengapa Menggunakan Creativism Generator Meta Tag?

Generator Meta Tag dari Creativism Tools adalah solusi cepat dan mudah untuk buat meta tag seo, open graph, dan twitter card untuk website anda. Tidak perlu menginstall software atau membuat akun - cukup buka dan langsung gunakan.

Alat Terkait

Generator Robots.txt

Buat file robots.txt untuk mengontrol crawling mesin pencari

Generator Sitemap XML

Buat file XML sitemap untuk pengindeksan mesin pencari yang lebih baik

Simulator SERP

Pratinjau tampilan halaman Anda di hasil pencarian Google

Cek Kepadatan Keyword

Analisis frekuensi dan kepadatan kata kunci dalam konten Anda

Generator Schema Markup

Buat structured data JSON-LD untuk FAQ, Article, Product, dan lainnya

Pemeriksa Heading Tag

Analisis struktur heading H1-H6 dari halaman web mana pun

Jelajahi Semua Alat Gratis