Δυναμικές εικόνες OG για SaaS

Οι δυναμικές εικόνες OG για SaaS είναι κοινωνικές προεπισκοπήσεις ανά σελίδα που δημιουργούνται αυτόματα όταν μοιράζονται το dashboard, τα έγγραφα, το changelog ή οι διαδρομές που απευθύνονται σε χρήστες. Η FastOG αποδίδει κάθε μία κατόπιν ζήτησης και την αποθηκεύει στην κρυφή μνήμη, έτσι ώστε ένα SaaS να μπορεί να δώσει σε κάθε σελίδα μια μοναδική επώνυμη κάρτα χωρίς καμία χειροκίνητη σχεδιαστική εργασία.

Γιατί το SaaS χρειάζεται δυναμικές εικόνες OG

Τα προϊόντα SaaS έχουν πολλές επιφάνειες που μοιράζονται — σελίδες προϊόντων, σελίδες τεκμηρίωσης, καταχωρήσεις αλλαγών, δημόσια προφίλ χρηστών και κάρτες επιτευγμάτων. Κάθε μία από αυτές, όταν μοιράζεται στο X ή στο LinkedIn, επωφελείται από τη δική της κάρτα αντί για ένα μόνο εναλλακτικό λογότυπο. Η δημιουργία τους χειροκίνητα δεν κλιμακώνεται· η δημιουργία τους κατά τον χρόνο απόδοσης κλιμακώνεται.

Το βασικό μοτίβο

Για κάθε σελίδα για την οποία θέλετε μια κάρτα, υπογράψτε μια διεύθυνση URL με τον τίτλο της σελίδας (και οποιαδήποτε πεδία ειδικά για τη σελίδα) κατά τη στιγμή της απόδοσης. Το FastOG αποδίδει το PNG κατά το πρώτο αίτημα και το Cloudflare το αποθηκεύει στην κρυφή μνήμη.

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",
            })],
        },
    };
}

Καλές περιπτώσεις χρήσης για SaaS

Επιφάνεια	Ιδέες για πρότυπα
Σελίδες προϊόντος / μάρκετινγκ	`company`, `hero`, `product`
Σελίδες τεκμηρίωσης	`default`, `devtool`
Καταχωρήσεις αρχείου αλλαγών	`changelog`, `launch`
Δημόσιες κάρτες χρηστών / avatar	`testimonial`, `stats`, `image-right`
Σελίδες τιμολόγησης	`pricing`, `stats`

Συχνές Ερωτήσεις

Χρειάζομαι ένα πρότυπο για κάθε περίπτωση χρήσης;

Όχι. Ένα πρότυπο μαζί με τα πεδία URL που περνάτε είναι συνήθως αρκετό· ένα-δύο πρότυπα καλύπτουν τα υπόλοιπα. Όλα αποδίδονται σε ανάλυση 1200×630.

Πώς διαχειρίζομαι πολλές σελίδες χωρίς να εξαντλώ το όριο;

Πανομοιότυπα URL αποθηκεύονται προσωρινά στην άκρη του δικτύου για πάντα μετά την πρώτη απόδοση, οπότε η ίδια σελίδα που κοινοποιείται 1.000 φορές μετράει ως 1 απόδοση. Οι αλλαγές περιεχομένου απλώς δημιουργούν ένα νέο URL.

Μπορώ να προσαρμόσω τις κάρτες με την ταυτότητα του SaaS μου;

Ναι — ορίστε brand_name, brand_logo, bg_color, γραμματοσειρές και μοτίβα ανά URL. Δείτε το playground για να προεπισκοπήσετε τα πρότυπα ζωντανά.

Δοκιμάστε το δωρεάν — δεν απαιτείται εγγραφή

Προεπισκόπηση και δοκιμή δυναμικών εικόνων OG σε δευτερόλεπτα.

Ανοίξτε τον Δωρεάν Ελεγκτή Εικόνων OG

Θέμα