Γεννήτρια Open Graph και καρτών κοινωνικών δικτύων

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

1. Εισαγάγετε τον Τίτλος και την Περιγραφή που θέλετε να βλέπουν οι άνθρωποι όταν κοινοποιείται ο σύνδεσμός σας. Μπορεί να διαφέρουν από τον τίτλο SEO: γράψτε τα για μια ροή κοινωνικού δικτύου.
2. Προσθέστε το URL σελίδας (την κανονική διεύθυνση) και το URL εικόνας. Και τα δύο πρέπει να είναι απόλυτα, με αρχή https://.
3. Περιγράψτε την εικόνα στο Περιγραφή εικόνας (alt text) ώστε όσοι χρησιμοποιούν αναγνώστη οθόνης να ξέρουν τι δείχνει.
4. Επιλέξτε ή σύρετε την ίδια εικόνα στην Εικόνα προεπισκόπησης. Μένει στη συσκευή σας: το εργαλείο τη χρησιμοποιεί μόνο για να σχεδιάσει τις προεπισκοπήσεις και για να συμπληρώσει τα Πλάτος εικόνας (px) και Ύψος εικόνας (px).
5. Ορίστε το Όνομα ιστότοπου, τον Τύπος περιεχομένου και τη Γλώσσα και περιοχή (locale) (για ελληνικό περιεχόμενο el_GR), και μετά το στυλ της Κάρτα X (Twitter) και, αν τους έχετε, τους λογαριασμούς X του ιστότοπου και του συντάκτη.
6. Ελέγξτε τις προεπισκοπήσεις και τη λίστα Έλεγχοι και μετά πατήστε Αντιγραφή ή Λήψη για τις ετικέτες και επικολλήστε τες μέσα στο <head> της σελίδας.

Τι κάνουν οι ετικέτες Open Graph

Όταν ένας σύνδεσμος επικολλάται στο Facebook, στο LinkedIn, στο X, στο Slack, στο Discord, στο WhatsApp, στο iMessage και σε πολλές άλλες εφαρμογές, ένας crawler φορτώνει τη σελίδα και διαβάζει τις ετικέτες meta Open Graph (og:) για να φτιάξει μια κάρτα: εικόνα, τίτλο, σύντομη περιγραφή και το domain. Χωρίς αυτές τις ετικέτες, η εφαρμογή μαντεύει και συχνά διαλέγει ένα λογότυπο, ένα banner για cookies ή την πρώτη πρόταση του μενού.

Οι τέσσερις βασικές ιδιότητες είναι οι og:title, og:type, og:image και og:url. Το εργαλείο προσθέτει επίσης τα og:description, og:site_name, og:locale και τις λεπτομέρειες της εικόνας (og:image:width, og:image:height, og:image:alt). Η δήλωση του μεγέθους της εικόνας επιτρέπει σε ορισμένες πλατφόρμες να εμφανίσουν την κάρτα στην πρώτη κοινοποίηση αντί να περιμένουν να κατέβει η εικόνα.

Το X διαβάζει τις δικές του ετικέτες twitter:, αλλά όταν λείπουν χρησιμοποιεί τον τίτλο, την περιγραφή και την εικόνα του Open Graph, γι’ αυτό το εργαλείο προσθέτει μόνο όσα χρειάζεται πραγματικά το X: το twitter:card, τους προαιρετικούς λογαριασμούς και την περιγραφή της εικόνας. Έτσι αποφεύγεται η επανάληψη κάθε τιμής.

Μεγέθη εικόνας που λειτουργούν παντού

Χρησιμοποιήστε JPEG ή PNG, κρατήστε το αρχείο σε λογικό μέγεθος (πολύ κάτω από 5 MB) και αποφύγετε να βάζετε σημαντικό κείμενο κοντά στις άκρες, επειδή κάθε πλατφόρμα περικόπτει ελαφρώς διαφορετικά. Οι προεπισκοπήσεις του εργαλείου είναι προσεγγίσεις αυτών των διατάξεων, όχι στιγμιότυπα οθόνης.

Μετά τη δημοσίευση

Οι πλατφόρμες κοινωνικών δικτύων αποθηκεύουν προσωρινά τις προεπισκοπήσεις συνδέσμων, μερικές φορές για ημέρες. Αφού αλλάξετε τις ετικέτες, ζητήστε τους να σαρώσουν ξανά τη σελίδα με το Facebook Sharing Debugger ή το LinkedIn Post Inspector. Η σελίδα πρέπει να είναι δημόσια προσβάσιμη: οι crawlers δεν βλέπουν σελίδες πίσω από σύνδεση ή στο localhost.