Open Graph Meta Tags

Τι είναι οι Open Graph Meta Tags;

Οι μετα-ετικέτες Open Graph είναι κομμάτια κώδικα που ελέγχουν τον τρόπο με τον οποίο εμφανίζονται οι ιστοσελίδες όταν κοινοποιούνται στα μέσα κοινωνικής δικτύωσης. Αυτές οι ετικέτες αποτελούν μέρος του πρωτοκόλλου Open Graph, που αναπτύχθηκε από το Facebook, αλλά μπορούν επίσης να χρησιμοποιηθούν από άλλα κοινωνικά δίκτυα όπως το Twitter, το Pinterest, το LinkedIn και άλλα.

Το Facebook εισήγαγε το πρωτόκολλο Open Graph το 2010 για να βελτιώσει την ενσωμάτωση μεταξύ της πλατφόρμας του και άλλων ιστότοπων. Ο στόχος ήταν να απλοποιηθεί ο διαμοιρασμός της διεύθυνσης URL ενός ιστότοπου στις κοινωνικές πλατφόρμες, μετατρέποντας τις ιδιότητες του ιστού σε πλούσια, γραφικά αναπαριστώμενα αντικείμενα.

Οι μετα-ετικέτες Open Graph έχουν έκτοτε υιοθετηθεί από διάφορες άλλες πλατφόρμες, όπως το Twitter και το LinkedIn, καθώς και από δημοφιλείς εφαρμογές ανταλλαγής μηνυμάτων όπως το WhatsApp.

Βασικές ετικέτες Meta Open Graph

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

• og:title: Ο τίτλος της σελίδας που μοιράζεστε.
• og:type: Ο τύπος του περιεχομένου σας (π.χ. άρθρο, βιβλίο, βίντεο).
• og:url: Η κανονική διεύθυνση URL της σελίδας που μοιράζεστε.
• og:image: Η διεύθυνση URL της εικόνας που θα εμφανίζεται όταν κάποιος μοιράζεται την ιστοσελίδα.
• og:description: Μια σύντομη περιγραφή του περιεχομένου, συνήθως δύο έως τέσσερις προτάσεις, που εμφανίζεται κάτω από τον τίτλο.

Γιατί είναι σημαντικές οι Open Graph Meta Tags;

Οι μετα-ετικέτες Open Graph είναι ζωτικής σημασίας επειδή επιτρέπουν στους διαχειριστές ιστοσελίδων να ελέγχουν τον τρόπο με τον οποίο ο τίτλος, η περιγραφή, το όνομα του ιστότοπου και η εικόνα της σελίδας εμφανίζονται όταν κοινοποιούνται σε δίκτυα κοινωνικής δικτύωσης. Χωρίς τις ετικέτες OG, οι κοινωνικές πλατφόρμες όπως το Facebook θα δημιουργήσουν αυτόματα την προεπισκόπηση με βάση τη διεύθυνση URL, τον τίτλο και τη μετα-περιγραφή της σελίδας. Αυτό μπορεί να οδηγήσει σε προεπισκοπήσεις που είναι πολύ μεγάλες ή χρησιμοποιούν εικόνες χαμηλής ποιότητας.

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

Πώς να προσθέσετε Open Graph Meta Tags;

Η διαδικασία ρύθμισης των μετα-ετικετών Open Graph διαφέρει ανάλογα με την πλατφόρμα του ιστότοπου που χρησιμοποιείτε. Ακολουθεί ένας γρήγορος οδηγός για την εφαρμογή των ετικετών OG στο WordPress, το πιο δημοφιλές σύστημα διαχείρισης περιεχομένου:

1. Εγκαταστήστε το Yoast SEO Plugin: Συνδεθείτε στο ταμπλό του WordPress, μεταβείτε στο "Plugins" και εγκαταστήστε το πρόσθετο Yoast SEO, αν δεν είναι ήδη εγκατεστημένο.
2. Ανοίξτε τον Επεξεργαστή σελίδας: Πλοηγηθείτε στον επεξεργαστή σελίδας ή δημοσίευσης.
3. Πλοηγηθείτε στην ενότητα Yoast SEO: Επιλέξτε την καρτέλα "Social" στην ενότητα Yoast SEO.
4. Εισάγετε τα μεταδεδομένα Open Graph: Επιλέξτε "Facebook" και δώστε τα απαιτούμενα μεταδεδομένα Open Graph (τίτλος, περιγραφή και εικόνα) για τη συγκεκριμένη σελίδα. Το Yoast θα ορίσει αυτόματα τη διεύθυνση URL.

Μπορείτε επίσης να εφαρμόσετε μετα-ετικέτες Open Graph χειροκίνητα στον κώδικα HTML των σελίδων σας. Ακολουθεί ένα παράδειγμα για το πώς μπορεί να μοιάζει ο κώδικας:

<meta property="og:title" content="Ο τίτλος της σελίδας σας εδώ" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://yourwebsite.com/page-url/" /> <meta property="og:image" content="https://yourwebsite.com/image-url.jpg" /> <meta property="og:description" content="Μια σύντομη περιγραφή του περιεχομένου της σελίδας σας." />

Επαλήθευση των ετικετών Meta Open Graph

Αφού ρυθμίσετε τις μετα-ετικέτες OG, μπορείτε να ελέγξετε ότι λειτουργούν όπως αναμένεται χρησιμοποιώντας το πρόγραμμα εντοπισμού σφαλμάτων κοινής χρήσης του Facebook. Επικολλήστε τη διεύθυνση URL που θέλετε να ελέγξετε, επιλέξτε "Debug" και θα ανιχνεύσει για σφάλματα και προτάσεις ετικετών OG. Θα λάβετε επίσης μια επισκόπηση των ιδιοτήτων OG, συμπεριλαμβανομένου του τίτλου, της εικόνας και της περιγραφής.

Συμπέρασμα

Οι μετα-ετικέτες Open Graph είναι ένα ισχυρό εργαλείο για τη διασφάλιση της αποτελεσματικής κοινοποίησης των ιστοσελίδων σας σε όλες τις πλατφόρμες κοινωνικής δικτύωσης. Παρέχοντας σαφείς, συνοπτικές και οπτικά ελκυστικές προεπισκοπήσεις, μπορείτε να αυξήσετε τη δέσμευση και να οδηγήσετε περισσότερη επισκεψιμότητα στον ιστότοπό σας.