Η σύντομη απάντηση: για να ελέγξετε το Open Graph online, επικολλήστε τη διεύθυνση της σελίδας στο δωρεάν Open Graph Debugger PromoPilot. Θα διαβάσει όλες τις ετικέτες og:* και Twitter Card, θα ελέγξει την παρουσία και το μέγεθος της εικόνας, θα αξιολογήσει την πληρότητα της σήμανσης και θα εμφανίσει προεπισκοπήσεις συνδέσμων για Facebook, X (Twitter) και LinkedIn—καθώς και προτάσεις για το τι να προσθέσετε. Δεν απαιτείται εγγραφή. Παρακάτω θα βρείτε τις απαιτούμενες ετικέτες, το απαιτούμενο μέγεθος og:image και πώς να ενημερώσετε μια "κολλημένη" προεπισκόπηση.
Κατασκευάζω ιστοσελίδες εδώ και 12 χρόνια και ακούω την ερώτηση "Γιατί Telegram δεν έχει εικόνα;" από τους πελάτες πιο συχνά από ό,τι ερωτήσεις σχετικά με την κατάταξη. Συνήθως είναι μια δουλειά πέντε λεπτών—αν ξέρετε πού να ψάξετε.
Τι ελέγχει το Open Graph Debugger;
Όταν εισάγετε έναν σύνδεσμο σε μια ανάρτηση ή μήνυμα, η πλατφόρμα μεταβαίνει στη σελίδα και αναζητά ετικέτες Open Graph. Αν βρει μία, σχεδιάζει μια ωραία κάρτα. Αν όχι, δέχεται ό,τι βρει ή εμφανίζει μια γυμνή διεύθυνση URL. Το εργαλείο ελέγχει μόνο τι θα διαβάσουν τα κοινωνικά δίκτυα.
| Τι ελέγχει; | Τι κοιτάζει; | Γιατί το χρειάζεται αυτό η επιχείρηση; |
|---|---|---|
| Όλες οι ετικέτες og:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale | Από αυτά, οι ιστότοποι συλλέγουν τον τίτλο, την περιγραφή και την εικόνα της κάρτας. |
| Κάρτα Twitter | twitter:κάρτα, twitter:τίτλος, twitter:περιγραφή, twitter:εικόνα | Το X (Twitter) διαβάζει τις ετικέτες του και, αν απουσιάζουν, μερικώς og |
| Αρχική εικόνα | Υπάρχει κάποια φωτογραφία και τι μέγεθος έχει; | Η μικρή εικόνα μετατρέπει την κάρτα σε ένα μικροσκοπικό εικονίδιο στο πλάι |
| Αξιολόγηση πληρότητας | Πόσες προτεινόμενες ετικέτες είναι συμπληρωμένες; | Γρήγορη αναφορά: είναι όλα στη θέση τους; |
| Προεπισκοπήσεις δικτύου | κάρτες για Facebook, X και LinkedIn | Μπορείτε να δείτε πώς θα μοιάζει η ανάρτηση πριν από τη δημοσίευσή της. |
| Συστάσεις | Τι πρέπει να προσθέσω ή να διορθώσω; | Μια έτοιμη λίστα εργασιών για έναν προγραμματιστή ή για εσάς |
Πώς μπορώ να ελέγξω τις σελίδες Open Graph online;
- Άνοιγμα του εργαλείου εντοπισμού σφαλμάτων γραφημάτων.
- Εισαγάγετε τη διεύθυνση URL της σελίδας που θέλετε να κοινοποιήσετε: ένα άρθρο, ένα προϊόν ή μια σελίδα προορισμού διαφήμισης. Κάντε κλικ στην επιλογή "Έλεγχος".
- Δείτε τη λίστα με τις ετικέτες: ποιες είναι ορισμένες, ποιες είναι κενές και αν υπάρχει ξένη ή δοκιμαστική διεύθυνση στο og:url.
- Ελέγξτε την προεπισκόπηση για κάθε δίκτυο: είναι κομμένος ο τίτλος, είναι ορατή η εικόνα και υπάρχει κάποιο σημαντικό κείμενο γύρω από τις άκρες.
- Προσθέστε τις ετικέτες που λείπουν όπως συνιστάται και ελέγξτε ξανά τη σελίδα.
Σελίδα εργαλείου: πεδίο διεύθυνσης, κουμπί "Έλεγχος", λίστα ελέγχων και Συχνές ερωτήσεις.
Το εργαλείο είναι ελαφρύ: ένα ημερήσιο όριο είναι αρκετό για να ελέγξει ένας επισκέπτης όλα τα πρότυπα του ιστότοπου—την αρχική σελίδα, την κατηγορία, το προϊόν και το άρθρο. Μετά τη δωρεάν εγγραφή, το όριο τριπλασιάζεται.
Ποια είναι τα πιο συνηθισμένα σφάλματα στο Open Graph;
Να τι βρίσκω σχεδόν σε κάθε άλλο ιστότοπο και με ποια σειρά να το διορθώσω.
- Δεν υπάρχει og:image ή έχει καθοριστεί ως σχετική διεύθυνση URL. Τα κοινωνικά δίκτυα δεν κατανοούν
content="/img/cover.jpg"— απαιτείται η πλήρης διεύθυνση URL που ξεκινά μεhttps://. Χωρίς εικόνα, η εμβέλεια της ανάρτησης μειώνεται σημαντικά. - Η εικόνα είναι πολύ μικρή. Το λογότυπο 200x200 μετατρέπει την κάρτα σε ένα μικρό τετράγωνο στο πλάι. Απαιτείται μια εικόνα 1200x630.
- Μία εικόνα og: για ολόκληρο τον ιστότοπο. Κάθε άρθρο και κάθε προϊόν στα μέσα κοινωνικής δικτύωσης θα πρέπει να έχει την ίδια εμφάνιση—με το λογότυπο. Για το ιστολόγιο και τον κατάλογο, η εικόνα θα πρέπει να προέρχεται από την κύρια φωτογραφία της σελίδας.
- Το og:url οδηγεί σε μια άλλη διεύθυνση — την αρχική σελίδα, έναν δοκιμαστικό τομέα ή την έκδοση
http://. Η πλατφόρμα μπορεί να ενοποιήσει όλους τους συνδέσμους σε μία μόνο σελίδα. - Δεν υπάρχει twitter:card. Χωρίς αυτό, το X συχνά εμφανίζει μια μικρή κάρτα. Για μια μεγαλύτερη εικόνα, χρειάζεστε
summary_large_image. - Το og:title αντιγράφει τον τίτλο με τη λέξη "buy" και την επωνυμία. Σε μια ροή μέσων κοινωνικής δικτύωσης, αυτό μοιάζει με διαφήμιση. Ένας ζωηρός τίτλος, όπως για μια ανάρτηση, είναι καλύτερος.
Το ελάχιστο σωστό σύνολο μοιάζει με αυτό:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">Πώς να προετοιμάσω μια εικόνα για το og:image;
Η εικόνα είναι το πιο εμφανές μέρος της κάρτας και είναι το σημείο όπου οι άνθρωποι συχνά παραβλέπουν. Ακολουθούν μερικοί κανόνες που ακολουθώ:
- Το μέγεθος είναι 1200×630 και ο προσανατολισμός είναι οριζόντιος. Το κοινωνικό δίκτυο θα περικόψει το πάνω και το κάτω μέρος μιας τετράγωνης φωτογραφίας προϊόντος, με αποτέλεσμα να λείπει το κεφάλι ή η σόλα του προϊόντος.
- Το σημαντικό είναι στο κέντρο. Διαφορετικές πλατφόρμες περικόπτουν τις άκρες με διαφορετικό τρόπο, και στην τροφοδοσία για κινητά, η κάρτα είναι ακόμη μικρότερη. Διατηρήστε το κείμενο μεγάλο και μακριά από τις άκρες.
- Ελάχιστο κείμενο. Ο τίτλος βρίσκεται ήδη κάτω από την εικόνα. Απαιτούνται 3-6 λέξεις ή καθόλου λεζάντες στην ίδια την εικόνα.
- Ελαφρύ αρχείο. Ένα JPG ή PNG εύλογου μεγέθους θα φορτώσει γρήγορα και η πλατφόρμα δεν θα λήξει.
- Μια ειδική εικόνα για κάθε βασική σελίδα. Για άρθρα και προϊόντα, είναι βολικό να δημιουργήσετε μία αυτόματα: ένα εξώφυλλο άρθρου ή την κύρια φωτογραφία του προϊόντος.
Μια καλή δοκιμή είναι να ανοίξετε την προεπισκόπηση στο πρόγραμμα εντοπισμού σφαλμάτων στο τηλέφωνό σας. Εάν ο σύνδεσμος δεν είναι ευκρινής χωρίς μεγέθυνση, η εικόνα χρειάζεται επανεπεξεργασία.
Πώς μπορώ να ενημερώσω μια παλιά προεπισκόπηση μετά από μια επιδιόρθωση;
Ένα συνηθισμένο σενάριο: έχετε διορθώσει τις ετικέτες, αλλά το κοινωνικό δίκτυο εμφανίζει πεισματικά την παλιά εικόνα. Ο λόγος είναι η προσωρινή μνήμη: η πλατφόρμα έχει θυμηθεί την προεπισκόπηση από την πρώτη κοινοποίηση. Στο Facebook η εκ νέου συλλογή των δεδομένων στο Sharing Debugger βοηθάει, στο LinkedIn, με το Post Inspector και στο Telegram, με το bot @WebpageBot, στο οποίο στέλνετε τον σύνδεσμο. Εάν όλα τα άλλα αποτύχουν, προσθέστε μια ακίνδυνη παράμετρο στη διεύθυνση, όπως ?v=2: για την πλατφόρμα, αυτός είναι ένας νέος σύνδεσμος.
Σύγκριση: Open Graph Debugger και εναλλακτικές λύσεις
| Εργαλείο | Τι είναι δωρεάν; | Περιορισμοί | Για ποιον είναι κατάλληλο; |
|---|---|---|---|
| PromoPilot - Άνοιγμα εργαλείου εντοπισμού σφαλμάτων γραφημάτων | Όλες οι ετικέτες og και Twitter, μέγεθος εικόνας og, προεπισκοπήσεις για Facebook, X και LinkedIn, προτάσεις | Δεν καθαρίζει την προσωρινή μνήμη των μέσων κοινωνικής δικτύωσης | Ελέγξτε αμέσως τη σελίδα σας πριν τη δημοσιεύσετε σε οποιοδήποτε μέσο κοινωνικής δικτύωσης |
| Κοινή χρήση εργαλείου εντοπισμού σφαλμάτων (Meta) | Προεπισκόπηση Facebook και Επανασυλλογή Δεδομένων | Μόνο Facebook, απαιτείται σύνδεση στον λογαριασμό σας | Επαναφορά παλιάς προεπισκόπησης στο Facebook |
| Επιθεωρητής Δημοσιεύσεων LinkedIn | Προεπισκόπηση LinkedIn και Ανανέωση Cache | Μόνο LinkedIn, απαιτείται σύνδεση | Για όσους κάνουν προώθηση στο LinkedIn |
| @WebpageBot στο Telegram | Ενημέρωση της προεπισκόπησης συνδέσμου στο Telegram | Μόνο Telegram, δεν αναλύει ετικέτες | Για κατόχους καναλιών Telegram |
Συμπέρασμα: απαιτούνται επίσημα προγράμματα εντοπισμού σφαλμάτων πλατφόρμας για την εκκαθάριση της προσωρινής μνήμης, αλλά κάθε πλατφόρμα εμφανίζει μόνο το δικό της δίκτυο. Για να δείτε όλες τις προεπισκοπήσεις και μια λίστα με τις ετικέτες που λείπουν ταυτόχρονα, ένα καθολικό πρόγραμμα εντοπισμού σφαλμάτων είναι πιο βολικό.
Παρεμπιπτόντως, το PromoPilot διαθέτει 87 δωρεάν εργαλεία SEO. Αν δεν έχετε γράψει ακόμα ετικέτες, έχουμε ένα άρθρο στη σειρά μας σχετικά με μια γεννήτρια μετα-ετικετών που θα δημιουργήσει ένα μπλοκ Open Graph με προεπισκόπηση.
Πώς διαφέρει το Open Graph Debugger από την ανάλυση meta tag;
Η ανάλυση μετα-ετικετών εξετάζει μια σελίδα μέσα από τα μάτια μιας μηχανής αναζήτησης: ο τίτλος, η περιγραφή, το canonical, το hreflang και το Open Graph είναι μόνο μία ομάδα. Το εργαλείο εντοπισμού σφαλμάτων εστιάζει στα μέσα κοινωνικής δικτύωσης: δημιουργεί κάρτες για διαφορετικές πλατφόρμες, ελέγχει το μέγεθος της εικόνας και κάνει προτάσεις ειδικά με βάση τις προεπισκοπήσεις. Εάν οι σύνδεσμοι προς τον ιστότοπό σας κοινοποιούνται ενεργά σε μέσα κοινωνικής δικτύωσης και εφαρμογές ανταλλαγής μηνυμάτων, το εργαλείο εντοπισμού σφαλμάτων είναι πιο χρήσιμο.
Και τα δύο έχουν έναν περιορισμό: διαβάζουν τον κώδικα HTML που επιστρέφεται από τον διακομιστή. Εάν οι ετικέτες εισαχθούν από ένα σενάριο προγράμματος περιήγησης, πολλά κοινωνικά δίκτυα δεν θα τις δουν—αυτό πρέπει να διορθωθεί από την πλευρά του ιστότοπου. Μια άλλη λεπτομέρεια: το πρόγραμμα εντοπισμού σφαλμάτων ελέγχει τις ετικέτες, αλλά όχι την ίδια την κοινή χρήση. Εάν η σελίδα προστατεύεται με κωδικό πρόσβασης, έχει γεωγραφικό αποκλεισμό ή προστατεύεται από bots, το κοινωνικό δίκτυο ενδέχεται να μην έχει πρόσβαση σε αυτήν, ακόμη και αν υπάρχουν όλες οι ετικέτες.
Πότε ένα δωρεάν εργαλείο δεν είναι αρκετό;
Ένα πρόγραμμα εντοπισμού σφαλμάτων θα δείξει ότι η σελίδα δεν έχει το og:image. Αλλά αν υπάρχουν χιλιάδες σελίδες, η χειροκίνητη εισαγωγή εικόνων δεν είναι δυνατή. Ένας ειδικός είναι απαραίτητος όταν:
- Κάθε προϊόν ή άρθρο θα πρέπει να έχει τη δική του εικόνα προεπισκόπησης, η οποία συλλέγεται αυτόματα.
- ο ιστότοπος επιστρέφει ετικέτες χρησιμοποιώντας ένα σενάριο και τα κοινωνικά δίκτυα δεν τις βλέπουν.
- Ξεκινάτε διαφημίσεις και αποστολές αλληλογραφίας όπου κάθε προεπισκόπηση επηρεάζει το κόστος ανά κλικ.
- Χρειαζόμαστε έναν συνδυασμό "ιστοσελίδας + καναλιού Telegram + αυτόματης δημοσίευσης" με τις κατάλληλες κάρτες.
Τι μπορώ να κάνω για την ιστοσελίδα σας;
Είμαι ο Valeriy Danyuk, προγραμματιστής και ειδικός SEO με 12 χρόνια εμπειρίας και πάνω από 200 πελάτες. Μια όμορφη προεπισκόπηση συνδέσμων είναι δωρεάν και την προσαρμόζω για κάθε έργο.
SEO και προώθηση
- Έλεγχος SEO ιστοσελίδας με το κλειδί στο χέρι: Ελέγχω όλες τις ετικέτες προτύπων, ρυθμίζω την αυτόματη προεπισκόπηση εικόνων και διορθώνω τον κώδικα.
Ιστότοποι και ηλεκτρονικά καταστήματα
- Μεταφορά του καταστήματός σας από Instagram στον ιστότοπό σας — προϊόντα με κατάλληλες προεπισκοπήσεις για εύκολη κοινοποίηση.
- Μια σελίδα προορισμού για ένα νέο προϊόν που δημιουργήθηκε σε ένα βράδυ – μια μελέτη περίπτωσης NordHarvest με μια έτοιμη κάρτα για μέσα κοινωνικής δικτύωσης.
- Ένας ιστότοπος κλινικής πλαστικής χειρουργικής με τεχνητή νοημοσύνη και εφαρμογές μέσω Telegram.
- Ιστότοπος στο 1001site: οι προεπισκοπήσεις για τα κοινωνικά δίκτυα και η αυτόματη δημοσίευση στο Telegram διαμορφώνονται αυτόματα.
Bots και αυτοματοποίηση
- Telegram bot με τεχνητή νοημοσύνη για ένα ηλεκτρονικό κατάστημα σάλτσας.
- Το QuestFlow είναι ένα εργαλείο δημιουργίας SaaS Telegram με τεχνητή νοημοσύνη.
- Πράκτορες ηλεκτρονικού εμπορίου αντί για chatbots.
Στείλε μου έναν σύνδεσμο που δεν φαίνεται καλός σε ένα messenger στο Telegram και θα σου πω ποια ετικέτα λείπει.
Αποτέλεσμα
- Ένα διαδικτυακό εργαλείο ελέγχου Open Graph δείχνει πώς φαίνεται ένας σύνδεσμος στο Facebook, το X και το LinkedIn και ποιες ετικέτες λείπουν.
- Το ελάχιστο απαιτούμενο είναι og:title, og:type, og:image (1200×630, πλήρης διεύθυνση) και og:url, συν twitter:card.
- Μετά την επιδιόρθωση, επαναφέρετε την προσωρινή μνήμη των ιστότοπων: Sharing Debugger, Post Inspector, @WebpageBot.
- Για τον κατάλογο και το ιστολόγιο, οι εικόνες προεπισκόπησης θα πρέπει να συλλέγονται αυτόματα, όπως στο 1001site.
Ελέγξτε τη σελίδα που πρόκειται να κοινοποιήσετε στο δωρεάν Open Graph Debugger προτού οι ακόλουθοί σας δουν την ανάρτηση.
Πηγές
- Σελίδα εργαλείου Open Graph Debugger του PromoPilot — λίστα ελέγχων και συχνές ερωτήσεις.
- Open Graph Protocol (ogp.me) - υποχρεωτικές και προαιρετικές ιδιότητες.
- Το Sharing Debugger και το LinkedIn Post Inspector της Meta είναι τα επίσημα εργαλεία των πλατφορμών.
