Εδώ και καιρό επικρατεί η απορία στις φίλες μαμάδες bloggers, πως και γιατί όταν κοινοποιούμε μια ανάρτηση στο facebook αυτή δεν παρουσιάζει σωστές ή καθόλου εικόνες. Κι ευτυχώς η λύση βρέθηκε από τη Λαμπρινή κοινώς Λαμπρούκα και σήμερα σας την παρουσιάζουμε βήμα βήμα!
1. Θα πρέπει η πρώτη φωτογραφία της ανάρτησης να μην είναι μικρότερη από 200×200 pixels.
2. Στη συνέχεια, στη σελίδα διαχείρισης του blog στο πρότυπο επιλέγoυμε ‘επεξεργασία HTML’ (δεν ξεχνάω να κρατήσω back up)
Βρίσκουμε τη γραμμή <b:include data=’blog’ name=’all-head-content’/>
και ακριβώς από κάτω κάνουμε επικόλληση τον παρακάτω κώδικα, αφού πρώτα έχουμε κάνει τις διορθώσεις που απαιτούνται
<b:if cond=’data:blog.postImageUrl’>
<meta expr:content=’data:blog.postImageUrl’ property=’og:image’/>
<b:else/>
<meta content=’ Put URL of alternate image ‘ property=’og:image’/>
</b:if>
Τα ροζ γράμματα πρέπει να αντικατασταθούν με τη διεύθυνση μιας εικόνας έτσι ώστε όταν δεν υπάρχει εικόνα να μπορεί να τραβάει αυτή. Μπορούμε να χρησιμοποιήσουμε πχ το λογότυπο. Δεν ξεχνάμε να μην είναι μικρότερη από 200×200. Τη διεύθυνση τη βρίσκουμε αφού πρώτα ανεβάσουμε τη φωτογραφία σε κάποιο χώρο (picasa, photobucket) όταν ανοίξουμε τη φωτογραφία, πατώντας πάνω της δεξί κλικ και επιλέγοντας το ‘αντιγραφή τοποθεσία εικόνας’
Εφόσον λοιπόν έχουμε εισάγει τον κώδικα, ίσως χρειαστεί να περιμένουμε 24 ώρες μέχρι να ενημερωθεί και το facebook. Η ενημέρωση αυτή ισχύει για κάποιες αναρτήσεις και απαιτούνται κάθε φορά και τα παρακάτω βήματα για να είμαστε σίγουροι πως θα λειτουργήσει σωστά.
- Πάμε στη σελίδα facebook-debug
- Εισάγουμε το λινκ μιας ανάρτησης που έχουμε πρόβλημα και πατάμε debug
- Εμφανίζονται δυο κουτάκια
- Πατώντας το πρώτο ‘show existing scrape information’ στο κάτω μέρος της σελίδας βλέπουμε τη φώτο που τραβάει
- Στη συνέχεια πατάμε το δεύτερο ‘fetch new escrape information’ πάλι στο κάτω μέρος της σελίδας βλέπουμε τη φώτο που τραβάει πιθανόν πάλι να μην την εμφανίζει σωστά.
- Ακριβώς κάτω από το κουτάκι ‘fetch new escrape information’ γράφει ‘When and how we last scraped the URL’ βρίσκουμε τη γραμμή που λέει ‘canonical url’ πατάμε το λινκ και πλέον βλέπουμε τη σωστή παρουσίαση
Με αυτόν τον τρόπο, θα δουλέψουν σωστά όχι μόνο οι κοινοποιήσεις που θα κάνουμε χειροκίνητα στο facebook αλλά και από το κουμπάκι share που έχουμε στο blog μας.
Αυτό θα το κάνουμε σε κάθε ανάρτηση που έχουμε πρόβλημα ξεχωριστά, δεν διορθώνει δηλαδή αυτόματα όλες τις αναρτήσεις μας παλιές ή νέες.
Στην ουσία με αυτόν τον τρόπο φρεσκάρουμε το συγκεκριμένο link που θέλουμε να ανανεώσουμε την εμφάνισή του και να του δώσουμε τα σωστά στοιχεία. Αυτά!
Καλή επιτυχία!
“Λαμπρινή ευχαριστώ πολύ που δέχτηκες να μοιραστούμε αυτή σου τη γνώση μέσα από το blogοσπιτάκι μου!! Η βοήθεια είναι μεγάλη για όλους 🙂
πηγή για το πρώτο κομμάτι κώδικα: bloggersentral.com