Header Ads

Λάθος εικόνα οταν δημοσιεύω την ανάρτησή μου στο facebook

Πολλά μηνύματα που μου στέλνουν φίλοι bloggers, έχουν να κάνουν με το εικονίδιο της ανάρτησης που δημοσιεύουν στο facebook...Σχεδόν όλα τα blogs έχουν αυτό το πρόβλημα, και οι φωτογραφίες των αναρτήσεων που δημοσιεύουν στο facebook δείχνουν "ότι νάναι" σε σχέση με την ανάρτηση....Πάντως πρέπει να ξεκαθαρίσω οτι δεν φταίει τόσο ο blogger, όσο το facebook !!!


Και αυτό συμβαίνει διότι το 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 != &quot;&quot;'>
<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...


πηγη
Από το Blogger.