WordPress Greek Community

  • Αρχική
  • Κοινότητα
    • Ελληνική κοινότητα
    • Join on Slack
    • Meetup στην Ελλάδα
    • Κώδικας συμπεριφοράς
  • Υποστήριξη
    • Σελίδα υποστήριξης org
    • Ελληνική μετάφραση
    • Forum org
  • Επικοινωνία
    • Φόρμα επικοινωνίας
    • Ορολογία
    • Media Kit
    • Πρόταση ομιλίας σε WordPress Meetup
Wordpress
27/03/16
Απο Τάκης Μπουγιούρης

Ορίζοντας σωστή εικόνα για social media (Facebook, Twitter, κοκ)

  • Share on Facebook
  • Share on Twitter
  • Pin it!
  • Share by Email

Όταν μοιραζόμαστε (κοινώς: ποστάρουμε) μια ιστοσελίδα στα social media, τότε αυτά συνήθως επισυνάπτουν στο post μας και μια σχετική εικόνα, έτσι ώστε το post μας είναι όσο το δυνατόν πιο εύκολα αναγνωρίσιμο από αυτούς που θα το διαβάσουν! Αυτή δεν είναι μια τυχαία εικόνα. Την επιλέγει το εκάστοτε μέσο ανάλογα με το τι έχει δηλωμένο στον κώδικά της η ιστοσελίδα αυτή.

Facebook featured image
Facebook featured image
Twitter featured image
Twitter featured image

Open Graph Protocol

Επομένως είναι αρχικά ευθύνη εκείνου που έχει γράψει τον κώδικα του theme που χρησιμοποιούμε ώστε να επιλέγεται αυτόματα μια σωστή και χαρακτηριστική εικόνα για το post μας. Ο κώδικας που το επιτυγχάνει αυτό, προστίθεται στο HEAD element της ιστοσελίδας μας και είναι ο εξής:

<meta property="og:image" content="http://http://www.wpgreece.org/wpcontent/uploads/2016/01/image.jpg" />

Facebook Debugger

Συχνά παρατηρούμε το Facebook να "πεισματώνει" και να μη δείχνει τη σωστή μας φωτογραφία ή να δείχνει μια άλλη που έχουμε χρησιμοποιήσει παλιότερα. Αυτό συμβαίνει γιατί το Facebook κάνει cache τα στοιχεία αυτά, δηλαδή τα κρατά στη μνήμη του για λίγο καιρό, ώστε να μην τα ζητά συνέχεια από το server μας.

Για να παρακάμψουμε το πρόβλημα αυτό μπορούμε να χρησιμοποιούμε το ενδεδειγμένο εργαλείο του Facebook, το Debugger, όπου μπορούμε να κάνουμε debug το τι βλέπει το Facebook μέσα στην ιστοσελίδα μας, να δούμε τι έχουμε κάνει λάθος αλλά και να χρησιμοποιήσουμε τη λειτουργία Fetch new scrape information η οποία θα δηλώσει στο Facebook να "ξεχάσει" ό,τι παλιό "θυμάται" για την ιστοσελίδα μας και να "τραβήξει" τις νέες πληροφορίες, τις οποίες, αν είναι σωστές τεχνικά, θα θυμάται από εκείνο το σημείο κι έπειτα.

facebook-debugger

Πώς το πετυχαίνουμε αυτό

Όπως είπαμε αυτό είναι μια ευθύνη του theme και άρα αυτού που το έχει γράψει. Αν το theme μας είναι ελλιπές σε αυτό τον τομέα τότε ευτυχώς υπάρχουν πολλά plugins που θα μας βοηθήσουν με την επέμβασή τους. Μια αναζήτηση πχ για "WordPress plugin Facebook featured image" θα βγάλει πολλά καλά δωρεάν αποτελέσματα που μπορεί κανείς εύκολα να δοκιμάσει. Επίσης πολλά social ή SEO plugins (πχ YOAST, κοκ) καλύπτουν εν μέσω άλλων και αυτά τα κενά.

Τάκης Μπουγιούρης

Βρες με στο Facebook Βρες με στο Twitter

Developer από κούνια, συνιδρυτής της Nevma, μέλος της ελληνικής κοινότητας του WordPress, οργανωτής του WordPress Athens meetup, οργανωτής του WordCamp Athens. Και γενικώς...

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

33rd WordPress Thessaloniki Meetup
Meetup

33ο WordPress Thessaloniki Meetup (Online)

Απο Τάκης Μπουγιούρης
05/05/23
WP20 Anniversary
Εκδηλώσεις

Thessaloniki WordPress Meetup: WP20!

Απο Τάκης Μπουγιούρης
25/04/23
Meetup

 22o WordPress Larissa meetup

Απο Τάκης Μπουγιούρης
31/03/23
  • Meetups
  • Forum
  • Εκδηλώσεις
  • Θέματα (Themes)
  • Πρόσθετα (plugins)
  • Ασφάλεια
  • Τεκμηρίωση
  • Συμβουλές και κόλπα
  • WP World

Επόμενο Meetup Θεσσαλονίκη

Thessaloniki WordPress Meetup: WP20!

ΙΕΚ ΑΛΦΑ

Βαλαωρίτου 9, Θεσσαλονίκη

Σα, 27 Μάι 2023 | 1:00 μμ

Athens Meetup

Επόμενο Meetup Λάρισα

23th WordPress Meetup Larissa

JOIST Innovation Park

Βαλτετσίου 5-1

Σα, 27 Μάι 2023 | 1:00 μμ

Newsletter

WordPress Greek Community

Χρησιμα Αρθρα

  • Meetups
  • Forum
  • Εκδηλώσεις
  • Θέματα (Themes)
  • Πρόσθετα (plugins)
  • Ασφάλεια
  • Τεκμηρίωση
  • Συμβουλές και κόλπα
  • WP World

Μενου

  • Αρχική
  • Η κοινότητα
  • Το WordPress
  • Meetups
  • Πρόταση ομιλίας σε WordPress Meetup
  • Επικοινωνία
  • Κώδικας συμπεριφοράς

© 2023 WordPress Greek Community | web design & development by the WPCG team