Δωρεάν εργαλεία

Γιατί δεν βγαίνει εικόνα όταν στέλνετε το link σας σε Facebook ή Viber

Τι είναι τα Open Graph tags, πώς ορίζετε την εικόνα που εμφανίζεται όταν μοιράζεστε το site σας και πώς καθαρίζετε την προσωρινή μνήμη του Facebook.

Cybernetics Development5 λεπτά ανάγνωσης
Σε αυτό το άρθρο
  1. Η διαφορά που βλέπει ο πελάτης
  2. Τι είναι τα Open Graph tags
  3. Η σωστή εικόνα κοινοποίησης
  4. Τι να γράψετε στον τίτλο και στην περιγραφή
  5. Πώς τα προσθέτετε
  6. Άλλαξα την εικόνα, αλλά βλέπω ακόμη την παλιά
  7. Η σύντομη λίστα ελέγχου

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

Δείτε πώς φαίνεται η δική σας σελίδα πριν τη μοιραστείτε:

Η διαφορά που βλέπει ο πελάτης

Χωρίς Open Graph

Καλησπέρα, αυτό είναι το ιατρείο που σας έλεγα

https://example.gr

Με Open Graph

Καλησπέρα, αυτό είναι το ιατρείο που σας έλεγα

Ιατρείο Παπαδόπουλου
example.grΠαιδίατρος στην Καλαμαριά | Ιατρείο ΠαπαδόπουλουΡαντεβού, ωράριο και πρόσβαση στο ιατρείο.
Ο ίδιος σύνδεσμος σε συνομιλία Viber ή Messenger, απλοποιημένα.

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

Δεν είναι σπάνιο πρόβλημα. Από 946 ιστοσελίδες ελληνικών επιχειρήσεων που πέρασαν από τον έλεγχό μας τον Οκτώβριο του 2026, κυρίως ιατρεία και τοπικές επιχειρήσεις, το 20% δεν είχε κανένα Open Graph tag και άλλο ένα 13% τα είχε χωρίς εικόνα. Δηλαδή τουλάχιστον μία στις τρεις εμφανίζεται χωρίς εικόνα όταν τη μοιράζεται κάποιος.

Τι είναι τα Open Graph tags

Είναι ένα πρότυπο που έφτιαξε το Facebook και σήμερα το διαβάζουν σχεδόν όλες οι εφαρμογές: Messenger, Viber, WhatsApp, LinkedIn, Slack, Teams, ακόμη και το iMessage. Μπαίνουν στο <head> της σελίδας και κάθε ένα αντιστοιχεί σε ένα κομμάτι της κάρτας:

Ποιο tag γεμίζει ποιο κομμάτι της κάρτας

Ιατρείο Παπαδόπουλου1
example.gr4Παιδίατρος στην Καλαμαριά | Ιατρείο Παπαδόπουλου2Ραντεβού, ωράριο και πρόσβαση στο ιατρείο.3
  1. 1og:imageη εικόνα, 1200 × 630
  2. 2og:titleο τίτλος με έντονα
  3. 3og:descriptionμία ή δύο γραμμές περιγραφής
  4. 4og:urlη διεύθυνση που δείχνει η κάρτα
Αν λείπει το og:image, οι περισσότερες εφαρμογές δείχνουν μόνο κείμενο ή τίποτα.
<meta property="og:title" content="Παιδίατρος στην Καλαμαριά | Ιατρείο Παπαδόπουλου">
<meta property="og:description" content="Ραντεβού, ωράριο και πρόσβαση στο ιατρείο.">
<meta property="og:image" content="https://example.gr/images/share.jpg">
<meta property="og:url" content="https://example.gr/">

Δύο λεπτομέρειες που σπάνε συχνά:

  • Η διεύθυνση της εικόνας πρέπει να είναι πλήρης, με https:// και domain. Μια σχετική διαδρομή όπως /images/share.jpg δεν τη βρίσκουν όλες οι εφαρμογές.
  • Η εικόνα πρέπει να ανοίγει δημόσια. Αν είναι πίσω από κωδικό, σε περιβάλλον δοκιμών ή μπλοκάρεται από το firewall της φιλοξενίας, η κάρτα βγαίνει κενή.

Η σωστή εικόνα κοινοποίησης

Η εικόνα κοινοποίησης

1200 px630 px
Λογότυπο και κείμενο εδώ
  • 1200 × 630αναλογία περίπου 1,91 προς 1
  • JPG ή PNGμικρό αρχείο, φορτώνει παντού
  • Κεντρική ζώνηκάποιες εφαρμογές κόβουν σε τετράγωνο
  • Πλήρης διεύθυνσημε https:// και domain
Η διακεκομμένη περιοχή είναι το τετράγωνο που μένει όταν μια εφαρμογή κόβει την εικόνα.

Το ασφαλές μέγεθος είναι 1200 × 630 pixels, σε JPG ή PNG. Κρατήστε το λογότυπο και ό,τι κείμενο έχει η εικόνα κοντά στο κέντρο, γιατί κάποιες εφαρμογές τη δείχνουν κομμένη σε τετράγωνο. Και κρατήστε το αρχείο μικρό: μια βαριά εικόνα αργεί, και κάποιες εφαρμογές απλώς την παραλείπουν. Το εργαλείο συμπίεσης εικόνων τη μικραίνει χωρίς ορατή διαφορά.

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

Τι να γράψετε στον τίτλο και στην περιγραφή

Η εικόνα τραβά το μάτι, αλλά ο τίτλος είναι αυτό που κάνει κάποιον να πατήσει. Τα πιο συχνά λάθη που βλέπουμε είναι ο τίτλος «Αρχική» ή σκέτο το όνομα της επιχείρησης, και η περιγραφή που λείπει, οπότε η εφαρμογή παίρνει την πρώτη τυχαία πρόταση της σελίδας, συχνά το κείμενο του banner για τα cookies.

  • Τίτλος: τι κάνετε και πού, μετά το όνομα. «Παιδίατρος στην Καλαμαριά | Ιατρείο Παπαδόπουλου» λέει περισσότερα από «Ιατρείο Παπαδόπουλου». Μέχρι 60 χαρακτήρες περίπου, για να μην κοπεί.
  • Περιγραφή: μία πρόταση με αυτό που θα βρει ο πελάτης στη σελίδα, μέχρι 155 χαρακτήρες περίπου.
  • Διαφορετικά για κάθε σελίδα. Αν όλες οι σελίδες έχουν τον ίδιο τίτλο, κάθε σύνδεσμος που μοιράζεστε μοιάζει με την αρχική σελίδα.

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

Πώς τα προσθέτετε

  • WordPress: τα πρόσθετα SEO, όπως το Yoast και το Rank Math, έχουν καρτέλα «Social» σε κάθε σελίδα. Ορίστε εκεί μια εικόνα για κάθε σελίδα και μια προεπιλεγμένη για όλο το site στις γενικές ρυθμίσεις του πρόσθετου.
  • Wix, Squarespace, Shopify: στις ρυθμίσεις SEO κάθε σελίδας υπάρχει πεδίο για εικόνα κοινοποίησης.
  • Ιστοσελίδα κατά παραγγελία: ο κατασκευαστής προσθέτει τα tags στο πρότυπο της σελίδας, ώστε κάθε νέα σελίδα να τα παίρνει αυτόματα.

Άλλαξα την εικόνα, αλλά βλέπω ακόμη την παλιά

Οι εφαρμογές δεν ξαναδιαβάζουν τη σελίδα κάθε φορά. Κρατούν την προεπισκόπηση για μέρες ή εβδομάδες.

  • Facebook και Messenger: ανοίξτε το Sharing Debugger του Facebook, γράψτε τη διεύθυνση και πατήστε «Scrape Again». Θα δείτε και ποια tags διαβάζει το Facebook, και τυχόν λάθη.
  • LinkedIn: το Post Inspector του LinkedIn κάνει το ίδιο.
  • Viber και WhatsApp: δεν έχουν τέτοιο εργαλείο. Αν θέλετε να δείτε αμέσως τη νέα κάρτα, μοιραστείτε τον σύνδεσμο με ένα ερωτηματικό στο τέλος, για παράδειγμα example.gr/?v=2. Για την εφαρμογή είναι νέα διεύθυνση και τη διαβάζει από την αρχή.

Η σύντομη λίστα ελέγχου

  1. Υπάρχουν og:title, og:description, og:image και og:url σε κάθε σελίδα;
  2. Η εικόνα είναι 1200 × 630, με πλήρη διεύθυνση https://, και ανοίγει δημόσια;
  3. Ο τίτλος και η περιγραφή λένε τι κάνετε, όχι μόνο το όνομα της επιχείρησης;
  4. Μετά από αλλαγή, πατήσατε «Scrape Again» στο Sharing Debugger;

Τα σημεία 1 έως 3 τα ελέγχει σε δευτερόλεπτα η προεπισκόπηση Google και social: δείχνει την κάρτα όπως θα τη δει ο πελάτης και τι λείπει. Για όλο το υπόλοιπο, τίτλους, ταχύτητα και ό,τι χρειάζεται το Google, υπάρχει ο δωρεάν έλεγχος ιστοσελίδας.

Τα Open Graph tags είναι ένα από τα πρώτα πράγματα που διορθώνουμε όταν αναλαμβάνουμε το SEO μιας ιστοσελίδας, μαζί με τους τίτλους και τις περιγραφές που βλέπει ο πελάτης στο Google. Συνήθως είναι δουλειά μιας μέρας για όλο το site.

Ερωτήσεις

Συχνές ερωτήσεις

Άλλαξα την εικόνα αλλά το Facebook δείχνει ακόμη την παλιά. Γιατί;

Το Facebook κρατά την προεπισκόπηση στη μνήμη του για μέρες. Ανοίξτε το Sharing Debugger του Facebook, γράψτε τη διεύθυνση της σελίδας και πατήστε «Scrape Again». Η νέα εικόνα θα εμφανίζεται από εκεί και πέρα, και στο Messenger.

Τι μέγεθος πρέπει να έχει η εικόνα κοινοποίησης;

1200 × 630 pixels, δηλαδή αναλογία περίπου 1,91 προς 1, σε JPG ή PNG. Κρατήστε το λογότυπο και το κείμενο κοντά στο κέντρο, γιατί κάποιες εφαρμογές κόβουν την εικόνα σε τετράγωνο, και το αρχείο μικρό, ώστε να φορτώνει αξιόπιστα παντού.

Χρειάζεται διαφορετική εικόνα για κάθε σελίδα;

Δεν είναι υποχρεωτικό, αλλά βοηθά. Μια κοινή εικόνα με το λογότυπο αρκεί για τις περισσότερες σελίδες. Για προϊόντα, υπηρεσίες και άρθρα, μια δική τους εικόνα κάνει τον σύνδεσμο πολύ πιο ελκυστικό όταν τον μοιράζονται.

Επηρεάζουν τα Open Graph tags τη θέση μου στο Google;

Όχι άμεσα. Το Google χρησιμοποιεί τον τίτλο και την περιγραφή της σελίδας, όχι τα Open Graph tags, για τα αποτελέσματά του. Μια σωστή κάρτα όμως φέρνει περισσότερα κλικ όταν ο σύνδεσμος κυκλοφορεί σε Facebook, Viber και LinkedIn.

Θέλετε το νούμερο για τη δική σας περίπτωση;

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

Υπολογίστε το κόστοςΖητήστε προσφορά

Σχετικά άρθρα