Πώς να βελτιστοποιήσετε τα Social Media με το Facebook Open Graph Protocol - dummies

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

Είναι δυνατή η εφαρμογή και του Σχήματος. org μικροδεδομένων και τη σήμανση Open Graph. Τα πρότυπα δεν έρχονται σε σύγκρουση.

Και τα δύο αυτά πρότυπα έχουν τον ίδιο στόχο: να περιγράψουν καλύτερα τις πληροφορίες σε μια ιστοσελίδα. Οι βασικές διαφορές μπορούν να συνοψιστούν με αυτό τον τρόπο:

• Τα μεταδεδομένα Open Graph περιγράφουν τη σελίδα στο σύνολό της.

• Σχήμα. org microformats περιγράφουν συγκεκριμένα στοιχεία στη σελίδα.

Το Open Graph markup περιέχει λιγότερες πληροφορίες από το Σχήμα. org -microdata αλλά είναι ευκολότερο να εφαρμοστεί. Για να κάνετε την ιστοσελίδα σας Open Graph-compliant, πρέπει να προσθέσετε βασικά μεταδεδομένα στη σελίδα σας. Όπως και τα παραδοσιακά μεταδεδομένα, τα μεταδεδομένα Open Graph πηγαίνουν στην ετικέτα της ιστοσελίδας.

Στο Open Graph-speak, μια ιστοσελίδα είναι ένα αντικείμενο Open Graph.

Το Open Graph έχει τέσσερις απαιτούμενες ιδιότητες:

• og: title : Ο τίτλος της σελίδας όπως θέλετε να εμφανίζεται σε οποιοδήποτε σύστημα που διαβάζει τα δεδομένα Open Graph.

  Είναι καλύτερα να κρατήσετε την ετικέτα τίτλου μικρότερη από 88 χαρακτήρες. Αν και μπορείτε να προσθέσετε περισσότερους χαρακτήρες, το Facebook εμφανίζει μόνο τα πρώτα 88.

• og: type : Ο τύπος του αντικειμένου σας. Οι τύποι καθορίζονται από το πρωτόκολλο και είναι αρκετά πολυάριθμοι.

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

  Ελέγξτε εδώ για να μάθετε για όλους τους τύπους αντικειμένων.

• og: image : Η διεύθυνση URL της εικόνας που θέλετε να αναπαριστά τη σελίδα. Η εικόνα

  είναι μια σημαντική ετικέτα, επειδή μια καλή εικόνα μπορεί να βοηθήσει το περιεχόμενό σας να εξαπλωθεί. Χρησιμοποιήστε αυτήν την ετικέτα για να ελέγξετε τι εμφανίζεται όταν γίνεται κοινή χρήση του περιεχομένου σας και βεβαιωθείτε ότι έχει βελτιστοποιηθεί ώστε να ταιριάζει καλά στο Facebook. (Η αναλογία των 1. 9: 1 λειτουργεί καλύτερα και διατηρείται μεγαλύτερη από 400 × 209 εικονοστοιχεία.)

  Μην αφήνετε αυτήν την ετικέτα κενή. Εάν το κάνετε, το Facebook θα τραβήξει απλά κάποια άλλη εικόνα από τη σελίδα - πιθανόν να οδηγήσει σε ακατάλληλα αποτελέσματα.

• og: url : Η διεύθυνση URL της σελίδας.Το περιεχόμενο της ετικέτας url καθορίζει το πού πηγαίνει ο χρήστης όταν κάνει κλικ στο κουμπί "Κοινή χρήση".

Μερικά από τα απαιτούμενα στοιχεία έχουν πρόσθετα προαιρετικά χαρακτηριστικά και μπορείτε να δώσετε πολλαπλές τιμές για κάποιες από αυτές, αν το επιθυμείτε.

Οι επιλογές περιλαμβάνουν

• og: audio : Αν θέλετε ένα αρχείο ήχου να συνοδεύει το αντικείμενο, χρησιμοποιήστε αυτήν την ετικέτα και καθορίστε τη διεύθυνση URL του αρχείου.

• og: περιγραφή : Χρησιμοποιήστε αυτήν την ετικέτα για να δώσετε μια περιγραφή μιας ή δύο φράσεων του αντικειμένου.

  Το Facebook εμφανίζει μόνο τους πρώτους 300 χαρακτήρες της περιγραφής σας.

• og: determiner : Αυτή η ετικέτα σας επιτρέπει να καθορίσετε τη λέξη που προηγείται του τίτλου του αντικειμένου σε μία πρόταση - συνήθως a, an, ή .

• og: locale : Αυτή η ετικέτα καθορίζει την τοπική ρύθμιση για τη σελίδα - με άλλα λόγια τη γλώσσα στη σελίδα. Εάν το περιεχόμενό σας είναι στην αμερικανική αγγλική γλώσσα, για παράδειγμα, η τιμή για αυτήν την ετικέτα θα είναι en_us.

• og: locale: εναλλακτική : Εάν η σελίδα προσφέρεται σε πολλές γλώσσες, μπορείτε να καταχωρήσετε όλες τις σελίδες χρησιμοποιώντας αυτήν την ετικέτα.

• og: site_name : Εάν η ιστοσελίδα είναι μέρος ενός μεγαλύτερου ιστότοπου με διαφορετικό όνομα, χρησιμοποιήστε αυτήν την ετικέτα για να καθορίσετε το όνομα του ιστότοπου.

• og: video : Αν έχετε ένα αρχείο βίντεο που θα συμπεριλάβει, χρησιμοποιήστε αυτήν την ετικέτα για να καθορίσετε τη διεύθυνση URL του αρχείου.

Η χρήση των ετικετών είναι πιο εύκολη στην κατανόηση με ένα παράδειγμα. Στο παρακάτω παράδειγμα, βλέπετε πώς μπορείτε να εφαρμόσετε τη σήμανση Open Graph για μια ιστοσελίδα σχετικά με ένα βιβλίο με τίτλο HowTo: WordPress 4:

 200x300. png ">  Συντάχθηκε από τον Ric Shreves και δημοσιεύτηκε από ψηφιακό νερό & πέτρα. Διατίθεται τώρα στο Amazon. com, το Google Play Store και σε αυτόν τον ιστότοπο. Δημοσιεύθηκε σε εκδόσεις ePub, Mobi και PDF. ">

Οι ετικέτες Open Graph σας πηγαίνουν στην ετικέτα της σελίδας. Σημειώστε ότι εάν χρησιμοποιείτε ένα δημοφιλές σύστημα διαχείρισης περιεχομένου (όπως το WordPress, το Joomla! Ή το Drupal), οι προσθήκες θα χειριστούν αυτήν την εργασία για εσάς, ώστε να μην χρειάζεται να γράφετε κανέναν κώδικα.

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

Δείγμα απόδοσης του Facebook.

Αν δεν είστε σίγουροι ότι κάνατε ένα ορθά γράφημα Open Graph, δοκιμάστε το με το εύχρηστο Open Grass Debugger του Facebook.

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

Λειτουργεί η σήμανση Open Graph; Σίγουρα το κάνει! Ο ιστότοπος ηλεκτρονικών βιβλίων Kobo ισχυρίζεται ότι πέτυχε 50 τοις εκατό αύξηση της επισκεψιμότητας από το Facebook μετά την εφαρμογή ετικετών Open Graph.