Hình ảnh OG động cho SaaS

Hình ảnh OG động cho SaaS là các bản xem trước xã hội theo từng trang được tạo tự động khi bảng điều khiển, tài liệu, nhật ký thay đổi hoặc các tuyến đường hướng tới người dùng của bạn được chia sẻ. FastOG kết xuất từng hình ảnh theo yêu cầu và lưu vào bộ nhớ đệm, nhờ đó một SaaS có thể cung cấp cho mỗi trang một thẻ thương hiệu độc đáo mà không cần bất kỳ công việc thiết kế thủ công nào.

Tại sao SaaS cần hình ảnh OG động

Các sản phẩm SaaS có nhiều bề mặt có thể chia sẻ — trang sản phẩm, trang tài liệu, mục nhật ký thay đổi, hồ sơ người dùng công khai và thẻ thành tích. Mỗi mục được chia sẻ trên X hoặc LinkedIn sẽ có lợi hơn khi có thẻ riêng thay vì chỉ dùng một logo dự phòng duy nhất. Việc tạo những hình ảnh này thủ công không thể mở rộng; tạo chúng tại thời điểm render mới là giải pháp khả thi.

Mô hình cốt lõi

Đối với mỗi trang bạn muốn tạo thẻ, hãy ký một URL bằng tiêu đề của trang (và bất kỳ trường dữ liệu riêng nào của trang) tại thời điểm render. FastOG tạo PNG ở lần tải đầu tiên và Cloudflare lưu vào bộ nhớ đệm.

tsx

// Next.js — app/docs/[slug]/page.tsx
export function generateMetadata({ params }) {
    const doc = await getDoc(params.slug);
    return {
        openGraph: {
            images: [generateOgImageUrl({
                template: "default",     // or "devtool", "launch", "company"
                title: doc.title,
                subtitle: doc.excerpt,
                domain: "yoursaas.com",
            })],
        },
    };
}

Các trường hợp sử dụng SaaS phù hợp

Bề mặt	Ý tưởng mẫu
Trang sản phẩm / tiếp thị	`company`, `hero`, `product`
Trang tài liệu	`default`, `devtool`
Mục nhật ký thay đổi	`changelog`, `launch`
Thẻ người dùng / đại diện công khai	`testimonial`, `stats`, `image-right`
Trang giá	`pricing`, `stats`

Câu hỏi thường gặp

Tôi có cần một mẫu riêng cho từng trường hợp sử dụng không?

Không. Một mẫu cùng với các trường URL bạn truyền vào thường là đủ; một vài mẫu sẽ bao phủ phần còn lại. Tất cả đều được kết xuất ở kích thước 1200×630.

Làm thế nào để xử lý nhiều trang mà không tốn hạn mức?

Các URL giống hệt nhau được lưu vào bộ nhớ đệm biên (edge-cache) vĩnh viễn sau lần kết xuất đầu tiên, vì vậy cùng một trang được chia sẻ 1.000 lần chỉ tính là 1 lần kết xuất. Khi nội dung thay đổi, chỉ cần tạo một URL mới.

Tôi có thể gắn thương hiệu SaaS của mình lên thẻ không?

Có — hãy đặt brand_name, brand_logo, bg_color, phông chữ và các mẫu họa tiết theo từng URL. Xem playground để xem trước các mẫu trực tiếp.

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ủ đề