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 Open Graph

Tempel HTML halaman Anda dan lihat seketika tag Open Graph dan Twitter Card mana yang ada, tag wajib mana yang hilang, dan nilai persis masing-masing.

Generator Breadcrumb Schema

Buat BreadcrumbList JSON-LD yang valid untuk hierarki halaman apa pun. Menghasilkan markup schema.org siap ditempel ke head situs Anda.

Pemeriksa Indeksabilitas

Periksa apakah sebuah URL dapat diindeks: robots.txt, meta robots, X-Robots-Tag, sinyal kanonik, dan status HTTP.

Pembuat Tautan UTM

Bangun URL pelacakan kampanye dengan parameter UTM source, medium, campaign, term, dan content. Tautan bersih ber-URL-encode, siap untuk iklan dan newsletter.

Parser UTM

Tempel URL kampanye dan baca lima tag UTM standarnya (source, medium, campaign, term, dan content) dengan setiap nilai ter-decode. Cara cepat memeriksa tautan pelacakan sebelum dikirim.

Penganalisis Header Keamanan

Tempel header respons HTTP Anda dan dapatkan saran berprioritas tentang header keamanan yang penting: Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, Referrer-Policy, dan lainnya.

Alat ini tersedia dalam bahasa lain