Penjana Open Graph

Semua alat

Jana tag Open Graph dan Twitter Card supaya halaman anda kelihatan hebat apabila dikongsi, dengan pratonton kad sosial langsung. Percuma dan berjalan dalam pelayar anda.

Semuanya berjalan dalam pelayar anda. Tiada apa-apa yang anda taip dimuat naik ke mana-mana.

Tag
Saiz disyorkan: 1200 × 630 px.
Twitter / X
Pratonton Facebook / LinkedIn
Belum ada imej
Pratonton Twitter / X
Meta tag yang dijana

Mengenai Penjana Open Graph

Open Graph Generator mencipta tag meta og: dan twitter: yang mengawal cara pautan dipaparkan apabila dikongsi di Facebook, LinkedIn, X dan platform lain. Tetapkan jenis kandungan (website, article, product atau profile), title, description, canonical URL, imej, nama laman dan locale, ditambah pilihan Twitter Card termasuk jenis kad serta pemegang site/author.

Dua pratonton langsung — satu bergaya kad kongsi Facebook/LinkedIn dan satu lagi seperti kad X — dikemas kini semasa anda menaip, supaya anda boleh lihat dengan tepat bagaimana title, description, domain dan imej 1200 × 630 px akan kelihatan sebelum halaman itu diterbitkan.

Segalanya berjalan dalam pelayar anda; tiada apa yang anda taip dimuat naik. Salin tag Open Graph dan Twitter Card yang dijana ke papan klip atau muat turun sebagai snippet HTML yang sedia untuk ditampal ke dalam <head> halaman anda.

Cara menggunakan Penjana Open Graph

  1. Pilih og:type — website, article, product atau profile — atau klik "Fill sample" untuk bermula daripada contoh.
  2. Masukkan title, description, canonical URL dan URL imej (1200 × 630 px disyorkan), ditambah nama laman dan locale.
  3. Tetapkan jenis Twitter Card (Summary atau Summary with large image) dan pilihan pemegang @site serta @creator.
  4. Semak kedua-dua pratonton kad sosial semasa ia dikemas kini secara langsung.
  5. Salin tag meta yang dijana atau muat turun fail .html dan tambahkannya ke halaman anda.

Soalan lazim

Gunakan 1200 × 630 piksel. Nisbah itu dipaparkan dengan jelas sebagai kad besar di Facebook, LinkedIn dan X tanpa pemotongan yang tidak dijangka.

X kembali menggunakan Open Graph untuk kebanyakan medan, tetapi twitter:card diperlukan untuk memilih susun atur kad, dan twitter:site / twitter:creator menambah pengiktirafan — penjana ini menghasilkan kesemuanya sekali gus.

Platform sosial menyimpan cache pratonton pautan. Selepas menerbitkan tag baharu, imbas semula URL menggunakan sharing debugger atau card validator platform berkenaan untuk menyegarkan cache.

Tidak. Data borang, pratonton dan markup yang dijana wujud hanya dalam pelayar anda — tiada apa yang dihantar ke pelayan.

Ya, sepenuhnya percuma tanpa had.
Kongsi ini
Alat Berkaitan
Penjana Meta Tag Bina set lengkap meta tag HTML SEO — tajuk, penerangan, robots, canonical, viewport dan banyak lagi — dengan pratonton Google langsung. Percuma, dalam pelayar anda. Percuma
Penjana Schema.org / JSON-LD Cipta data berstruktur Schema.org (JSON-LD) yang sah untuk Article, Organization, Product, FAQ dan banyak lagi — untuk hasil kaya. Percuma, dalam pelayar anda. Percuma
Penjana Sitemap XML Tukar senarai URL menjadi sitemap XML yang sah dengan lastmod, changefreq dan priority, sedia untuk dihantar ke enjin carian. Percuma, dalam pelayar anda. Percuma
Kod Status HTTP Cari setiap kod status respons HTTP (1xx–5xx) dalam direktori boleh cari dan boleh tapis — kemudian buka mana-mana kod untuk maksudnya, bila menggunakannya, sama ada ia boleh dicache dan RFC yang mentakrifnya. Dalam pelayar anda, percuma. Percuma
Kaedah HTTP Rujukan boleh imbas untuk setiap kaedah permintaan HTTP — GET, POST, PUT, PATCH, DELETE dan selebihnya, serta WebDAV — menunjukkan sepintas lalu sama ada setiap satu selamat, idempoten dan boleh dicache, jika ia mengambil badan, dan contoh tipikal. Dalam pelayar anda, percuma. Percuma
Rujukan Pengepala HTTP Cari pengepala permintaan dan respons HTTP biasa dalam direktori boleh cari — tapis mengikut arah dan kategori, baca penerangan satu baris dan contoh realistik, dan salin mana-mana nama pengepala dengan satu klik. Dalam pelayar anda, percuma. Percuma
Perlukan bantuan?
Menemui masalah dengan alat ini? Beritahu pasukan kami.
Laporkan masalah

Tambah alat percuma ini ke laman web anda sendiri — salin dan tampal kod di bawah.