Logo The Social Media Kit
The Social Media Kit Alat Percuma
🇲🇾 Bahasa Melayu (Malaysia)
⚡ Facebook / LinkedIn / X Utiliti

Open Graph Pencipta Kod Tag <Meta> & Pratinjau Kad Laman Web

Saksikan dengan yakin rupa kad tautan bergambar laman rasmi syarikat apabila dilesapkan kepada Facebook, LinkedIn mahupun X kemudian muat turun kodnya.

Configure Open Graph Link Parameters

HTML <meta> Embed Block
<!-- Open Graph Social Share Tags -->
<meta property="og:title" content="The Ultimate Programmatic SEO Social Media Kit" />
<meta property="og:description" content="50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel." />
<meta property="og:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&h=630&fit=crop&q=80" />
<meta property="og:url" content="https://thesocialmediakit.com/tools" />
<meta property="og:type" content="website" />
<!-- X (Twitter) Card Meta -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="The Ultimate Programmatic SEO Social Media Kit" />
<meta name="twitter:description" content="50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel." />
<meta name="twitter:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&h=630&fit=crop&q=80" />

Paste this block inside the head section for instant rich cards.

🌐 Live Social Media Card Rendering Simulation

🔗 LinkedIn Link Preview
Gambar Kecil OG
THESOCIALMEDIAKIT.COM

The Ultimate Programmatic SEO Social Media Kit

50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel.

LinkedIn Feed Post Appearance
📘 Facebook Share Summary
Gambar Kecil Facebook
THESOCIALMEDIAKIT.COM

The Ultimate Programmatic SEO Social Media Kit

50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel.

Facebook News Feed Appearance
🕊️ X / Twitter Large Image Card
Gambar Kecil X
THESOCIALMEDIAKIT.COM

The Ultimate Programmatic SEO Social Media Kit

50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel.

X Timeline Summary Large Image Card
⚡ Kongsi alat ini:
𝕏in f P LINE VK 博✉️
Sponsored • Advertisement Placement Horizontal Leaderboard Shield (min-h: 250px)
💡 💡 Tip Pencipta Kandungan

Petua Pro untuk Facebook / LinkedIn / X: Letakkan cangkuk paling penting anda dalam 140 aksara pertama untuk memastikan keterlihatan mudah alih penuh sebelum tamat.

🛠️ Panduan Selesaikan Masalah

❓ Mengapakah teks siaran saya pada Facebook / LinkedIn / X terpotong lebih awal pada telefon mudah alih?

💡 Aplikasi mudah alih memotong siaran selepas kira-kira 140 aksara. Letakkan cangkuk utama di bahagian awal dan gunakan pemisah baris yang kemas.

🚀 Cara Penggunaan Open Graph Pencipta Kod Tag <Meta> & Pratinjau Kad Laman Web

  1. 01

    Tampal atau taip kandungan anda ke dalam editor interaktif di bawah.

  2. 02

    Semak pratonton masa nyata untuk memastikan had aksara dan zon selamat dihormati.

  3. 03

    Laraskan pemformatan, pemisah baris atau pemangkasan dengan ketepatan sempurna piksel.

📐 Panduan Cepat & Dimensi

Platform Dimensions & Formatting Reference for Facebook / LinkedIn / X

Display dimensions, character boundaries, and mobile safe zones tested on current Facebook / LinkedIn / X app versions.

Spesifikasi Piawaian Platform Amalan Disyorkan
Platform Caption Format Facebook / LinkedIn / X Feed Post Caption UTF-8 Unicode Compatible
Mobile Feed Truncation LinkedIn (~140 Chars) / X (280 Chars) / IG (~125 Chars) Hook Readers in First 100 Characters
Clean Line Spacing Clean Paragraph Breaks Stops iOS and Android Apps from Merging Lines
Maximum Character Limit X (280) / IG (2,200) / LinkedIn (3,000) / TikTok (4,000) Tracked in Real Time as You Type
Mobile Readability Short, Scannable Paragraphs Boosts Dwell Time & Reader Engagement

Petua Praktikal untuk Pencipta

When posting on Facebook / LinkedIn / X, keeping captions and subtitles within visible safe zones prevents your message from being covered by mobile app icons (like buttons, comment trays, usernames, or audio tags). For text posts, proper line spacing ensures your paragraphs remain clean and readable across both iOS and Android apps.

All previews and checks in Open Graph Pencipta Kod Tag <Meta> & Pratinjau Kad Laman Web run 100% client-side inside your web browser. Your drafts, captions, and media are never uploaded to any remote server, giving you complete privacy and instant feedback.

🔄 Langkah Seterusnya
Alur Disyorkan #1

LinkedIn Pembenar Format Siaran & Semakan Potongan Teks

Pratonton di manakan hantaran LinkedIn anda dipendekkan oleh butang '...lihat seterusnya' pada skrin bimbit (~140 aksara) serta desktop (~210 aksara).

Teruskan Alur → →
Alur Disyorkan #2

LinkedIn Penyemak Nisbah Aspek Slaid Karusel & Dokumen PDF

Periksa ukuran slaid dokumen karusel anda (nisbah 1:1 empat segi atau 4:5 menegak) sebelum eksport ke PDF untuk menjauhi kecemaran saiz yang kabur.

Terokai Alat → →

💡 Soalan Lazim (FAQ)

Q: Bagaimana nak pastikan kad pautan di LinkedIn memaparkan gambar yang betul, bukan imej lama?

Pastikan og:image menggunakan URL HTTPS mutlak, imej sekitar 1200 × 630 piksel dan halaman boleh dicapai tanpa log masuk. Selepas menukar gambar, jalankan semula pemeriksaan melalui LinkedIn Post Inspector supaya cache pratonton dikemas kini.