Και αυτό συμβαίνει διότι το facebook δίνει συγκεκριμένες προδιαγραφές στις εικόνες που θα δημοσιεύσουμε σε μια ανάρτηση...Ας πούμε το μέγεθος της εικόνας !!!Συν το γεγονός οτι προσθέτουμε στο blog μας πολλά apps (share buttons) του facebook...Ψάχνοντας στο google βρήκα διάφορες λύσεις που ίσως βοηθήσουν να αντιμετωπιστεί ένα μέρος του προβλήματος....
Λύση 1η : Προσθέτουμε ΚΑΤΩ από το <head> τις εξης φράσεις:
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
(προσοχή: για να λειτουργήσει ο κώδικας πρέπει να περιμένετε γύρω στις 3-4 ημέρες)
Λύση 2η: Ψάχνουμε να βρούμε τα συγκεκριμένα μεγέθη εικόνων που δέχεται το facebook στις αναρτήσεις μας....Συνήθως είναι 500px η έστω μεγαλύτερη των 200Χ200px !!! Και πάντα τετράγωνες...
Στη σελίδα των developers υπάρχουν πολλά εργαλεία για καλύτερη λειτουργία των προσθέτων, αλλά και της σύνδεσης του blog μας με το facebook...H οποία είναι αυτή...
https://developers.facebook.com/docs/plugins/follow-button
Λύση 3η: Χρησιμοποιείτε εικόνες τύπου png, και όχι jpg ( tip: οι εικόνες τύπου png είναι και πιο φιλικές στις μηχανές αναζήτησης + οτι τα ρομπότ δεν γνωρίζουν εικόνες, άρα πρέπει να βάζουμε στις εικόνες μας alt tag παράδειγμα=> title="Keyword" alt="Keyword" ) ...Χρησιμοποιείτε πάντα μία (τουλάχιστον) εικόνα στην ανάρτησή σας (το FB τη θέλει τετράγωνη, για να τη μικρύνει στο εικονίδιο που θα μπεί στο share της ανάρτησης)...
Βοηθητικό tip: Η αρχική εικόνα να είναι png (στην εισαγωγή μέχρι το readmore ) και οι υπόλοιπες εικόνες ας είναι jpg...
πηγη
