Tạo OG Images ở Quy mô Lớn

Tạo og:image ở quy mô lớn nghĩa là tự động tạo ra một bản xem trước xã hội (social preview) duy nhất và chính xác cho mọi trang của một website lớn — hàng nghìn bài blog, sản phẩm hoặc trang tài liệu. FastOG kết xuất từng hình ảnh theo yêu cầu (1 lần kết xuất) và Cloudflare lưu vào bộ nhớ đệm (cache) các URL giống hệt nhau vĩnh viễn, do đó quy mô không làm tăng chi phí hoặc thời gian thiết lập.

Vấn đề với hình ảnh độc nhất ở quy mô lớn

Việc tự tay tạo ra hàng nghìn hình ảnh 1200×630 là điều không khả thi. Hầu hết các đội ngũ thường quay lại sử dụng một thẻ chung cho toàn bộ trang web — một cơ hội bị bỏ lỡ, vì một thẻ cho từng trang với tiêu đề thực tế sẽ nhận được nhiều lượt chia sẻ và nhấp chuột hơn. Giải pháp là kết xuất theo yêu cầu mang tính xác định: hình ảnh được tạo ra từ chính dữ liệu của trang tại thời điểm kết xuất.

Vì sao FastOG mở rộng tốt

Ý tưởng cốt lõi là URL có chữ ký nội dung và được lưu cache:

Bạn ký một URL từ tiêu đề trang và các trường tại thời điểm render (một hàm thuần túy của nội dung).
Trình thu thập dữ liệu (crawler) tải URL một lần; FastOG render PNG (1 lần render) và lưu cache tại biên (edge).
Mọi lần tải sau của cùng một URL được phục vụ từ cache — tức thì và không bị tính phí.

Vì vậy, 10.000 trang riêng biệt chỉ tính 10.000 lần render một lần duy nhất, và số lượt chia sẻ không giới hạn sau đó không tốn chi phí.

Triển khai hàng loạt / có hệ thống

Để triển khai og:image trên toàn bộ trang web, hãy tạo các URL tại thời điểm build hoặc khi xuất bản cho từng trang:

tsx

// Static generation — generateMetadata per route
export async function generateStaticParams() {
    return posts.map((p) => ({ slug: p.slug }));
}

export function generateMetadata({ params }) {
    const post = posts.find((p) => p.slug === params.slug);
    return {
        openGraph: {
            images: [generateOgImageUrl({
                template: "blog",
                title: post.title,
                subtitle: post.excerpt,
                author: post.author,
            })],
        },
    };
}

Các mẫu thiết kế giúp mở rộng quy mô với chi phí thấp

Mẫu thiết kế	Vì sao hữu ích
Ký tại thời điểm build/render	URL xác định → bộ nhớ đệm dùng chung
Tái sử dụng một mẫu cho mỗi loại nội dung	Thương hiệu nhất quán, ít quyết định thiết kế hơn
Lưu vào bộ nhớ đệm các URL giống nhau	Các lượt chia sẻ lặp lại không tính phí
Tạo khi xuất bản, không tạo ở mỗi yêu cầu	Tránh render nguội ở lần chia sẻ đầu tiên

FAQ

Chi phí cho 1.000 hoặc 10.000 trang là bao nhiêu?

Mỗi lần render tính cho một hình ảnh duy nhất. 10.000 trang duy nhất = 10.000 lần render một lần; việc chia sẻ lại không giới hạn sẽ không tốn phí. Xem bảng giá cho các gói Dynamic API.

Còn các trang có nội dung thay đổi thường xuyên thì sao?

Mỗi lần thay đổi nội dung sẽ tạo ra một URL mới và một lần render mới (tính 1 lần quota). Các trang ổn định sẽ được lưu trong bộ nhớ đệm.

Tôi có thể tạo OG image trong quá trình build tĩnh không?

Có — nhiều đội ngũ tạo và lưu trữ URL hình ảnh tại thời điểm build/publish (SSG) để không bao giờ có lần render nguội khi chia sẻ lần đầu.

Dùng thử miễn phí — không cần đăng ký

Xem trước và kiểm tra hình ảnh OG động trong vài giây.

Mở Trình kiểm tra hình ảnh OG miễn phí

Chủ đề