หัวข้อ

OG Images สำหรับบทความบล็อก

OG image สำหรับบทความบล็อกคือภาพตัวอย่างโซเชียลขนาด 1200×630 ที่แสดงเมื่อมีคนแชร์บทความของคุณบน X, LinkedIn, Facebook, Slack หรือ WhatsApp FastOG สร้างภาพดังกล่าวแบบไดนามิกตามคำขอจากชื่อบทความ บทคัดย่อ และผู้เขียน — ไม่ต้องออกแบบ ไม่ต้องอัปโหลด ไม่ต้องสมัครสมาชิก และไม่ต้องเข้าสู่ระบบเพื่อเริ่มใช้งาน

ทำไมบทความบล็อกแต่ละโพสต์ถึงต้องมี OG image ของตัวเอง

ลิงก์ที่ถูกแชร์โดยไม่มีการ์ด หรือมีการ์ดแบบเก่าทั่วไป จะกลืนหายไปกับโพสต์อื่นๆ ทั้งหมด การ์ดเฉพาะโพสต์ที่มีชื่อเรื่องจริงและเลย์เอาต์ที่สะอาดตาจะช่วยให้ได้รับการแชร์และคลิกมากขึ้น ต้นทุนในการสร้างการ์ดทีละโพสต์ด้วยมือคือเหตุผลที่บล็อกส่วนใหญ่เลือกใช้เพียงภาพดีฟอลต์เดียว — และนั่นคือปัญหาที่ FastOG แก้ไขได้อย่างตรงจุด

วิธีสร้าง OG image แบบไดนามิกสำหรับบทความในบล็อก

คุณลงนาม (sign) URL ในช่วงเวลาที่เรนเดอร์หน้าเว็บด้วย template=blog, ชื่อบทความ, ข้อความคัดย่อ และผู้เขียน เมื่อ social crawler ดึงข้อมูลมา FastOG จะเรนเดอร์ PNG หนึ่งครั้ง และ Cloudflare จะแคชไว้ เพื่อให้การแชร์ครั้งต่อๆ ไปเป็นไปอย่างทันทีและไม่มีค่าใช้จ่าย

tsx

// Next.js App Router — app/blog/[slug]/page.tsx
export async function generateMetadata({ params }) {
    const post = await getPost(params.slug);
    return {
        title: post.title,
        openGraph: {
            images: [generateOgImageUrl({
                template: "blog",
                title: post.title,
                subtitle: post.excerpt,
                author: post.author.name,
            })],
        },
    };
}

ใช้ template=blog สำหรับการ์ดบล็อกเฉพาะที่มีผู้เขียนและพาดหัว หรือ default สำหรับเลย์เอาต์ที่เรียบง่ายเฉพาะชื่อเรื่องเท่านั้น เทมเพลตทั้งหมดเรนเดอร์ที่ขนาด 1200×630

เทมเพลตใดเหมาะกับบล็อกของคุณ

หากบล็อกของคุณ…	ใช้เทมเพลต	โบนัส
แสดงชื่อผู้เขียน + บทคัดย่อ	`blog`	รวมบรรทัดชื่อผู้เขียน
ส่วนใหญ่เป็นชื่อเรื่อง + คำโปรย	`default`	เรียบง่าย เน้นแบรนด์
ใช้รูปภาพหรือภาพปก	`editorial` / `image-right`	เลย์เอาต์ที่เน้นรูปภาพ
เผยแพร่โพสต์เปิดตัว / โพสต์ผลิตภัณฑ์	`launch`	ฟิลด์เวอร์ชัน + โดเมน

คำถามที่พบบ่อย

FastOG มีค่าใช้จ่ายเท่าไรสำหรับโพสต์บล็อก?

หนึ่งเรนเดอร์ต่อรูปภาพที่ไม่ซ้ำกัน URL ที่เหมือนกันจะถูกแคชที่ขอบเครือข่ายอย่างถาวรและไม่นับรวมกับโควต้ารายเดือนของคุณ

ฉันจำเป็นต้องสร้างรูปภาพใหม่เมื่อแก้ไขโพสต์หรือไม่?

เฉพาะเมื่อชื่อเรื่อง บทสรุป หรือผู้เขียนมีการเปลี่ยนแปลง — URL ขึ้นอยู่กับเนื้อหา ดังนั้นการเปลี่ยนแปลงเนื้อหาจะสร้าง URL ใหม่และเรนเดอร์ใหม่ URL ที่ไม่เปลี่ยนแปลงจะยังคงถูกแคชและไม่นับรวมกับโควต้าของคุณ

ฉันสามารถใช้ FastOG กับเฟรมเวิร์กบล็อกที่มีอยู่ของฉันได้หรือไม่?

ได้ ฟังก์ชัน signer แบบเสียบปลั๊กได้มีให้สำหรับ Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python และ Ruby/Rails ดูเพิ่มเติมที่ หน้า SDK

ลองใช้ฟรี — ไม่ต้องสมัครสมาชิก

ดูตัวอย่างและทดสอบภาพ OG แบบไดนามิกได้ในไม่กี่วินาที

เปิดตัวทดสอบภาพ OG ฟรี