Γεννήτρια OGP tags (αυτόματη έξοδος για og:title, og:image και άλλα)

Εισαγάγετε URL, τίτλο, περιγραφή και URL εικόνας. Δημιουργήστε Open Graph και Twitter Card meta tags σε ένα σημείο.

Έτοιμο για αντιγραφή και επικόλληση Ενσωματωμένη προεπισκόπηση Οδηγίες για εικόνες και cache

Τρόπος χρήσης

  1. Ανοίξτε το εργαλείο και εισαγάγετε canonical URL, τίτλο και URL εικόνας.
  2. Προσθέστε προαιρετικά περιγραφή, όνομα ιστότοπου και ρυθμίσεις Twitter.
  3. Αντιγράψτε τα παραγόμενα meta tags και επικολλήστε τα στο head της σελίδας σας.
  4. Ελέγξτε την προεπισκόπηση και τις σημειώσεις και μετά ρυθμίστε λόγο εικόνας ή στρατηγική cache αν χρειάζεται.

Τι είναι το OGP;

Το Open Graph Protocol (OGP) είναι metadata που χρησιμοποιούνται από κοινωνικές πλατφόρμες και εφαρμογές συνομιλίας για την απόδοση προεπισκοπήσεων συνδέσμων.

Ορίζοντας tags όπως og:title, og:description, og:image και σχετικά πεδία, μπορείτε να επηρεάσετε τον τρόπο εμφάνισης των κοινοποιημένων URL.

Ο συνδυασμός OGP με Twitter Card tags βοηθά ώστε η συμπεριφορά προεπισκόπησης να παραμένει πιο συνεπής σε διάφορες πλατφόρμες.

Οδηγίες μεγέθους εικόνας (για πιο σταθερή απόδοση προεπισκόπησης)

Οδηγίες πλατφορμών Meta (αναφορά)

  • Ελάχιστη αναφορά: 200×200.
  • Συχνά σταθερό: 1200×630 ή μεγαλύτερο, τουλάχιστον 600×315.
  • Στόχος λόγου πλευρών περίπου 1.91:1.
  • Η οδηγία μεγέθους αρχείου εικόνας περιλαμβάνει 8MB ή λιγότερο.

Οδηγίες καρτών X (αναφορά)

  • Το summary_large_image στοχεύει γενικά σε λόγο περίπου 2:1.
  • Εύρος αναφοράς: ελάχιστο 300×157, μέγιστο 4096×4096.
  • Η οδηγία μεγέθους αρχείου περιλαμβάνει λιγότερο από 5MB.
  • Χρησιμοποιήστε JPG/PNG/WEBP/GIF όπου υποστηρίζονται.

Όταν οι ενημερώσεις δεν εμφανίζονται (cache και re-scrape)

  • Τα social crawlers μπορεί να κρατούν cache στα metadata που έχουν ανακτήσει. Χρησιμοποιήστε το debugger/inspector κάθε πλατφόρμας για να ζητήσετε re-scrape.
  • Αν η αντικατάσταση εικόνας δεν εμφανίζεται, μπορεί να βοηθήσει η αλλαγή του URL της εικόνας (ενημέρωση ονόματος αρχείου ή query string).
  • Η ρύθμιση og:image:width και og:image:height μπορεί να βελτιώσει τη σταθερότητα απόδοσης σε ορισμένες περιπτώσεις.

X Card Validator

https://cards-dev.twitter.com/validator

Επικυρώστε metadata καρτών X και εξαναγκάστε την ανάκτηση καρτών όπου είναι διαθέσιμο.

FAQ

Μπορεί να δημιουργήσει και Twitter Card tags;

Ναι. Μπορεί να εξάγει μαζί το twitter:card και σχετικά tags. Υπάρχει επίσης διαθέσιμη ελάχιστη λειτουργία.

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

Χρησιμοποιήστε πρακτικές οδηγίες ανά προορισμό. Οι προεπισκοπήσεις τύπου Meta συχνά χρησιμοποιούν περίπου 1.91:1 (π.χ. 1200×630), ενώ το X summary_large_image συχνά χρησιμοποιεί περίπου 2:1 (π.χ. 1200×600).

Γιατί δεν εμφανίζονται οι αλλαγές;

Στις περισσότερες περιπτώσεις φταίει η cache. Κάντε re-scrape μέσω των εργαλείων της πλατφόρμας και εξετάστε αλλαγή του URL της εικόνας μετά την αντικατάσταση.