tigtools

Προεπισκόπηση Open Graph

Εισαγάγετε ό,τι περιέχουν οι ετικέτες Open Graph για να δείτε περίπου πώς μπορεί να εμφανίζεται ένας κοινόχρηστος σύνδεσμος και αν η εικόνα έχει το σωστό μέγεθος.

Εκτελείται στον περιηγητή σας Χωρίς εγγραφή

Το πρόγραμμα περιήγησης φορτώνει αυτή την εικόνα απευθείας από τη διεύθυνση που εισάγετε.

Συνιστάται: 1200 × 630 px (1,91:1), JPG ή PNG, κάτω από μερικά megabyte. Κρατήστε το σημαντικό περιεχόμενο μακριά από τις άκρες, γιατί ορισμένες εφαρμογές περικόπτουν σε τετράγωνο.

Μεγάλη κάρτα συνδέσμου
Χωρίς εικόνα
example.com
—
Μικρή κάρτα συνδέσμου
Χωρίς εικόνα
example.com
—

Αυτές οι κάρτες είναι γενικές προσεγγίσεις. Κάθε εφαρμογή έχει τη δική της διάταξη, γραμματοσειρές και περικοπή, και αποθηκεύει προσωρινά τις προεπισκοπήσεις.

Πώς να το χρησιμοποιήσετε

  1. Εισαγάγετε τα og:title και og:description που χρησιμοποιείτε ή σκοπεύετε να χρησιμοποιήσετε στη σελίδα.
  2. Επικολλήστε την πλήρη διεύθυνση URL του og:image. Το εργαλείο τη φορτώνει και αναφέρει το πραγματικό μέγεθος σε εικονοστοιχεία.
  3. Προσθέστε τη διεύθυνση URL ή τον τομέα της σελίδας, συγκρίνετε τις προεπισκοπήσεις μεγάλης και μικρής κάρτας και διορθώστε τυχόν προειδοποιήσεις.

Πώς λειτουργεί

Όταν κάποιος κοινοποιεί έναν σύνδεσμο, τα περισσότερα κοινωνικά δίκτυα και εφαρμογές συνομιλίας ανακτούν τη σελίδα και διαβάζουν τις ετικέτες Open Graph: og:title, og:description, og:image και og:url. Στη συνέχεια δημιουργούν μια κάρτα. Μια φαρδιά εικόνα με λόγο περίπου 1.91:1 συνήθως παράγει μεγάλη κάρτα με την εικόνα στο πάνω μέρος· μια μικρή ή τετράγωνη εικόνα συχνά παράγει συμπαγή κάρτα με μικρογραφία δίπλα στο κείμενο.

Αυτό το εργαλείο δείχνει δύο γενικά στυλ καρτών για να σας βοηθήσει να κρίνετε το μήκος και το κάδρο της εικόνας. Ελέγχει το φυσικό μέγεθος της εικόνας αφού τη φορτώσει το πρόγραμμα περιήγησης: κάτω από 200 × 200 px πολλές εφαρμογές παραλείπουν την εικόνα, κάτω από 600 × 315 px τείνουν να χρησιμοποιούν τη μικρή διάταξη και ένας λόγος πολύ μακριά από το 1.91:1 σημαίνει περικοπή. Το μέγεθος 1200 × 630 px είναι ευρέως προτεινόμενο επειδή παραμένει ευκρινές σε οθόνες υψηλής πυκνότητας.

Η προεπισκόπηση δεν μπορεί να δείξει ακριβώς τι θα εμφανίσει μια συγκεκριμένη εφαρμογή. Οι εφαρμογές διαφέρουν ως προς το πόσες γραμμές τίτλου και περιγραφής εμφανίζουν, ορισμένες αγνοούν την περιγραφή και οι περισσότερες αποθηκεύουν προσωρινά μια προεπισκόπηση για λίγο μετά την πρώτη κοινοποίηση, επομένως αλλαγές στις ετικέτες σας μπορεί να μην εμφανιστούν αμέσως. Πολλές πλατφόρμες προσφέρουν δικό τους εργαλείο εντοπισμού σφαλμάτων για την ανανέωση αυτής της προσωρινής μνήμης.

Παραδείγματα

Ένα στιγμιότυπο οθόνης ως og:image

Ένα στιγμιότυπο οθόνης 1440 × 900 έχει αναλογία 1,6:1. Το εργαλείο προειδοποιεί για την αναλογία: σε μια μεγάλη κάρτα θα κοπεί το πάνω και το κάτω μέρος. Η εξαγωγή μιας έκδοσης 1200 × 630 αποτρέπει δυσάρεστες εκπλήξεις.

Ένα λογότυπο ως μοναδική εικόνα

Ένα λογότυπο 180 × 180 είναι κάτω από 200 × 200 px, επομένως πολλές εφαρμογές δεν θα εμφανίσουν εικόνα. Χρησιμοποιήστε ένα μεγαλύτερο, φαρδύ banner που περιλαμβάνει το λογότυπο.

Έλεγχος μήκους τίτλου

Ένας og:title με 90 χαρακτήρες αναδιπλώνεται σε τρεις γραμμές στην προεπισκόπηση μεγάλης κάρτας. Η συντόμευσή του σε περίπου 60 χαρακτήρες διατηρεί την κάρτα τακτοποιημένη στις περισσότερες εφαρμογές.

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

Γιατί ο σύνδεσμός μου εμφανίζεται διαφορετικά στο Facebook, το LinkedIn και το X;

Κάθε πλατφόρμα αποδίδει κάρτες με τη δική της διάταξη, περικοπή και όρια κειμένου, ενώ ορισμένες εμφανίζουν την περιγραφή και άλλες όχι. Αυτή η προεπισκόπηση είναι μια γενική προσέγγιση και όχι πιστό αντίγραφο του σχεδιασμού κάποιας πλατφόρμας.

Άλλαξα το og:image αλλά εξακολουθεί να εμφανίζεται η παλιά εικόνα. Γιατί;

Οι πλατφόρμες αποθηκεύουν προσωρινά τις προεπισκοπήσεις συνδέσμων. Χρησιμοποιήστε το εργαλείο ελέγχου κοινής χρήσης της πλατφόρμας για να φορτώσει ξανά τη σελίδα ή περιμένετε να λήξει η προσωρινή μνήμη. Η αλλαγή του ονόματος αρχείου της εικόνας βοηθά επίσης.

Μπορώ να χρησιμοποιήσω εικόνα SVG ή WebP;

Το SVG δεν υποστηρίζεται από τις περισσότερες πλατφόρμες. Το WebP λειτουργεί σε πολλές εφαρμογές, αλλά όχι σε όλες· το JPG ή το PNG είναι η ασφαλέστερη επιλογή.

Γιατί δεν μπορεί το εργαλείο να φορτώσει την εικόνα μου;

Η διεύθυνση URL μπορεί να απαιτεί σύνδεση, να οδηγεί σε σελίδα HTML αντί για εικόνα ή ο διακομιστής μπορεί να αποκλείει αιτήματα από άλλους ιστότοπους. Αν το πρόγραμμα περιήγησης δεν μπορεί να τη φορτώσει εδώ, πιθανότατα δεν μπορεί ούτε ο ανιχνευτής μιας κοινωνικής πλατφόρμας.

Απόρρητο

Το κείμενο που εισάγετε παραμένει στο πρόγραμμα περιήγησής σας. Για τον έλεγχο της εικόνας, το πρόγραμμα περιήγησης τη ζητά απευθείας από τη διεύθυνση URL που πληκτρολογείτε (χωρίς αποστολή referrer), ώστε ο διακομιστής να βλέπει ένα κανονικό αίτημα εικόνας. Τίποτα δεν αποστέλλεται στο TIG Tools.