Θέμα

Εικόνες OG για Αναρτήσεις Ιστολογίου

Μια εικόνα OG για αναρτήσεις ιστολογίου είναι η κοινωνική προεπισκόπηση (social preview) 1200×630 που εμφανίζεται όταν κάποιος μοιράζεται το άρθρο σας στο X, στο LinkedIn, στο Facebook, στο Slack ή στο WhatsApp. Η FastOG τη δημιουργεί δυναμικά κατόπιν ζήτησης από τον τίτλο, το απόσπασμα και τον συγγραφέα της ανάρτησής σας — χωρίς σχεδιαστική εργασία, χωρίς μεταφορτώσεις, χωρίς συνδρομές, με συνδρομητικό μοντέλο, χωρίς σύνδεση για να ξεκινήσετε.

Γιατί κάθε ανάρτηση ιστολογίου χρειάζεται τη δική της εικόνα OG

Ένας σύνδεσμος που κοινοποιείται χωρίς κάρτα, ή με μια ξεπερασμένη γενική κάρτα, χάνεται ανάμεσα σε όλες τις άλλες αναρτήσεις. Μια κάρτα ανά ανάρτηση με τον πραγματικό τίτλο και μια καθαρή διάταξη συγκεντρώνει περισσότερες κοινοποιήσεις και περισσότερα κλικ. Το κόστος δημιουργίας μιας κάρτας ανά ανάρτηση χειροκίνητα είναι ο λόγος που τα περισσότερα ιστολόγια αρκούνται σε μια μόνο προεπιλεγμένη εικόνα — αυτό ακριβώς το πρόβλημα λύνει το FastOG.

Πώς να αποκτήσετε μια δυναμική εικόνα OG για μια ανάρτηση ιστολογίου

Υπογράφετε μια διεύθυνση URL κατά τον χρόνο απόδοσης της σελίδας με template=blog, τον τίτλο της ανάρτησης, ένα απόσπασμα και τον συγγραφέα. Ο ανιχνευτής κοινωνικών δικτύων την ανακτά, το 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 αποθηκεύονται προσωρινά στο edge cache για πάντα και δεν προσμετρώνται στο μηνιαίο όριό σας.

Χρειάζεται να αναδημιουργήσω μια εικόνα όταν επεξεργάζομαι μια ανάρτηση;

Μόνο αν αλλάξουν ο τίτλος, το απόσπασμα ή ο συγγραφέας — η διεύθυνση URL εξαρτάται από το περιεχόμενο, οπότε μια αλλαγή περιεχομένου οδηγεί σε νέα διεύθυνση URL και νέα απόδοση. Μια αμετάβλητη διεύθυνση URL παραμένει αποθηκευμένη προσωρινά και δεν προσμετράται στο όριό σας.

Μπορώ να χρησιμοποιήσω το FastOG με το υπάρχον πλαίσιο ιστολογίου μου;

Ναι. Υπάρχουν έτοιμες συναρτήσεις υπογραφής (signers) για Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python και Ruby/Rails. Δείτε τη σελίδα SDK.

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

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

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