Πίσω στο blog
Έχετε αναρωτηθεί ποτέ γιατί μερικές φορές τα links σας φαίνονται περίεργα όταν τα μοιράζεστε στο Facebook ή το Twitter; Γνωρίζετε πώς να επηρεάσετε την εμφάνιση των shared blog posts σας σε αυτά τα social media;
Αν δεν είστε σίγουροι ότι έχετε κάνει ό,τι μπορείτε για να βελτιστοποιήσετε τις πληροφορίες που εμφανίζονται στο Facebook και το Twitter, συνεχίστε την ανάγνωση. Θα σας δείξουμε πώς η χρήση των σωστών social media tags μπορεί να αναβαθμίσει το look & feel των post previews σας.
Όταν μοιράζεστε ένα link, θέλετε το post σας να φαίνεται ελκυστικό. Θέλετε να περιλαμβάνει μια ποιοτική εικόνα, σωστό τίτλο, description και URL. Το Facebook, το Twitter και άλλες πλατφόρμες αντλούν αυτά τα δεδομένα από το website σας.
Μπορείτε να ελέγξετε τι ακριβώς «τραβούν» οι πλατφόρμες συμπεριλαμβάνοντας social media meta tags (για παράδειγμα, open graph tags) στον HTML κώδικα των άρθρων σας.
Αν υπάρχουν τα Facebook meta tags (=Open Graph meta tags), εσείς ορίζετε τι θα εμφανίζεται στο Facebook post. Αν παραλείψετε αυτές τις Open Graph (og) ιδιότητες, το Facebook θα εξακολουθεί να δείχνει πληροφορίες, αλλά πιθανότατα όχι όπως θα θέλατε. Το ίδιο ισχύει αναλογικά και για τα Twitter meta tags. Ας δούμε πώς λειτουργούν στην πράξη με το sharing στο Facebook.
Web content sharing στο Facebook
Το Facebook είναι μια εξαιρετική πλατφόρμα για να μοιράζεστε το περιεχόμενό σας. Η δημιουργία ενός νέου post από ένα άρθρο είναι τόσο απλή όσο η επικόλληση του link στο box του Facebook.
Ας δούμε τη διαδικασία χρησιμοποιώντας ως παράδειγμα το άρθρο μας για το Facebook Marketing Strategy.
Μόλις εισαγάγετε το URL, το Facebook αντλεί δεδομένα και δημιουργεί ένα όμορφο preview. Το format εμφανίζεται αμέσως — τόσο για desktop όσο και για mobile. Αν χρησιμοποιείτε το Kontentino για τη διαχείριση του περιεχομένου σας, το preview είναι άμεσα διαθέσιμο στο Kontentino Calendar.
Κατανοώντας τα meta tags στον HTML κώδικα
Meta properties για τις μηχανές αναζήτησης
Στο πάνω μέρος του κώδικα, βλέπουμε διάφορες ιδιότητες που ορίζουν τις παραμέτρους του άρθρου, τα λεγόμενα meta tags. Ορισμένα χρησιμοποιούνται από τις μηχανές αναζήτησης για να κατανοήσουν το περιεχόμενο. Αυτά περιλαμβάνουν:
- Meta title – <title>
- Meta description – meta name=”description”
- Robots – meta name=”robots”
Η παρακάτω εικόνα δείχνει τον HTML κώδικα για αυτό το post του Kontentino. Μπορείτε να δείτε αυτά τα meta tags με πράσινο χρώμα.
Εντοπισμός των meta tags στον κώδικα του post Facebook Ads Target Audiences 101
Quick tip: Δεν ξέρετε πώς να δείτε τον HTML κώδικα; Πατήστε CTRL+U στα Windows ή Option + Command + U σε Mac.
Χάρη σε αυτά τα tags, οι μηχανές αναζήτησης γνωρίζουν πώς να κάνουν index τη σελίδα. Ο meta τίτλος και η περιγραφή χρησιμοποιούνται στα αποτελέσματα αναζήτησης (SERP). Όπως βλέπετε, οι ιδιότητες έχουν οριστεί ως εξής:
- Meta title: ‘Facebook Ads Target Audiences 101: The Ultimate Guide | Kontentino Blog – Simplifying Social Media Approval Workflow’
- Meta description: ‘Find out how to reach the right people with Facebook Ads target audiences.’
Ας προχωρήσουμε τώρα στα meta tags που περιέχουν το πρόθεμα ‘og:’, τα οποία είναι κρίσιμα για τα social media.
Αυτά ονομάζονται social meta tags ή απλώς og meta properties. Στον κώδικά μας υπάρχουν 7 διαφορετικές ιδιότητες:
- og: locale
- og: type
- og: title
- og: description
- og: url
- og: site_name
- og: image
Επιπλέον, υπάρχουν Facebook meta tags που σχετίζονται με την εικόνα (og:image), όπως πλάτος, ύψος και alt text.
Twitter meta tags
Εκτός από τα παραπάνω, θα βρείτε και ειδικά tags για το Twitter:
- meta name=”twitter:card”
- meta name=”twitter:title”
- meta name=”twitter:description”
- meta name=”twitter:site”
- meta name=”twitter:image”
Συνεχίστε την ανάγνωση για να μάθετε πώς να αποκωδικοποιείτε, να γράφετε και να επεξεργάζεστε αυτές τις ιδιότητες στο CMS σας.
Publishing σε Facebook και Twitter με το Kontentino
Ξεκινήστε τη δοκιμή 14 ημερών στο Kontentino και οργανώστε τα social media meta tags σας εύκολα. Δείτε το preview πριν τη δημοσίευση.
Το ‘og:’ σημαίνει ‘Open Graph’. Πρόκειται για ένα πρωτόκολλο που επιτρέπει στο Facebook να καταλάβει πώς να εμφανίσει το περιεχόμενό σας. Χωρίς αυτά τα tags, ο crawler του Facebook κάνει μια «εκτίμηση», η οποία συχνά δεν είναι η ιδανική.
Τα og meta tags είναι εξαιρετικά σημαντικά. Αν και το Open Graph λανσαρίστηκε πριν από 10 χρόνια, παραμένει το standard για την πλούσια αναπαράσταση των σελίδων στο social graph. Θα επικεντρωθούμε στα 4 βασικά: og:title, og:image, og:url, και og:description.
og:title meta property
Ορίζει τον τίτλο του αντικειμένου (π.χ. του blog post) όπως θα εμφανίζεται στο social graph. Το Facebook θα εμφανίσει αυτόν τον τίτλο ακριβώς κάτω από το URL.
og:image meta property
Εδώ εισάγουμε το URL της εικόνας που θέλουμε να εκπροσωπεί το άρθρο. Ορίζοντάς το, διασφαλίζουμε ότι θα εμφανιστεί η σωστή featured image και όχι κάποια τυχαία εικόνα από το site μας.
og:url meta property
Αυτό το tag περιέχει το canonical URL που χρησιμεύει ως μόνιμο ID στο social graph.
og:description meta property
Περιλαμβάνει την περιγραφή που συνοδεύει το link. Βοηθά τους χρήστες να καταλάβουν περί τίνος πρόκειται πριν κάνουν κλικ.
Mastering των og meta tags
Τώρα που γνωρίζουμε τη σημασία τους, ας δούμε πώς να τα επεξεργαστούμε στο WordPress. Εργαλεία όπως το Yoast SEO ή το Rank Math είναι απαραίτητα εδώ.
Στο Rank Math, πηγαίνουμε στο SEO tab και επιλέγουμε το ‘social’.
Πού θα βρείτε την επεξεργασία των social media meta tags στο CMS σας
Το Rank Math προσφέρει live preview. Πατήστε το κουμπί ‘Preview & Edit Social Media’ για να κάνετε τις αλλαγές σας.
Επεξεργασία των Facebook meta tags
Όταν οι ιδιότητες og:image, og:title και og:description δεν έχουν οριστεί, το plugin χρησιμοποιεί αυτόματα τα βασικά SEO δεδομένα.
Επεξεργασία των tags og:title και og:description.
Αφού αποθηκεύσετε τις αλλαγές, μπορείτε να χρησιμοποιήσετε το Facebook Debugger για να ελέγξετε το αποτέλεσμα. Μην ξεχάσετε να καθαρίσετε την cache σας (Safari temporary files κ.λπ.) για να δείτε την ανανεωμένη έκδοση.
Το link preview στο Facebook Sharing Debugger σε δράση.
Συχνές παρανοήσεις για τα social media meta tags
Μύθος 1: Είναι μόνο για σκοπούς SEO.
Τα meta tags παίζουν κρίσιμο ρόλο στην αλληλεπίδραση (engagement) των χρηστών στα κοινωνικά δίκτυα, όχι μόνο στην κατάταξη στη Google.
Μύθος 2: Όλες οι εικόνες εμφανίζονται τέλεια αυτόματα.
Χωρίς το og:image, οι πλατφόρμες μπορεί να επιλέξουν μια άσχετη εικόνα ή να την κόψουν λάθος.
Μύθος 5: Απαιτούνται γνώσεις προγραμματισμού.
Plugins όπως το Rank Math απλοποιούν τη διαδικασία. Δεν χρειάζεται να είστε developer για να βελτιστοποιήσετε τα posts σας.
Συμπέρασμα
Ελπίζουμε αυτό το άρθρο να σας βοήθησε να κατανοήσετε τη σημασία των og properties. Αν θέλετε να οργανώσετε το social media marketing σας, δοκιμάστε το Kontentino. Είναι ένα φιλικό εργαλείο που απλοποιεί το content approval και τη συνεργασία.
Το Content Calendar μας ενσωματώνει τη λειτουργία preview, ώστε να βλέπετε αμέσως πώς θα φαίνεται το link σας, εξοικονομώντας πολύτιμο χρόνο.
FAQ
Τι είναι ένα social media meta tag;
Είναι δεδομένα (τίτλοι, εικόνες, περιγραφές) που παρέχονται στις πλατφόρμες social media για να ελέγχουν την εμφάνιση των κοινοποιημένων ιστοσελίδων.
Είναι απαραίτητα τα meta tags;
Ναι, είναι κρίσιμα για το digital marketing καθώς εγγυώνται ότι το περιεχόμενό σας θα φαίνεται επαγγελματικό, αυξάνοντας τα κλικ και το engagement.
