Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




3 Λάθος εικόνα οταν δημοσιεύω την ανάρτησή μου στο 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...

H καλύτερη πρόχειρη λύση, που χρησιμοποιώ εγώ :
Οταν τελειώσετε την ανάρτησή σας, ανοίξτε τη να τη δείτε ολόκληρη...κάνετε copy-paste τη διεύθυνση url της ανάρτησης στη σελίδα σας στο FB...τότε σας δίνει τη δυνατότητα να διαλέξετε μια εικόνα από τον υπολογιστή σας (και να αλλάξετε την λάθος εικόνα που μπορεί να έχει παρουσιαστεί)...διαλέξτε λοιπόν την εικόνα που έχετε βάλει στην ανάρτηση, και θα φαίνεται πια η κατάλληλη εικόνα !!!!
Λάθος εικόνα !!! Πατήστε το : "ανεβάστε εικόνα" και δείτε από κάτω το αποτέλεσμα

Ετσι η ανάρτηση και η εικόνα "δέσανε" όπως πρέπει !!!!
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
(Εγγραφείτε για να λαμβάνετε όλες τις νέες αναρτήσεις μας στο email σας!)
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

3 σχόλια:

Kosmas Makis είπε...

Καταρχήν να σε ευχαριστήσω Παντελή για αυτή την ανάρτηση μιας και ήμουν ένας από αυτούς που σε ενόχλησε με αυτή την απορία.
Την τελευταία πρόχειρη λύση που προτείνεις και εσύ είναι αυτό που κάνω και εγώ όμως αυτό δεν διορθώνει το πρόβλημα μιας και αν κάποιος άλλος κάνει share τον ίδιο σύνδεσμο θα του δείξει την λάθος εικόνα. Μόνο αν κάνει share την δική μας κοινοποίηση με την σωστή εικόνα δεν θα έχει πρόβλημα.
Θα δοκιμάσω την λύση με τις σωστές διαστάσεις των φωτογραφιών (κάτι που δεν ήξερα) και θα ενημερώσω.

Καλή συνέχεια.

Ανακατωσούρας είπε...

Καλησπέρα. Ενας άλλος τρόπος είναι να "κατεβάσεις" την εικόνα στον υπολογιστή σου και μετά να την ¨ανεβάσεις" στο FB.

Charis είπε...

Πολλές φορές μου ἔδωσες λήση . Ο τρόπος αὐτός πραγματικά δουλεύει. Ευχαριστω.