Δημιουργία εικόνων Twitter Card μέσω API
Μια εικόνα Twitter (X) card είναι η μεγάλη προεπισκόπηση που εμφανίζεται όταν ένας σύνδεσμος κοινοποιείται στο X. Η FastOG τη δημιουργεί δυναμικά σε ανάλυση 1200×630 και στέλνει το σήμα summary_large_image, έτσι ώστε κάθε σελίδα να λαμβάνει μια σωστή κάρτα X χωρίς να χρειάζεται να δημιουργήσετε εικόνα με το χέρι.
Τι χρειάζεται μια εικόνα για κάρτα Twitter
Το X διαβάζει τις ετικέτες Open Graph και αποδίδει μια κάρτα summary_large_image όταν η σελίδα συνδέει twitter:card = summary_large_image. Η εικόνα αποδίδεται σε ανάλυση 1200×630. Το FastOG παράγει ακριβώς αυτό, και εσείς δείχνετε το twitter:image στην ίδια δυναμική διεύθυνση URL με το og:image.
Πώς να συνδέσετε μια δυναμική κάρτα Twitter
Δημιουργήστε το URL FastOG μία φορά και, στη συνέχεια, ορίστε και τις δύο μετα-ετικέτες OG και Twitter σε αυτό.
<meta property="og:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Post">
<meta name="twitter:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
Το ίδιο URL λειτουργεί και για τις δύο ετικέτες. Το X επιστρέφει στο
og:imageαν τοtwitter:imageαπουσιάζει, αλλά ο ορισμός και των δύο είναι αβλαβής και σαφής.
Συμβουλές για τον επικυρωτή καρτών X
| Έλεγχος | Λεπτομέρεια |
|---|---|
| Δημόσια διεύθυνση URL | Η εικόνα πρέπει να είναι προσβάσιμη από το X χωρίς έλεγχο ταυτότητας |
| Μέγεθος αρχείου / μορφή | Διατηρήστε το κάτω από 5 MB· το PNG είναι το καλύτερο για κάρτες με κείμενο |
| Προσωρινή μνήμη (cache) | Το X αποθηκεύει στην προσωρινή μνήμη επιθετικά — χρησιμοποιήστε τον επικυρωτή καρτών για να επιβάλετε ανανέωση |
| Υπογεγραμμένες διευθύνσεις URL | Οι διευθύνσεις URL με υπογραφή περιεχομένου του FastOG περιορίζουν μόνο την πρώτη απόδοση· οι αποθηκευμένες κάρτες παραμένουν έγκυρες |
Συχνές Ερωτήσεις
Χρειάζομαι ξεχωριστές εικόνες για το X και το Open Graph;
Όχι. Το X διαβάζει την ίδια εικόνα 1200×630. Αυτή η σελίδα υπάρχει επειδή οι σωστές ετικέτες twitter:card είναι εύκολο να γίνουν λάθος.
Γιατί η κάρτα μου στο X δεν ενημερώνεται μετά την αλλαγή του τίτλου;
Το X αποθηκεύει στην κρυφή μνήμη την παλιά κάρτα. Ανοίξτε το X Card Validator, επικολλήστε τη διεύθυνση URL και κάντε εκ νέου ανάκτηση.
Χειρίζεται το FastOG και τις ετικέτες meta του twitter;
Το FastOG δημιουργεί την εικόνα· εσείς προσθέτετε τις ετικέτες meta twitter:card και twitter:image στη σελίδα σας (όπως φαίνεται παραπάνω). Ο δωρεάν Open Graph Meta Tag Generator μας γράφει όλες τις ετικέτες για εσάς.