Bagaimana cara menjana tag meta dan tag Open Graph untuk halaman saya?

Isi Tajuk halaman, Penerangan meta, URL halaman dan URL imej sosial. Tag dibina semasa anda menaip. Pilih Format output (HTML, Next.js, JSX atau WordPress), kemudian gunakan Salin atau Muat turun dan tampal blok tersebut ke dalam head anda.

Berapa panjang tajuk dan penerangan meta saya sepatutnya?

Alat ini mencadangkan 30-60 aksara untuk tajuk dan 70-160 untuk penerangan. Pratonton carian Google, dengan paparan Desktop dan Mudah alih, menunjukkan bila teks akan dipotong. Lebar adalah anggaran kerana Google memotong berdasarkan piksel.

Mengapa pratonton pautan saya tidak menunjukkan imej atau menunjukkan gambar yang salah?

URL imej biasanya hilang, menggunakan http://, tidak boleh diakses secara awam, atau platform menyimpan cache pratonton lama. Alat ini mengesyorkan 1200x630 px, di bawah 5 MB, sebagai pautan https:// mutlak, dan memberi amaran apabila nisbah atau saiz tidak tepat.

Bolehkah saya menyemak tag meta halaman yang sudah saya ada?

Ya. Buka Import daripada HTML sedia ada, tampal head halaman atau HTML penuh, dan klik Isi borang daripada HTML. Bahagian Audit kemudian menyenaraikan isu. Penghuraian berjalan dalam pelayar anda dan tidak menjalankan skrip atau mengambil apa-apa.

Adakah penjana ini menghantar butiran halaman saya ke pelayan?

Tidak. Tag dipasang dalam pelayar anda dan HTML yang ditampal dibaca dengan DOMParser pelayar, yang tidak menjalankan skrip atau membuat permintaan rangkaian. Hanya pratonton imej memuatkan URL imej yang anda taip.

Adakah ia benar-benar percuma?

Ya. Setiap alat adalah percuma untuk digunakan, tanpa akaun dan tanpa kad kredit. Kerja dijalankan pada peranti anda dan bukannya pada pelayan kami, itulah yang menjadikannya percuma untuk dijalankan.

Adakah ia berfungsi pada peranti mudah alih?

Ya. Ia berjalan dalam pelayar mudah alih semasa di iOS dan Android, tanpa apa-apa untuk dipasang.

🏷️

Penjana Meta Tag & Open Graph percuma

Jana meta tag SEO, markup Open Graph, dan Twitter Card dengan pratonton langsung Google dan perkongsian sosial. Salin terus ke dalam kepala halaman anda.

Berjalan dalam pelayar andaTiada daftar, tiada tetingkap timbulTiada log masuk diperlukanPercuma selama-lamanya

Berfungsi luar talian selepas dimuatkan

Tajuk halaman0 · 0/580px

URL halaman

Meta keterangan0 · 0/920px

URL imej sosial

Terbaik: 1200×630 px, di bawah 5 MB, pautan https:// mutlak.

Nama laman

Handle Twitter/X

Pemegang pengarang Twitter/X

Jenis kad Twitter

Jenis Open Graph

Sertakan juga

Sertakan pautan kanonikal (menggunakan URL halaman)Set aksara dan viewport mudah alihPeringatan untuk menetapkan <html lang> kepada msog:locale (bahasa halaman)Pautan faviconWarna tema (bar pelayar pada telefon)

Pengindeksan enjin carian

Tajuk 0/580px (sasaran 30-60)Keterangan 0/920px (sasaran 70-160)

Pratonton carian Google

example.com

Tajuk halaman anda muncul di sini

Meta keterangan anda muncul di sini. Jadikan menarik untuk meningkatkan kadar klik dari hasil carian.

Lebar ialah anggaran: Google memotong mengikut piksel, bukan aksara.

Pratonton kad sosial

Pratonton og:image

example.com

Tajuk halaman

Keterangan halaman

Tampal ke dalam <head>

Isi sekurang-kurangnya satu medan di atas untuk menjana teg meta.

Kegunaan biasa

Tag Meta untuk catatan blogHasilkan tajuk, perihalan, dan tag sosial supaya artikel anda kelihatan hebat apabila dikongsi.
Tag Meta untuk halaman produkBuat halaman produk cantik untuk dikongsi dan mudah dibaca dalam hasil carian.
Tag Meta untuk halaman pendaratanKawal dengan tepat cara halaman pendaratan kempen anda muncul apabila dikongsi dan dicari.
Hasilkan tag Meta untuk mana-mana aplikasi webCipta dengan cepat set lengkap tag meta kepala untuk halaman atau laman web baru.
Baiki pratonton pautan yang jelekJangan biarkan pautan anda ditunjukkan sebagai URL kosong sahaja — tambah tag yang mencipta kad pratonton yang kaya.

Cara ia berfungsi

Semua pembinaan tag dan penghuraian head berlaku terus dalam pelayar anda — tiada pelayan terlibat. Alat ini menggunakan useMemo React untuk membina rentetan HTML secara reaktif dan API DOMParser asli pelayar untuk membaca markup halaman sedia ada bagi ciri import/audit.

1
Input borang menggerakkan pembinaan langsung
Semasa anda menaip, hook useMemo serta-merta membina semula keseluruhan blok tag — tajuk, deskripsi meta, sifat Open Graph, dan atribut Twitter Card — melepasi aksara khas (&, <, >, ") supaya output selamat untuk ditampal terus ke dalam HTML.
2
Pengesahan URL melalui pembina URL pelayar
Setiap medan URL (URL halaman, imej sosial) disahkan menggunakan pembina URL terbina dalam pelayar. Hanya alamat http:// atau https:// berbentuk-baik dengan nama hos bertitik lulus; nilai tidak sah menyekat butang salin dan menunjukkan ralat sebaris.
3
Import: DOMParser membaca markup head sedia ada
Jika anda tampal HTML <head> sedia ada untuk mengauditnya, alat ini menjalankannya melalui DOMParser dalam mod lengai — tiada skrip dilaksanakan dan tiada permintaan rangkaian dibuat. Ia kemudian menanya dokumen dihurai untuk pemilih meta yang diketahui (og:title, twitter:description, pautan kanonik, dll.) dan mengisi terlebih dahulu medan borang dengan apa yang ditemuinya.
4
Pratonton Google dan kad sosial langsung
Alat ini memaparkan hasil carian Google bergaya dan pratonton kad Open Graph secara masa nyata menggunakan state borang yang sama, supaya anda boleh lihat dengan tepat bagaimana tajuk dan deskripsi akan dipotong sebelum anda salin output.

Alat berkaitan

📐

Pengubah Saiz Imej Media Sosial

Ubah saiz dan pangkas imej ke saiz tepat 2026 untuk Instagram, YouTube, TikTok, X, Facebook, LinkedIn dan Pinterest — dengan panduan zon selamat dan ZIP kelompok. 100% dalam pelayar anda, tanpa muat naik.

CubaFail kekal tempatan

🎼

Penyunting Tag Audio (ID3)

Edit tag ID3 MP3 — tajuk, artis, album, tahun, genre dan kulit album — 100% dalam pelayar anda. Tiada muat naik, dan audio tidak dikodkan semula. Percuma dan peribadi.

CubaFail kekal tempatan

🔗

Penjana Slug

Tukar mana-mana tajuk atau teks kepada slug mesra URL. Sempurna untuk entri blog, halaman CMS, dan URL yang dioptimumkan SEO.

Cuba