Penukar Percuma

Tag OG Penjana

Hasilkan tag meta Graf Terbuka untuk Facebook, Twitter dan LinkedIn. Penjana tag OG percuma dengan pratonton kad sosial secara langsung.

0/95
0/200

Pratonton Facebook

YOURWEBSITE.COM
Tajuk halaman anda (maks 95 aksara)
Penerangan ringkas halaman anda (maks 200 aksara)

HTML yang dihasilkan

<!-- Open Graph Tags -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

Tentang alat ini

Teg Graf Terbuka (OG) mengawal cara halaman muncul apabila dikongsi pada platform sosial. Facebook, LinkedIn, Slack, Discord dan banyak lagi membaca tag OG untuk membina kad pratonton. Tanpa teg OG yang betul, pautan kongsi kelihatan rosak — favicon generik, imej hilang, tajuk terpotong. Dengan mereka, saham kelihatan digilap dan kadar klik lalu meningkat dengan ketara.

Teg OG standard: og:title (tajuk yang ditunjukkan dalam pratonton), og:description (coretan teks), og:image (imej pratonton, idealnya 1200×630), og:url (URL kanonik), og:type (biasanya 'laman web' atau 'artikel'). Lapisan tag Kad Twitter di atas: twitter:kad, twitter:tajuk, twitter:penerangan, twitter:imej. Kebanyakan alatan kembali kepada OG apabila teg khusus Twitter tiada.

Penjana ini menghasilkan set lengkap tag OG dan Kad Twitter daripada input anda. Tampalkan HTML yang terhasil ke dalam <head> halaman. Hasilnya ialah pemaparan pratonton yang betul merentas semua platform sosial utama.

Mengapa Menggunakan Penjana Tag OG

Halaman tanpa tag OG kelihatan buruk apabila dikongsi. Imej kosong, tajuk generik, huraian tiada — pratonton bersaing buruk dengan halaman yang ditag dengan betul dalam suapan. Untuk pemasaran kandungan dan perkongsian pautan, ini secara langsung mempengaruhi kadar klikan.

Tag OG tulisan tangan adalah berulang. Setiap halaman memerlukan set sendiri. Penjana yang menghasilkan teg yang betul daripada beberapa input mengelakkan kesilapan menaip dan sifat terlepas yang memecahkan pratonton sosial.

Cara menggunakan

Isikan input, dapatkan tag.

  1. Masukkan tajuk dan huraian: Inilah yang muncul dalam pratonton kongsi. Simpan tajuk di bawah 60 aksara dan huraian di bawah 200 aksara untuk paparan bersih merentas platform.
  2. Sediakan URL imej: 1200×630 piksel ialah saiz standard. Gunakan URL mutlak (https://example.com/og-image.png). Imej mesti boleh diakses secara umum — pratonton pecah imej yang disahkan.
  3. Tetapkan URL kanonik: URL halaman itu sendiri. Digunakan sebagai og:url dan membantu platform mengenal pasti sumber kanonik walaupun dikongsi melalui URL ubah hala.
  4. Pilih jenis halaman: laman web untuk halaman umum, artikel untuk catatan blog dan berita, produk untuk e-dagang. Mempengaruhi cara sesetengah platform memaparkan pratonton.
  5. Salin tag yang dijana: Alat ini menghasilkan tag pautan HTML sedia untuk ditampal ke dalam <head> halaman. Mohon melalui CMS, enjin templat anda atau terus dalam HTML.

Kes Penggunaan Biasa

Butiran Teknikal

Teg OG menggunakan atribut sifat meta (bukan nama): <meta property="og:title" content="..." />. Atribut sifat diperlukan untuk OG; sesetengah parser menerima nama sebagai sandaran tetapi harta adalah betul.

Keperluan imej: 1200×630 piksel untuk pemaparan retina, nisbah bidang 1.91:1. tag og:image:width dan og:image:height membantu platform cache imej dengan betul. og:image:alt menyediakan teks kebolehaksesan.

Tag Kad Twitter menggunakan atribut nama: <meta name="twitter:title" content="..." />. Twitter kembali kepada teg OG apabila khusus Twitter tiada, jadi OG yang ditetapkan dengan baik selalunya mencukupi. Menambah twitter:card secara eksplisit memilih jenis kad (summary_large_image adalah yang paling biasa).

Amalan Terbaik

Soalan lazim

Bolehkah saya menyesuaikan output yang dihasilkan?
ya. Alat ini menyediakan pelbagai pilihan penyesuaian untuk menyesuaikan output dengan keperluan khusus anda. Laraskan tetapan sebelum menjana, atau jana semula dengan pilihan yang berbeza.
Adakah kandungan yang dihasilkan percuma untuk digunakan?
ya. Semua yang anda jana dengan alat ini adalah milik anda untuk digunakan untuk tujuan peribadi, pendidikan atau komersial tanpa sebarang sekatan atau keperluan atribusi.
Adakah ini memerlukan akaun?
Tidak. Alat ini sedia untuk digunakan serta-merta tanpa pendaftaran, tanpa e-mel dan tanpa pendaftaran. Hanya buka halaman dan mula menjana.
Adakah data input saya dirahsiakan?
ya. Semua pemprosesan berlaku dalam penyemak imbas anda. Data input dan output yang dijana anda tidak pernah dihantar ke mana-mana pelayan luaran.
Bolehkah saya menggunakan imej OG yang sama untuk setiap halaman?
Mungkin tetapi tidak optimum. Imej khusus halaman mengatasi imej seluruh tapak generik untuk klik lalu. Gunakan lalai untuk sandaran tetapi hasilkan imej setiap halaman untuk kandungan penting.
Adakah pengisytiharan dimensi imej diperlukan?
Membantu tetapi tidak diperlukan sepenuhnya. og:image:width dan og:image:height membenarkan platform cache imej tanpa mengambil semula untuk menentukan dimensi. Mempercepatkan saham seterusnya.
Adakah data saya dimuat naik?
Tidak. Penjanaan berlaku dalam penyemak imbas anda.
Bagaimanakah cara saya menguji tag OG?
Penyahpepijat Perkongsian Facebook, Pengesah Kad Twitter dan Pemeriksa Pos LinkedIn masing-masing mengambil dan mengesahkan. Gunakannya selepas menggunakan teg OG baharu.