HedgieTools

Προεπισκόπηση κοινοποίησης σε κοινωνικά δίκτυα

Δείτε πώς θα εμφανίζεται η σελίδα σας όταν κοινοποιείται σε Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord ή Pinterest, διορθώστε ό,τι κόβεται και αντιγράψτε έτοιμες ετικέτες Open Graph για επικόλληση.

1. Τα στοιχεία της σελίδας σας

Συμπληρώστε τη φόρμα ή εισαγάγετε τα στοιχεία από τον κώδικα μιας σελίδας.

0 / 60
0 / 155
Τύπος σελίδας
Εικόνα κοινοποίησης

JPG, PNG, WebP ή GIF. Η εικόνα που επιλέγετε χρησιμοποιείται μόνο για την προεπισκόπηση: δώστε και τη διαδικτυακή της διεύθυνση, για τον κώδικα.

2. Προεπισκοπήσεις

Μια προσομοίωση κάθε πλατφόρμας: το πραγματικό αποτέλεσμα μπορεί να διαφέρει ελαφρώς, αλλά οι περικοπές είναι κοντά στην πραγματικότητα.

Google

Eexample.comhttps://example.com › …
Τίτλος σελίδαςΗ περιγραφή της σελίδας θα εμφανιστεί εδώ.

Facebook

example.comΤίτλος σελίδαςΗ περιγραφή της σελίδας θα εμφανιστεί εδώ.

X

Τίτλος σελίδας
Πηγή: example.com

LinkedIn

Τίτλος σελίδαςexample.com

WhatsApp

Τίτλος σελίδαςΗ περιγραφή της σελίδας θα εμφανιστεί εδώ.example.com
https://example.com10:24

Slack

example.comΤίτλος σελίδαςΗ περιγραφή της σελίδας θα εμφανιστεί εδώ.

Discord

example.comΤίτλος σελίδαςΗ περιγραφή της σελίδας θα εμφανιστεί εδώ.

Pinterest

Τίτλος σελίδαςEexample.com

Το Pinterest εμφανίζει ολόκληρη την εικόνα, χωρίς να την περικόπτει. Μια κάθετη εικόνα (2:3, για παράδειγμα 1000 × 1500 px) πιάνει περισσότερο χώρο εκεί, αλλά θα περικοπεί αλλού.

3. Έλεγχοι και κώδικας

Τι πρέπει να διορθώσετε και, στη συνέχεια, οι ετικέτες για επικόλληση στη σελίδα σας.

  • ΠρόβλημαΛείπει ο τίτλοςΧωρίς τίτλο, κάθε δίκτυο επινοεί έναν με βάση τη σελίδα.
  • ΠρόβλημαΛείπει η περιγραφήΤα δίκτυα θα πάρουν ένα κομμάτι κειμένου από τη σελίδα, συχνά όχι το κατάλληλο.
  • ΠρόβλημαΚαμία εικόναΟι σύνδεσμοι χωρίς εικόνα παίρνουν πολύ λιγότερα κλικ. Προβλέψτε μια εικόνα 1200 × 630 px.
  • Προς βελτίωσηΛείπει η διεύθυνση της σελίδαςΤο og:url δίνει την επίσημη διεύθυνση της σελίδας, ώστε οι κοινοποιήσεις να ομαδοποιούνται.

Επικολλήστε τον στην ενότητα head της σελίδας σας.

Συμπληρώστε τη φόρμα για να δημιουργηθεί ο κώδικας.

Σχετικά με την προεπισκόπηση κοινοποίησης

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

Κάντε τους συνδέσμους σας ελκυστικούς

Όταν η σελίδα σας κοινοποιείται, κάθε δίκτυο εμφανίζει μια κάρτα με τίτλο, περιγραφή και εικόνα. Αυτές οι πληροφορίες προέρχονται από τις ετικέτες Open Graph που υπάρχουν στον κώδικα της σελίδας. Χωρίς αυτές, η κάρτα είναι κενή ή άστοχη.

Τα σωστά μήκη

Η Google κόβει έναν τίτλο γύρω στους 60 χαρακτήρες και μια περιγραφή γύρω στους 155. Μια εικόνα 1200 × 630 pixel (1,91:1) δείχνει καλά παντού: κρατήστε τα βασικά στο κέντρο, γιατί ορισμένες πλατφόρμες την περικόπτουν. Το Pinterest προτιμά κάθετη εικόνα.

Κώδικας έτοιμος για επικόλληση

Αντιγράψτε τις ετικέτες HTML για να τις τοποθετήσετε στο head της σελίδας σας ή το αντικείμενο metadata για έναν ιστότοπο Next.js. Μετά τη δημοσίευση, τα δίκτυα κρατούν μερικές φορές την παλιά προεπισκόπηση στην κρυφή μνήμη τους για λίγες ημέρες.

Δεν ανεβαίνει τίποτα

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

Ανάπτυξη

Αποκωδικοποιητής JWT

Διαβάστε την κεφαλίδα, το payload και τις ημερομηνίες ενός JWT και ελέγξτε την υπογραφή του.

Ανάπτυξη

SVG σε HTML

Μετατρέψτε SVG σε HTML, JSX και React.