Softonic

Generator Meta Tag

Langkah 1 / 4 Tag yang dihasilkan
Berikutnya

Versi lengkap dari generator meta tag cepat, alat ini menghasilkan paket lengkap: tag SEO utama, Open Graph dengan varian per lokasi, Twitter Card yang mendukung tautan langsung ke aplikasi, kumpulan favicon (ico, svg, apple-touch-icon, mask-icon), tautan manifest PWA, warna tema untuk skema terang dan gelap, serta blok JSON-LD opsional untuk skema Artikel, Produk, Resep, FAQ, atau Acara. Sangat berguna saat memulai situs baru dan Anda ingin memastikan <head> benar sejak awal.

Cara menyusun kumpulan meta tag lengkap

  1. 1

    Isi kolom inti

    Judul, deskripsi, canonical, nama situs, dan gambar default.

  2. 2

    Tambahkan penggantian khusus media sosial

    Gunakan judul atau deskripsi yang berbeda untuk Open Graph atau Twitter jika diperlukan.

  3. 3

    Konfigurasikan ikon dan PWA

    Jalur favicon, ikon Apple touch, manifest, warna tema untuk mode terang/gelap.

  4. 4

    Pilih tipe Schema.org

    Artikel, Produk, Resep, Acara, FAQ, Organisasi. Mengisi JSON-LD berdasarkan data yang Anda masukkan.

  5. 5

    Salin cuplikan lengkap

    Tempel di antara `<head>...</head>`.

Paket lengkap

  • SEO utama: <title>, description, canonical, viewport, robots, author, charset.
  • Open Graph: og:type, og:title, og:description, og:image (dengan lebar/tinggi), og:url, og:site_name, og:locale, dan og:locale:alternate untuk terjemahan.
  • Twitter Card: twitter:card, twitter:site, twitter:creator, twitter:title, twitter:description, twitter:image, twitter:app:* untuk tautan langsung ke aplikasi native.
  • Ikon: favicon multi-format (.ico untuk versi lama, .svg untuk versi modern, ikon Apple touch 180×180, ikon masker untuk tab yang disematkan di Safari).
  • PWA: tautan manifest.json, theme-color untuk terang dan gelap, apple-mobile-web-app-capable.
  • JSON-LD: data terstruktur Schema.org untuk tipe konten tersebut.

Templat JSON-LD per skema

Artikel

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18",
  "dateModified": "2026-04-18",
  "image": "https://..."
}

Produk

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "...",
  "image": "https://...",
  "brand": { "@type": "Brand", "name": "..." },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

Halaman FAQ

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "...",
    "acceptedAnswer": { "@type": "Answer", "text": "..." }
  }]
}

Kapan menggunakan setiap tipe Schema.org

Jenis konten Skema
Tulisan blog, berita Article / NewsArticle
Halaman produk Product + Offer
Resep Recipe
Acara (konser, webinar) Event
Orang (halaman penulis) Person
Halaman perusahaan Organization
FAQ FAQPage
Navigasi breadcrumb BreadcrumbList
Bisnis lokal LocalBusiness

Validasi

Setelah menempel, validasi seluruh <head>:

  • Rich Results Test (Google) untuk kelayakan JSON-LD.
  • Schema Markup Validator untuk memeriksa kebenaran Schema.org.
  • Facebook Sharing Debugger untuk pratinjau Open Graph.
  • Twitter Card Validator untuk pratinjau Twitter.
  • Lighthouse (Chrome DevTools → Lighthouse) untuk audit menyeluruh.

Pertanyaan yang Sering Diajukan

Tidak secara langsung. JSON-LD sendiri tidak menaikkan peringkat. Namun, ia memungkinkan tampilan hasil kaya (peringkat bintang, akordeon FAQ, harga, dan stok) yang dapat meningkatkan rasio klik. Rasio klik yang lebih baik membantu secara tidak langsung.

Ya. Pola yang umum: satu BreadcrumbList dan satu Article (atau Product). Jaga agar setiap blok fokus pada satu tipe skema, bukan dicampur-campur.

Twitter memang kembali menggunakan OG, tetapi Anda mungkin menginginkan rasio aspek gambar yang berbeda atau handel pembuat yang tidak didukung OG. Atur tag khusus Twitter hanya pada bagian yang berbeda dari OG.

Tidak. Ia mewarnai antarmuka browser di Android Chrome dan iOS Safari (saat ditambahkan ke layar utama). Browser desktop mengabaikannya.

Tidak, generator ini berjalan sepenuhnya di browser Anda. Semua masukan Anda tetap tersimpan secara lokal.

Alat Terkait

Pemeriksa Panjang Deskripsi Meta

Ukur meta deskripsi dalam karakter dan perkiraan piksel, bandingkan acuan editorial, lalu tinjau contoh tata letak desktop dan seluler.

Simulator SERP Google

Periksa snippet perkiraan bergaya Google dengan batas karakter untuk seluler dan desktop. Draf Anda tetap di sesi browser ini.

Ekstraktor Tautan Eksternal

Tempelkan kode HTML mentah, tentukan URL dasar secara opsional, dan dapatkan daftar bersih tanpa duplikat dari semua tautan eksternal http/https dalam kode untuk audit tautan dan evaluasi SEO.

Validator Sitemap XML

Periksa XML sitemap di browser untuk menemukan error parsing, lokasi yang hilang, URL duplikat, dan nilai kolom umum.

Pemeriksa header keamanan HTTP

Tempel header respons HTTP dan tinjau HSTS, CSP, clickjacking, MIME, referrer, serta kebijakan lintas origin secara lokal.

Generator Skema FAQ

Buat markup JSON-LD FAQPage dari pasangan pertanyaan dan jawaban agar halaman Anda memenuhi syarat untuk hasil kaya (rich results) dan kotak jawaban Google.

Alat ini tersedia dalam bahasa lain