Open Graph meta tags: τι πρέπει να γνωρίζετε

Ένας πρακτικός οδηγός για τα Open Graph meta tags: τι κάνουν, βασικά tags και παραδείγματα, εναλλακτικές πλατφορμών, βήματα δοκιμών και μια λίστα ελέγχου για σωστές social προεπισκοπήσεις.

Michael

Published 16 Φεβρουαρίου 2026

Open Graph Meta Tags - What You Need to Know

Τι κάνει το Open Graph και γιατί έχει σημασία

Open Graphmeta tagsδίνουν στις πλατφόρμες κοινωνικής δικτύωσης τον τίτλο, την περιγραφή και την εικόνα που θα εμφανιστούν όταν κάποιος μοιραστεί ένα URL. Τοποθετημένα στο head του HTML, αυτά τα tags τυποποιούν τον τρόπο προβολής των σελίδων σε υπηρεσίες που υποστηρίζουν το πρωτόκολλο. Όταν τα ορίσετε, εσείς ελέγχετε τα αποσπάσματα που βλέπουν οι χρήστες σε feeds, σε ιδιωτικά μηνύματα και σε προεπισκοπήσεις chat αντί να αφήνετε την επιλογή στα heuristics της πλατφόρμας.

Μερικές τεχνικές σημειώσεις που επηρεάζουν την υλοποίηση και την αντιμετώπιση προβλημάτων: Η Google χρησιμοποιεί την mobile έκδοση μιας σελίδας ως την κύρια βάση για crawling and indexing; από τον Ιούλιο 2024 η Google ανιχνεύει το Search με Googlebot Smartphone ως προεπιλογή. Το Facebook, το Twitter/X και άλλοι social scrapers μπορεί να ανακτήσουν μια σελίδα με διαφορετικούς user-agents και να αποθηκεύσουν προσωρινά προεπισκοπήσεις. Επίσης σημειώστε ότι η Google αφαίρεσε τις παραδοσιακές cached σελίδες στις αρχές του 2024· αυτό δεν αλλάζει τον τρόπο λειτουργίας του Open Graph, αλλά επηρεάζει τον τρόπο με τον οποίο μηχανές αναζήτησηςεμφανίζουν παλαιότερα στιγμιότυπα σελίδων.

Κύρια tags του Open Graph και παράδειγμα markup

Τα βασικά tags του Open Graph που πρέπει να συμπεριλάβετε στο head κάθε σελίδας που θα κοινοποιηθεί είναι og:title, og:description, og:image, og:url και og:type. Προσθέστε τα παράλληλα με το standard meta description και structured data· οι social crawlers διαβάζουν μόνο το head, οπότε συμπεριλάβετε πλήρως render-αρισμένα tags εκεί.

Παράδειγμα HTML (τοποθετήστε μέσα στο <head>):

Εάν δημοσιεύετε περιεχόμενο προγραμματισμένα (CMS templates ή server rendering), βεβαιωθείτε ότι αυτά τα tags παράγονται server-side ώστε οι scrapers να τα λαμβάνουν χωρίς να βασίζονται σε client-side JavaScript.

Διαφορές πλατφορμών και fallbacks

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

Επειδή οι πλατφόρμες αποθηκεύουν προσωρινά (cache) τις προεπισκοπήσεις με διαφορετικό τρόπο, δοκιμάστε πάντα τη σελίδα σας στις υπηρεσίες όπου περιμένετε ότι οι χρήστες θα τη μοιραστούν. Χρησιμοποιήστε τα debuggers των πλατφορμών για να ελέγξετε τι εξάγει κάθε υπηρεσία και για να καθαρίζετε τα cached στιγμιότυπα όταν ενημερώνετε τα metadata.

Οδηγίες εικόνας και προσβασιμότητας

Οι εικόνες είναι το πιο ορατό στοιχείο μιας social προεπισκόπησης. Στοχεύστε σε εικόνες αρκετά μεγάλες ώστε να αποδίδουν καθαρά σε συσκευές high-DPI και να είναι οπτικά κεντραρισμένες για τους συνηθισμένους λόγους περικοπής. Μια διαδεδομένη προσέγγιση είναι να παρέχετε εικόνα με landscape προσανατολισμό και να συμπεριλαμβάνετε ρητά metadata για width/height όπου υποστηρίζεται (og:image:width και og:image:height) ώστε οι scrapers να γνωρίζουν τις διαστάσεις χωρίς να κατεβάζουν ολόκληρο το αρχείο.

Ελέγξτε επίσης τα παρακάτω πρακτικά σημεία:

Παράδειγμα: ελέγξτε τα headers της εικόνας με μια εντολή όπως curl -I https://yourdomain.com/wp-content/uploads/your-image.png για να επιβεβαιώσετε απάντηση 200 και το Content-Type.

Πώς να δοκιμάσετε και να επιλύσετε προβλήματα του Open Graph

Όταν μια προεπισκόπηση φαίνεται λάθος, ακολουθήστε μια συστηματική checklist αντί για εικασίες. Ξεκινήστε από το ακατέργαστο head του HTML για να επιβεβαιώσετε ότι τα tags υπάρχουν, και μετά ελέγξτε πώς οι scrapers ανακτούν τη σελίδα και αν proxies ή caches επιστρέφουν παρωχημένο περιεχόμενο.

Για σελίδες που κατέχετε, το Google Search Console’s URL Inspection παραμένει χρήσιμο για ελέγχους indexation και mobile rendering, αλλά δεν αντικαθιστά τα debuggers των κοινωνικών πλατφορμών όταν διαγνώσκετε προβλήματα social προεπισκοπήσεων.

Συνήθη λάθη και γρήγορη checklist υλοποίησης

Γρήγορη checklist υλοποίησης:

Εάν θέλετε έναν πιο βαθύ τεχνικό έλεγχο στο πώς σερβίρονται και render-άρονται οι σελίδες σας, δείτε Διαβάστε τον Technical SEOΟδηγό για θέματα layout, rendering και server-side.

FAQ: Τι συμβαίνει αν μια πλατφόρμα αγνοεί το og:image;

Οι πλατφόρμες εφαρμόζουν τους δικούς τους heuristics και caching. Επιβεβαιώστε ότι το image URL επιστρέφει status 200 και σωστό Content-Type, ότι είναι αρκετά μεγάλο και έχει κατάλληλη αναλογία διαστάσεων, και ότι δεν αποκλείεται από robots.txt. Χρησιμοποιήστε το debugger της πλατφόρμας για να δείτε ακριβώς τι εξήγαγε ο scraper και για να αναγκάσετε re-scrape.

FAQ: Μπορώ να χρησιμοποιήσω διαφορετικό κείμενο για το Twitter/X και το Facebook;

Ναι. Το Twitter/X υποστηρίζει twitter:* tags για title, description και image. Αν χρειάζεστε διαφορετικό headline ή εικόνα στο Twitter/X, συμπεριλάβετε τόσο og:* όσο και twitter:* tags — η πλατφόρμα θα προτιμήσει τα δικά της tags όταν υπάρχουν.

FAQ: Πρέπει να προσθέτονται tags του Open Graph σε κάθε σελίδα;

Δώστε προτεραιότητα σε σελίδες που πιθανόν να μοιραστούν: άρθρα blog, landing pages και σελίδες προϊόντων συνήθως ωφελούνται περισσότερο. Για σελίδες site-wide (legal, admin) το όφελος είναι μικρότερο αλλά ακίνδυνο. Αν μια σελίδα είναι απίθανο να μοιραστεί, τα tags προσθέτουν μικρή αξία αλλά και μικρό κόστος.

FAQ: Επηρεάζουν τα tags του Open Graph τις SEO κατατάξεις;

Τα tags του Open Graph ελέγχουν τις social προεπισκοπήσεις και δεν αλλάζουν άμεσα τον τρόπο με τον οποίο οι search engines κατατάσσουν τις σελίδες. Ωστόσο, καλύτερες προεπισκοπήσεις μπορούν να αυξήσουν τα click-throughs από κοινωνικά κανάλια, κάτι που μπορεί έμμεσα να επηρεάσει τα σήματα εμπλοκής των χρηστών. Διατηρήστε τις διακρίσεις μεταξύ crawling, index και ranking: τα OG tags επηρεάζουν το τι εμφανίζουν οι social πλατφόρμες, όχι τους κανόνες indexation των μηχανών αναζήτησης.

Related articles