Lewati ke konten
Toolars
Jelajahi
Laporkan bug

Sosial · utilitas Lokal

Generator Tag Meta Open Graph

Open Graph Meta Generator

Rakit tag og:title, og:type, og:url, og:description, og:image, dan og:site_name dengan escape aman dan pratinjau kartu berbagi, lalu salin atau unduh HTML-nya.

Jalur tugas / dari masukan ke hasil

Tulis judul dan deskripsi

Berjalan lokal · Tidak ada yang diunggah

Cara kerja Generator Tag Meta Open Graph, privasi, dan alat terkait

Jalur tugas / dari masukan ke hasil

Cara membuat tag meta Open Graph

  1. 01

    Tulis judul dan deskripsi

    Isi Judul (hingga 120 karakter) dan Deskripsi (hingga 300). Judul wajib —membuat tanpa judul berhenti dengan galat bernama— sedangkan deskripsi opsional dan menjadi og:description bila ada. Kedua kolom berhenti menerima masukan pada batasnya.

  2. 02

    Tambahkan URL

    Masukkan URL kanonik, yang harus berupa alamat HTTP atau HTTPS absolut, dan URL gambar opsional, yang juga harus absolut bila diisi. Alamat tidak valid ditolak dengan galat bernama sebelum apa pun dibuat, sehingga jalur relatif atau domain polos tidak pernah menyelinap ke dalam tag.

  3. 03

    Atur nama situs dan jenis

    Tambahkan Nama situs hingga 100 karakter dan pilih Jenis konten: Situs web, Artikel, atau Produk. Jenisnya menjadi nilai og:type dan nama situs menjadi og:site_name —biarkan kosong dan baris itu cukup dihilangkan dari markah.

  4. 04

    Buat tag

    Tekan Buat tag meta. Markah dirakit secara lokal sebagai satu elemen meta per baris dengan setiap nilai di-escape untuk atribut, dan keluaran jadinya harus tetap dalam batas lokal 16,000 karakter. Muat contoh mengisi contoh artikel lengkap dan langsung membuatnya dengan sekali klik.

  5. 05

    Tinjau dan salin

    Periksa kartu berbagi representatif —ia menampilkan nama situs, atau hostname URL kanonik bila nama situs tidak diisi, di atas judul dan deskripsi— dan baca markah yang dihasilkan di panel keluaran. Menyunting kolom mana pun menghapus markah sampai kamu membuat ulang. Lalu gunakan Salin tag meta untuk papan klip atau Unduh HTML untuk menyimpan tag sebagai toolars-open-graph-meta.html bagi head halamanmu.

Fakta alat

Pemrosesan
Di browser Anda
Input meninggalkan perangkat
Tidak pernah
Retensi
Tidak ada yang disimpan
Harga
Gratis

Masukan Anda tetap di peramban.

Generator Tag Meta Open Graph menggunakan jalur eksekusi lokal terverifikasinya dan tidak membuat riwayat masukan atau keluaran tersembunyi.

Eksekusi lokal

Berjalan di dalam tab peramban saat ini.

Tanpa pemrosesan tersembunyi

Data alat aktif tidak pernah menjadi catatan dokumen Toolars.

Tanpa perlu akun

Gunakan alur kerja inti tanpa membuat profil. Favorit disinkronkan ke akun Anda setelah masuk.

Atur ulang seketika

Bersihkan tab dan data kerja aktif pun hilang.

Apa yang sebenarnya dilakukan Generator Tag Meta Open Graph

Seorang pengembang akan merilis halaman arahan dan ingin tautannya terbuka dengan benar saat tim membagikannya di obrolan. Ia menulis judul 70 karakter, deskripsi dua kalimat, dan URL produksi, menyetel jenisnya ke Situs web, dan membuat enam baris tag. Generator Tag Meta Open Graph menyusun baris og:title, og:type, og:url, og:description, og:image, dan og:site_name dengan escape yang aman, serta menampilkan kartu berbagi representatif di samping markahnya agar ia bisa memeriksa pemotongan sebelum menempel cuplikan ke head. Draf teks dan URL yang belum dirilis tetap berada di tab peramban —tanpa ping validasi, tanpa unggahan.

Pertanyaan umum

Tag apa saja yang dibuat?
Selalu og:title, og:type, dan og:url; ditambah og:description, og:image, dan og:site_name bila kolomnya diisi. Setiap baris adalah elemen meta standar dengan atribut property, siap ditempel ke head halaman, dan baris opsional dihilangkan sepenuhnya alih-alih dipancarkan kosong.
Bagaimana kontennya di-escape?
Setiap nilai di-escape untuk atribut sebelum masuk ke markah: ampersand, tanda kutip ganda dan tunggal, serta tanda kurung sudut diganti dengan bentuk entitasnya. Itu menjaga judul yang mengandung kutipan atau karakter khusus tidak merusak tag, dan setiap nilai lebih dulu dipangkas dari spasi di sekitarnya.
Apa aturan validasi dan batasnya?
Judul wajib; URL kanonik harus berupa URL HTTP atau HTTPS absolut, begitu pula URL gambar bila diisi. Panjang dibatasi 120 karakter untuk judul, 300 untuk deskripsi, dan 100 untuk nama situs, dan markah jadinya harus tetap dalam 16,000 karakter.
Apa yang ditampilkan kartu berbagi representatif?
Kartu mencetak nama situs di atas judul dan deskripsi, dan jatuh kembali ke hostname URL kanonik bila kolom Nama situs kosong. Ia pratinjau representatif atas bagaimana nilai-nilainya terbaca bersama, digambar secara lokal —bukan render piksel-sempurna dari platform tertentu, karena setiap platform memotong dan memangkas dengan cara berbeda.
Apakah ada yang diunggah atau diambil?
Tidak. Markah dirakit dan kartu berbagi dipratinjau sepenuhnya di dalam tab peramban ini; URL gambar ditulis ke dalam tag tetapi tidak pernah diambil di sini. Tidak perlu akun, dan Atur ulang mengembalikan nilai contoh bawaan.

Lanjutkan di Mockup Sosial

Tugas terkait, bukan jalan buntu.

Pindah ke ruang kerja terfokus lainnya tanpa kembali ke indeks lengkap.

Filter Instagram

Instagram Filters

Terapkan resep filter Aurora, Noir, Senja, atau Vivid dengan penggeser intensitas pada foto PNG, JPEG, atau WebP, lalu unduh PNG seukuran aslinya.

Edit

Generator Postingan Instagram

Instagram Post Generator

Susun konsep unggahan fiktif dengan judul, keterangan, dan angka suka pilihan, lalu ekspor PNG 1200 × 900 berlabel mockup — jelas konsep, bukan bukti.

Publikasikan

Generator Story Instagram

Instagram Story Generator

Rancang bingkai story vertikal 1080 × 1920 dengan judul, ajakan bertindak, dan waktu konsep, diekspor sebagai PNG berlabel mockup fiksi yang jelas.

Publikasikan

Generator DM Instagram

Instagram DM Generator

Susun pertukaran DM fiktif dua gelembung dengan waktu skrip, dirender dalam bingkai ponsel bertanda air dan diekspor sebagai PNG 1200 × 900 berlabel.

Publikasikan