Σχετικά με αυτό το εργαλείο
Οι ετικέτες Open Graph (OG) ελέγχουν τον τρόπο εμφάνισης μιας σελίδας όταν κοινοποιείται σε πλατφόρμες κοινωνικής δικτύωσης. Το Facebook, το LinkedIn, το Slack, το Discord και πολλοί άλλοι διαβάζουν ετικέτες OG για να δημιουργήσουν κάρτες προεπισκόπησης. Χωρίς τις κατάλληλες ετικέτες OG, οι κοινόχρηστοι σύνδεσμοι φαίνονται σπασμένοι — γενικά favicons, εικόνες που λείπουν, περικομμένοι τίτλοι. Με αυτά, οι μετοχές φαίνονται εκλεπτυσμένες και οι αναλογίες κλικ προς αριθμό εμφανίσεων βελτιώνονται σημαντικά.
Οι τυπικές ετικέτες OG: og:title (ο τίτλος που εμφανίζεται στην προεπισκόπηση), og:description (το απόσπασμα κειμένου), og:image (η εικόνα προεπισκόπησης, ιδανικά 1200×630), og:url (κανονική διεύθυνση URL), og:type (συνήθως «ιστότοπος» ή «άρθρο»). Επίπεδο ετικετών κάρτας Twitter στην κορυφή: twitter:card, twitter:title, twitter:description, twitter:image. Τα περισσότερα εργαλεία επιστρέφουν στο OG όταν απουσιάζουν συγκεκριμένες ετικέτες για το Twitter.
Αυτή η γεννήτρια παράγει ένα πλήρες σετ ετικετών OG και Twitter Card από την εισαγωγή σας. Επικολλήστε το HTML που προκύπτει στο <head> της σελίδας. Το αποτέλεσμα είναι η σωστή απόδοση προεπισκόπησης σε όλες τις μεγάλες πλατφόρμες κοινωνικής δικτύωσης.
Γιατί να χρησιμοποιήσετε μια γεννήτρια ετικετών OG
Οι σελίδες χωρίς ετικέτες OG φαίνονται άσχημες όταν κοινοποιούνται. Κενή εικόνα, γενικός τίτλος, περιγραφή που λείπει — η προεπισκόπηση ανταγωνίζεται ελάχιστα τις σελίδες με σωστά ετικέτες στις ροές δεδομένων. Για το μάρκετινγκ περιεχομένου και την κοινή χρήση συνδέσμων, αυτό επηρεάζει άμεσα την αναλογία κλικ προς αριθμό εμφανίσεων.
Οι χειρόγραφες ετικέτες OG είναι επαναλαμβανόμενες. Κάθε σελίδα χρειάζεται το δικό της σύνολο. Μια γεννήτρια που παράγει σωστές ετικέτες από μερικές εισόδους αποφεύγει τα τυπογραφικά λάθη και τις χαμένες ιδιότητες που διασπούν τις προεπισκοπήσεις κοινωνικής δικτύωσης.
Τεχνικές λεπτομέρειες
Οι ετικέτες OG χρησιμοποιούν το χαρακτηριστικό μετα-ιδιότητας (όχι όνομα): <meta property="og:title" content="..." />. Το χαρακτηριστικό ιδιότητας απαιτείται για το OG. Ορισμένοι αναλυτές δέχονται το όνομα ως εναλλακτικό, αλλά η ιδιότητα είναι σωστή.
Απαιτήσεις εικόνας: 1200×630 pixel για απόδοση αμφιβληστροειδούς, αναλογία διαστάσεων 1,91:1. Οι ετικέτες og:image:width και og:image:height βοηθούν τις πλατφόρμες να αποθηκεύουν σωστά τις εικόνες στην κρυφή μνήμη. Το og:image:alt παρέχει κείμενο προσβασιμότητας.
Οι ετικέτες κάρτας Twitter χρησιμοποιούν το χαρακτηριστικό name: <meta name="twitter:title" content="..." />. Το Twitter επιστρέφει στις ετικέτες OG όταν απουσιάζουν ειδικά για το Twitter, επομένως αρκεί συχνά το καλά ρυθμισμένο OG. Η προσθήκη του twitter:card επιλέγει ρητά τον τύπο της κάρτας (η σύνοψη_μεγάλη_εικόνα είναι η πιο κοινή).
Συχνές ερωτήσεις
- Μπορώ να προσαρμόσω το παραγόμενο αποτέλεσμα;
- Ναι. Το εργαλείο παρέχει διάφορες επιλογές προσαρμογής για να προσαρμόσει το αποτέλεσμα στις συγκεκριμένες ανάγκες σας. Προσαρμόστε τις ρυθμίσεις πριν από τη δημιουργία ή αναδημιουργήστε με διαφορετικές επιλογές.
- Είναι το περιεχόμενο που δημιουργείται δωρεάν για χρήση;
- Ναι. Όλα όσα δημιουργείτε με αυτό το εργαλείο είναι δικά σας για προσωπικούς, εκπαιδευτικούς ή εμπορικούς σκοπούς χωρίς περιορισμούς ή απαιτήσεις απόδοσης.
- Αυτό απαιτεί λογαριασμό;
- Όχι. Το εργαλείο είναι έτοιμο για χρήση αμέσως χωρίς εγγραφή, χωρίς email και χωρίς εγγραφή. Απλώς ανοίξτε τη σελίδα και ξεκινήστε τη δημιουργία.
- Τα δεδομένα εισόδου μου διατηρούνται ιδιωτικά;
- Ναί. Όλη η επεξεργασία πραγματοποιείται στο πρόγραμμα περιήγησής σας. Τα δεδομένα εισόδου και τα παραγόμενα αποτελέσματα δεν αποστέλλονται ποτέ σε κανέναν εξωτερικό διακομιστή.
- Μπορώ να χρησιμοποιήσω την ίδια εικόνα OG για κάθε σελίδα;
- Πιθανό αλλά μη βέλτιστο. Οι εικόνες συγκεκριμένης σελίδας υπερτερούν των γενικών εικόνων σε ολόκληρο τον ιστότοπο για κλικ. Χρησιμοποιήστε μια προεπιλογή για εναλλακτική, αλλά δημιουργήστε εικόνες ανά σελίδα για σημαντικό περιεχόμενο.
- Χρειάζεται δήλωση διάστασης εικόνας;
- Χρήσιμο αλλά όχι αυστηρά απαραίτητο. Τα og:image:width και og:image:height επιτρέπουν στις πλατφόρμες να αποθηκεύουν τις εικόνες στην κρυφή μνήμη χωρίς εκ νέου ανάκτηση για τον προσδιορισμό των διαστάσεων. Επιταχύνει τις μετέπειτα μετοχές.
- Έχουν μεταφορτωθεί τα δεδομένα μου;
- Όχι. Η δημιουργία πραγματοποιείται στο πρόγραμμα περιήγησής σας.
- Πώς μπορώ να δοκιμάσω τις ετικέτες OG;
- Το Facebook Sharing Debugger, το Twitter Card Validator και το LinkedIn Post Inspector ανακτούν και επικυρώνουν. Χρησιμοποιήστε τα μετά την ανάπτυξη νέων ετικετών OG.