","err_audit_input_required":"Επικολλήστε πρώτα HTML που περιέχει τις μετα-ετικέτες σας.","mockups_heading":"Πώς φαίνεται ως προεπισκόπηση συνδέσμου","mockups_disclaimer":"Αυτές οι τέσσερις κάρτες είναι προσεγγίσεις του πραγματικού χρωμίου προεπισκόπησης συνδέσμων κάθε πλατφόρμας, κατασκευασμένες μόνο για σκοπούς προγραμματισμού — δεν αποτελούν ζωντανή ανάκτηση ή στιγμιότυπο οθόνης του Twitter/X, του Facebook, του LinkedIn ή του Discord και οι πλατφόρμες ενδέχεται να επανασχεδιάσουν τη δική τους διεπαφή προεπισκόπησης με την πάροδο του χρόνου.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Διχόνοια","mockup_image_alt":"Εικόνα προεπισκόπησης συνδέσμου","mockup_no_image":"Δεν παρέχεται εικόνα","mockup_no_image_short":"Καμία εικόνα","domain_default_fallback":"example.com","audit_missing_title":"Λείπει το og:title — οι περισσότερες πλατφόρμες εμφανίζουν έναν γενικό ή κενό τίτλο χωρίς αυτόν.","audit_missing_description":"Λείπει το og:description — η κάρτα προεπισκόπησης δεν θα εμφανίζει συνοπτικό κείμενο.","audit_missing_image":"Λείπει og:image — οι περισσότερες πλατφόρμες δεν εμφανίζουν εικόνα ή επιστρέφουν στην πρώτη εικόνα που βρέθηκε στη σελίδα.","audit_missing_url":"Λείπει το og:url — χωρίς αυτό, τα κοινόχρηστα στοιχεία εναλλακτικών διευθύνσεων URL (με παραμέτρους παρακολούθησης, εκδόσεις AMP κ.λπ.) ενδέχεται να μην ενοποιηθούν στην κανονική σελίδα.","audit_title_too_long":"Το og:title είναι {length} χαρακτήρες — πάνω από το σημείο ~{max}-χαρακτήρα όπου οι περισσότερες πλατφόρμες θα το περικόψουν.","audit_title_long":"Το og:title είναι {length} χαρακτήρες — πάνω από το σημείο ~{max} χαρακτήρων όπου ορισμένες πλατφόρμες αρχίζουν να το περικόπτουν, αν και μπορεί να εμφανίζεται εντελώς αλλού.","audit_title_ok":"Το og:title είναι {length} χαρακτήρες — εντός του ασφαλούς εύρους για τις περισσότερες πλατφόρμες.","audit_description_too_long":"og:description είναι {length} χαρακτήρες — πάνω από το σημείο ~{max}-χαρακτήρα όπου οι περισσότερες πλατφόρμες θα το κόψουν.","audit_description_long":"og:description είναι {length} χαρακτήρες — πάνω από το σημείο ~{max}-χαρακτήρα όπου ορισμένες πλατφόρμες αρχίζουν να το περικόπτουν.","audit_description_ok":"og:description είναι {length} χαρακτήρες — εντός του ασφαλούς εύρους για τις περισσότερες πλατφόρμες.","audit_url_not_absolute":"Η τιμή og:url \"{value}\" δεν είναι μια απόλυτη διεύθυνση URL http(s) — θα πρέπει να είναι η πλήρης κανονική διεύθυνση URL της σελίδας.","audit_image_not_absolute":"Η τιμή og:image \"{value}\" δεν είναι μια απόλυτη διεύθυνση URL http(s) — οι περισσότερες πλατφόρμες απαιτούν μια πλήρως κατάλληλη διεύθυνση URL εικόνας.","audit_image_dims_small":"Η δηλωμένη og:image:width/height είναι {w}×{h} — κάτω από το ευρέως συνιστώμενο ελάχιστο 1200×630 για προεπισκοπήσεις συνδέσμων.","audit_image_dims_ok":"Το δηλωμένο og:image:width/height είναι {w}×{h} — πληροί το ευρέως προτεινόμενο ελάχιστο 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height υπάρχουν αλλά δεν είναι έγκυροι αριθμοί.","audit_image_dims_unknown":"Δεν δηλώθηκε og:image:width/og:image:height — οι πραγματικές διαστάσεις των pixel δεν μπορούν να επαληθευτούν χωρίς τη λήψη της εικόνας, κάτι που αυτό το εργαλείο δεν το κάνει ποτέ, από τη σχεδίασή του, για προστασία της ιδιωτικής ζωής. Προτεινόμενο ελάχιστο: 1200×630.","audit_twitter_card_missing":"Χωρίς ετικέτα twitter:card — Το Twitter/X γενικά θα επιστρέψει στις ισοδύναμες ετικέτες og:, αλλά μια ρητή twitter:card είναι πιο αξιόπιστη.","audit_twitter_card_invalid":"twitter:η τιμή της κάρτας \"{value}\" δεν είναι μία από τις τέσσερις τιμές που δέχεται το πρόγραμμα επικύρωσης κάρτας του Twitter: περίληψη, summary_large_image, app, player.","audit_twitter_card_ok":"Το twitter:card είναι \"{value}\", μια έγκυρη τιμή.","audit_large_image_needs_image":"Το twitter:card είναι summary_large_image αλλά δεν βρέθηκε og:image ή twitter:image — αυτός ο τύπος κάρτας χρειάζεται μια εικόνα για να αποδοθεί σωστά.","audit_twitter_title_fallback":"Δεν έχει οριστεί twitter:title — Το Twitter/X θα επιστρέψει στο og:title.","audit_twitter_description_fallback":"Δεν έχει οριστεί twitter:description — Το Twitter/X θα επιστρέψει στο og:description.","audit_twitter_image_fallback":"Δεν έχει οριστεί twitter:image — Το Twitter/X θα επιστρέψει στο og:image.","audit_duplicate_tag_item":"Το \"{tag}\" δηλώνεται {count} φορές — μόνο το τελευταίο που αναλύουν οι περισσότερες πλατφόρμες θα ισχύσει πραγματικά."};
⭐ 0
🔍
Κείμενο Εικόνα PDF & Έγγραφα Ήχος Μουσική Ηλεκτρονικά Χρόνος Βοηθητικά προγράμματα Επικυρωτές Εσωτερισμός Παιχνίδια

Γεννήτρια καρτών OG & Twitter — Εργαλείο δημιουργίας μετα-ετικέτας, ελεγκτής και προεπισκόπηση

Δημιουργήστε έτοιμες για επικόλληση ετικέτες Open Graph και Twitter Card <meta> από μια φόρμα ή επικολλήστε μια υπάρχουσα <head> για να την ελέγξετε για ετικέτες που λείπουν, μήκος τίτλου/περιγραφής και εγκυρότητα twitter:card — στη συνέχεια κάντε προεπισκόπηση και των δύο σε πρωτότυπα μακέτες καρτών συνδέσμων Twitter/X, Facebook, LinkedIn και Discord.

Buy Me a Coffee at ko-fi.com
Επεξεργασία... 0%
Εισαγωγή ανάγνωσης
Ετικέτες κατασκευής/ελέγχου
Απόδοση προεπισκοπήσεων
Έγινε

Αποτέλεσμα

Οι μετα-ετικέτες Open Graph και Twitter Card αποφασίζουν πώς θα μοιάζει ένας σύνδεσμος τη στιγμή που επικολλάται στο Slack, στο iMessage, σε ένα tweet ή σε ένα κανάλι Discord — τίτλο, περιγραφή και εικόνα που επιλέγει ο <head> της ίδιας της σελίδας, όχι από ό,τι τύχει να αφαιρέσει η πλατφόρμα από το ορατό κείμενο του σώματος. Αυτό το εργαλείο είναι ταυτόχρονα δημιουργός και ελεγκτής, όχι γενικό συμπλήρωμα προτύπων. Στη λειτουργία BUILD, συμπληρώστε έναν τίτλο, περιγραφή, διεύθυνση URL εικόνας, κανονική διεύθυνση URL, τύπο περιεχομένου και τύπο κάρτας Twitter και συνθέτει το ακριβές μπλοκ ετικετών <meta property="og:..."> και <meta name="twitter:..."> έτοιμο για επικόλληση στο <head> της σελίδας σας, παραλείποντας οποιοδήποτε πεδίο αφήνετε κενό αντί να εκπέμπει κούφιες ετικέτες με κενό περιεχόμενο.

Στη λειτουργία AUDIT, επικολλήστε την υπάρχουσα σήμανση <head> ή το HTML μιας ολόκληρης σελίδας και το εργαλείο το αναλύει με τον εγγενή DOMParser του προγράμματος περιήγησης για να εξαγάγει κάθε μετα-ετικέτα og: και twitter: που υπάρχει ήδη και, στη συνέχεια, εκτελεί τους ελέγχους που πραγματικά έχουν σημασία: τις τέσσερις συνήθως απαιτούμενες ετικέτες (og:title, og:description, og:ifgedurlage; Το og:title μετριέται με το σημείο περίπου των 60 χαρακτήρων όπου ορισμένες πλατφόρμες αρχίζουν να το περικόπτουν και το σημείο περίπου των 90 χαρακτήρων όπου θα το κάνουν οι περισσότερες πλατφόρμες. og:description μετριέται με βάση το εύρος περίπου 155 έως 200 χαρακτήρων που επιτρέπουν οι περισσότερες πλατφόρμες πριν την αποκόψουν. Το twitter:card ελέγχεται έναντι των πραγματικών τεσσάρων τιμών που αποδέχεται το πρόγραμμα επικύρωσης κάρτας Twitter — περίληψη, summary_large_image, app, player — και επισημαίνεται εάν πρόκειται για οτιδήποτε άλλο. και οι διπλές ετικέτες (η ίδια ιδιότητα που δηλώθηκε δύο φορές, ένα εκπληκτικά κοινό σφάλμα αντιγραφής-επικόλλησης) καλούνται ονομαστικά.

Οι διαστάσεις της εικόνας αντιμετωπίζονται με ειλικρίνεια: αυτό το εργαλείο δεν μπορεί να επαληθεύσει το πραγματικό μέγεθος εικονοστοιχείων της εικόνας σας χωρίς να το συλλέξει και δεν το κάνει ποτέ σκόπιμα, ταιριάζοντας με την πολιτική μη εξωτερικών αιτημάτων αυτού του ιστότοπου. Εάν το HTML σας δηλώνει ήδη og:image:width και og:image:height, αυτοί οι δηλωμένοι αριθμοί ελέγχονται με το ευρέως προτεινόμενο ελάχιστο 1200×630. Εάν όχι, λαμβάνετε μια σαφή καθοδηγητική σημείωση αντί για ένα κατασκευασμένο πάσο ή αποτυχία. Και οι δύο λειτουργίες αποδίδουν τις ίδιες τέσσερις μακέτες προεπισκόπησης συνδέσμων — Twitter/X (με εναλλαγή μεταξύ της συμπαγούς διάταξης μικρογραφιών "σύνοψης" και της διάταξης "summary_large_image" πλήρους πλάτους ανάλογα με την τιμή twitter:card), Facebook, LinkedIn και Discord — το καθένα είναι μάλλον επανασχεδιασμένο για να ταιριάζει με το δικό του λογότυπο και το δικό του πλαίσιο τυπογραφίας. καθεμία επισημαίνεται σαφώς ως μια ενδεικτική προσέγγιση για σκοπούς σχεδιασμού, καθώς οι πραγματικές πλατφόρμες αναδιαμορφώνουν το χρώμιο της προεπισκόπησης τους με την πάροδο του χρόνου και αυτό το εργαλείο δεν τις ανακτά ή τις ξύνει ποτέ για έλεγχο.

🛡️
Εκτελείται στο πρόγραμμα περιήγησης

Τα αρχεία και οι είσοδοι σας δεν φεύγουν ποτέ από αυτήν τη συσκευή. Η επεξεργασία εκτελείται εντελώς εκτός σύνδεσης. 100% ασφαλής.

Αποδεκτές Μορφές & Κανόνες

  • Η λειτουργία BUILD συνθέτει ετικέτες og:title, og:description, og:image, og:url, og:type, og:site_name και αντίστοιχες ετικέτες twitter:card/twitter:site/twitter:title/description/image, παρακάμπτοντας οποιοδήποτε πεδίο έχει μείνει κενό, με ένα αντίγραφο με ένα κλικ του μπλοκ έτοιμου για επικόλληση.
  • Η λειτουργία AUDIT εξάγει κάθε ετικέτα og:/twitter: <meta> από επικολλημένο HTML μέσω του DOMParser του προγράμματος περιήγησης, σημαίες που λείπουν απαιτούμενες ετικέτες (og:title/description/image/url), διπλότυπες ετικέτες και μη έγκυρες τιμές twitter:card.
  • Η καθοδήγηση μήκους χρησιμοποιεί τα πραγματικά κοινά αναφερόμενα κατώφλια: og:title περίπου 60 χαρακτήρες προτού αρχίσουν ορισμένες πλατφόρμες να την περικόπτουν (έως περίπου 90 στην πιο επιτρεπτή), og:description περίπου 155-200 χαρακτήρες.
  • Αποδίδει την κάρτα Twitter/X στη σωστή της διάταξη για τον δηλωμένο τύπο κάρτας — μια συμπαγή κάρτα «σύνοψης» με μια μικρή τετράγωνη μικρογραφία ή τη διάταξη πλήρους πλάτους «summary_large_image» — παράλληλα με τις προεπισκοπήσεις Facebook, LinkedIn και Discord.

Βασικά Οφέλη

✓ Δύο πραγματικά εργαλεία σε ένα: μια λειτουργία BUILD που δημιουργεί το ακριβές og: και twitter: <meta> ετικέτα HTML από μια φόρμα και μια λειτουργία AUDIT που αναλύει το επικολλημένο HTML για να βρει και να βαθμολογήσει τις υπάρχουσες ετικέτες σας.
✓ Πραγματική επικύρωση, όχι μια λίστα ελέγχου καλλυντικών: λείπουν οι απαιτούμενες ετικέτες, το μήκος og:title/og:description ελέγχεται με τα πραγματικά όρια που οι πλατφόρμες περικόπτονται και το twitter:card ελέγχεται με τις πραγματικές τέσσερις επιτρεπόμενες τιμές του.
✓ Ειλικρινά σχετικά με ό,τι δεν μπορεί να επαληθευτεί εκτός σύνδεσης: οι διαστάσεις των εικονοστοιχείων εικόνας είναι μόνο καθοδηγητικές, εκτός εάν το HTML σας δηλώνει ήδη og:image:width/og:image:height, καθώς αυτό το εργαλείο δεν ανακτά ποτέ την εικόνα σας — από τη σχεδίασή σας, για προστασία της ιδιωτικής ζωής.
✓ Τέσσερα πραγματικά διαφορετικά μακέτα πλατφόρμας (σύνοψη του Twitter/X έναντι διάταξης summary_large_image, Facebook, LinkedIn, Discord) κατασκευασμένα από τον ίδιο τίτλο/περιγραφή/εικόνα, με σαφή επισήμανση ως ενδεικτική.

Περιπτώσεις χρήσης

  • • Στείλτε μια νέα ανάρτηση ιστολογίου με τις κατάλληλες κάρτες κοινωνικής δικτύωσης: συμπληρώστε τον τίτλο, την περιγραφή και μια φιλοξενούμενη εικόνα εξωφύλλου, δημιουργήστε το μπλοκ ετικέτας og:/twitter: και επικολλήστε το κατευθείαν στο <head> της σελίδας.
  • • Ελέγξτε το <head> μιας υπάρχουσας σελίδας προορισμού μετά από μια μετεγκατάσταση CMS για να εντοπίσετε ένα og:image που λείπει, έναν og:title που είναι αρκετά μεγάλος ώστε να περικοπεί σε ορισμένες πλατφόρμες ή μια μη έγκυρη τιμή twitter:card που έχει απομείνει.
  • • Συγκρίνετε τον τρόπο ανάγνωσης του ίδιου τίτλου και εικόνας στη συμπαγή κάρτα σύνοψης του Twitter/X έναντι της διάταξης summary_large_image πλήρους πλάτους πριν αποφασίσετε ποιον τύπο twitter:card θα δηλώσετε.