Home » Internet » Δημιουργία Ιστοσελίδας » Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου

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

Η καλή παρουσία στα social media είναι απαραίτητη για κάθε επιτυχημένη ιστοσελίδα. Και μεγάλο μέρος της παρουσίας είναι να γίνεται σωστά η κοινοποίηση συνδέσμων από τη σελίδα μας, με τη σωστή φωτογραφία και κείμενο. Δείτε πώς να φτιάξουμε την κοινοποίηση συνδέσμου για το site μας, αν κάτι δεν φαίνεται καλά.

Δείτε τις ενότητες του οδηγού

Προτάσεις συνεργασίας

Προωθήστε δυναμικά την επιχείρησή σας στο site του PCsteps και στο κανάλι μας στο YouTube.

Επικοινωνία

Γίνε VIP μέλος στο PCSteps

Τα μέλη υποστηρίζουν ενεργά το PCsteps για να συνεχίσει να λειτουργεί χωρίς διαφημίσεις για όλους.

Συμμετοχή

Open Graph API: Το κλειδί για τη σωστή κοινοποίηση συνδέσμου

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

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

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 01

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

Το Open Graph API είναι ένα πρωτόκολλο που δημιουργήθηκε από το Facebook προκειμένου να εξασφαλίσει πως κάθε κοινοποίηση συνδέσμου είναι ομοιόμορφη με κάθε άλλη.

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

Αν υπάρχει κάποιο πρόβλημα με τα Open Graph tags, μπορεί να έχουμε κοινοποιήσεις με λάθος εικόνα, χωρίς καθόλου εικόνα, ή χωρίς μεγάλο μέρος της πληροφορίας.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 02

Ας δούμε πώς να ελέγξουμε τα Open Graph Tags για να επιδιορθώσουμε την κοινοποίηση συνδέσμων από τη σελίδα μας στο Facebook.

Πώς ελέγχω τα Open Graph Tags

Για να μας βοηθήσει το Facebook να επιδιορθώσουμε προβλήματα σχετικά με την κοινοποίηση συνδέσμου, έχει δημιουργήσει ένα εργαλείο που ελέγχει την υλοποίηση Open Graph για κάθε σύνδεσμο.

Το εργαλείο ονομάζεται Open Graph Object Debugger, και θα το βρούμε εδώ:
https://developers.facebook.com/tools/debug/

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 03

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

Απλά κάνουμε επικόλληση μία από τις δημοσιεύσεις της σελίδας μας που έχει πρόβλημα, και κάνουμε κλικ στο Debug.

Το πρώτο που πρέπει να κάνουμε είναι να κατεβούμε χαμηλά στη σελίδα και να δούμε πώς θα φαίνεται η κοινοποίηση συνδέσμου.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 04

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

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

Το παραπάνω παράδειγμα μπορεί να δείχνει σωστό, αλλά στην πράξη δείχνει την πληροφορία από μια παλιότερη δημοσίευση – ανανεώνουμε περίπου μια φορά το μήνα το “Kickstarter του μήνα“.

Για να ενημερώσουμε το Facebook για τη νεότερη πληροφορία, αρκεί να κάνουμε κλικ στο “Fetch new scrape information”.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 05

Την πρώτη φορά που το πατήσαμε για το παράδειγμα, τράβηξε το σωστό τίτλο και κείμενο, αλλά κράτησε την προηγούμενη εικόνα.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 06

Αφού κάναμε κλικ στο κουμπί για δεύτερη φορά, πλέον η κοινοποίηση συνδέσμου φαίνεται σωστά.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 07

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

Πέραν από την εμφάνιση της κοινοποίησης, στη σελίδα θα δούμε τα δεδομένα που διαβάζει το Facebook από τα Open Graph tags της σελίδας μας…

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 08

…καθώς και το πώς μεταφράζει αυτά τα δεδομένα για την κοινοποίηση συνδέσμου.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 09

Αν οτιδήποτε λείπει όσον αφορά τα Open Graph tags, το εργαλείο θα μας δείξει ένα πεδίο “Warnings that should be fixed”.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 10

Πώς να φτιάξουμε την κοινοποίηση συνδέσμου στο Facebook με τα Open Graph tags

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

Η μέθοδος για να προσθέσουμε τα Open Graph tags εξαρτάται από το CMS που χρησιμοποιούμε.

Προσθήκη Open Graph Tags στο WordPress

Ο πιο εύκολος τρόπος για να φτιάξουμε την κοινοποίηση συνδέσμου στο WordPress είναι να εγκαταστήσουμε ένα plugin που θα ορίσει τα Open GRaph tags για εμάς.

Το plugin NGFB θα προσθέσει τα κατάλληλα tags πρακτικά για όποια γνωστή ιστοσελίδα social media υπάρχει. Το έχουν κατεβάσει περισσότερες από 30.000 ιστοσελίδες, περισσότερες από οποιοδήποτε άλλο plugin Open Graph μπορέσαμε να βρούμε, και έχει πολύ καλές κριτικές.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 11

Αν χρησιμοποιούμε το Yoast SEO (πρώην Yoast WordPress SEO), περιλαμβάνει ήδη μια επιλογή για την προσθήκη Open Graph tags, έτσι δεν θα χρειαστούμε άλλο Plugin.

Αρκεί να ελέγξουμε πως έχουμε τσεκαρισμένη την επιλογή “Add Open Graph meta data” στο Social -> Facebook.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 12

Για την ακρίβεια, τα περισσότερα plugin για SEO περιλαμβάνουν δυνατότητες Open Graph. Αν λοιπόν χρησιμοποιείτε κάποιο άλλο πρόσθετο αντί του Yoast SEO, ελέγξτε τις ρυθμίσεις του, και είναι πιθανό να βρείτε μια ενότητα για τα social media.

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

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 13

Αν μη τι άλλο, πάντως, κάποιες κριτικές είναι αστείες.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 14

Υπάρχει και μια μέθοδος να προσθέσουμε χειροκίνητα το Open Graph στη σελίδα μας. Επειδή όμως, περιλαμβάνει να τροποποιήσουμε το Functions.php, και αυτό μπορεί να προξενήσει πρόβλημα στη σελίδα αν δεν είμαστε προσεκτικοί, δεν θα καλύψουμε αυτή τη μέθοδο.

Αν για κάποιο λόγο την προτιμάτε, και γνωρίζετε Αγγλικά, δείτε τον αναλυτικό οδηγό του WPbeginner.com.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 15

Προσθήκη Open Graph Tags στη Joomla

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

Οι Phoca Open Graph και Easy Open Graph είναι δύο δημοφιλείς δωρεάν επεκτάσεις, αλλά έχουν ανάμεικτες κριτικές. Για κάποιους χρήστες λειτούργησα αμέσως μετά την εγκατάσταση. Για άλλους, δεν λειτούργησαν καθόλου.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 16

Υπάρχει επίσης και το πληρωμένο Open Graph Protocol Solution, που θα μας κοστίσει $22 (με έκπτωση από $30) και έχει εγγύηση επιστροφής χρημάτων για 30 ημέρες.

Σωστή Κοινοποίηση Συνδέσμου Facebook Από το Site σου 17

Χρειάζεστε βοήθεια για να φτιάξετε τα προβλήματα με την κοινοποίηση συνδέσμου?

Αν οι παραπάνω λύσεις δεν λειτούργησαν για εσάς, και έχετε πρόβλημα με την κοινοποίηση συνδέσμου από την ιστοσελίδα σας, γράψτε μας στα σχόλια.

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

Τα σχόλια του PCsteps έχουν μεταφερθεί στο Questions.pcsteps.gr. Αν έχετε απορίες για τη δημοσίευση ή οποιαδήποτε τεχνολογική ερώτηση, από προτάσεις αγορών μέχρι τεχνικά προβλήματα, γράψτε μας εκεί. Απαντάμε το αργότερο εντός 48 ωρών.

Οι Στήλες του PCsteps

FEATURED sale alert b10 x4 aa
Οδηγοί Αγοράς
QuickSteps#320 - Δωρεάν VPN Edge, Πλήρη Αποσύνδεση Facebook, Κρυφό Μήνυμα Σε Εικόνα, Καρτούν Εικόνα Προφίλ
QuickSteps
GamingSteps#20240322 - Battle Royale Στο WoW, Ρεκόρ Χρηστών Για Το Stardew Valley, GDC Και IGF Awards 2024
GamingSteps