HappyMum Angie

Παιδί, DIY, Συνταγές, Blogging

ΑΡΧΙΚΗ      ΠΡΟΦΙΛ      ΕΠΙΚΟΙΝΩΝΙΑ
  • ΑΡΧΙΚΗ
  • ΤΑ ΔΙΚΑ ΜΟΥ
  • DO IT YOURSELF
    • ΠΑΙΔΙ
    • ΠΑΡΤΥ
    • ΒΑΠΤΙΣΗ
    • ΣΠΙΤΙ
    • ΠΑΣΧΑ
    • ΧΡΙΣΤΟΥΓΕΝΝΑ
  • BLOGGING
    • TUTORIALS
      • ALL TUTORIALS
      • BLOGGER
      • WORDPRESS
      • FACEBOOK TIPS
    • ΜΑΜΑΔΟΣΥΝΕΝΤΕΥΞΕΙΣ
    • GUEST POSTS
    • ΔΙΑΔΙΚΤΥΑΚΕΣ ΑΣΧΟΛΙΕΣ
  • ΣΑΣ ΠΡΟΤΕΙΝΩ
    • ΒΙΒΛΙΑ
    • ΚΟΥΖΙΝΑ
      • ΦΑΓΗΤΑ
      • ΓΛΥΚΑ
    • FAMILIVES
    • ΝΕΑ
  • ΔΙΑΓΩΝΙΣΜΟΙ
Βρίσκεστε εδώ:Αρχική / BLOGGING / GUEST POSTS / Guest Post – Πως να μοιραστώ μια ανάρτηση στο facebook με την σωστή εικόνα – πλατφόρμα blogger

Guest Post – Πως να μοιραστώ μια ανάρτηση στο facebook με την σωστή εικόνα – πλατφόρμα blogger

29/02/2016 By: HappyMum Angie

Εδώ και καιρό επικρατεί η απορία στις φίλες μαμάδες 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. Η ενημέρωση αυτή ισχύει για κάποιες αναρτήσεις και απαιτούνται κάθε φορά και τα παρακάτω βήματα για να είμαστε σίγουροι πως θα λειτουργήσει σωστά.

  1. Πάμε στη σελίδα facebook-debug
  2. Εισάγουμε το λινκ μιας ανάρτησης που έχουμε πρόβλημα και πατάμε debugfacebook-debug1
  3. Εμφανίζονται δυο κουτάκιαfacebook-debug2
  4. Πατώντας το πρώτο ‘show existing scrape information’ στο κάτω μέρος της σελίδας βλέπουμε τη φώτο που τραβάει
  5. Στη συνέχεια πατάμε το δεύτερο ‘fetch new escrape information’ πάλι στο κάτω μέρος της σελίδας βλέπουμε τη φώτο που τραβάει πιθανόν πάλι να μην την εμφανίζει σωστά.
  6. Ακριβώς κάτω από το κουτάκι ‘fetch new escrape information’ γράφει ‘When and how we last scraped the URL’ βρίσκουμε τη γραμμή που λέει ‘canonical url’ πατάμε το λινκ και πλέον βλέπουμε τη σωστή παρουσίασηfacebook-debug3

Με αυτόν τον τρόπο, θα δουλέψουν σωστά όχι μόνο οι κοινοποιήσεις που θα κάνουμε χειροκίνητα στο facebook αλλά και από το κουμπάκι share που έχουμε στο blog μας.
Αυτό θα το κάνουμε σε κάθε ανάρτηση που έχουμε πρόβλημα ξεχωριστά, δεν διορθώνει δηλαδή αυτόματα όλες τις αναρτήσεις μας παλιές ή νέες.

Στην ουσία με αυτόν τον τρόπο φρεσκάρουμε το συγκεκριμένο link που θέλουμε να ανανεώσουμε την εμφάνισή του και να του δώσουμε τα σωστά στοιχεία. Αυτά!
Καλή επιτυχία!

“Λαμπρινή ευχαριστώ πολύ που δέχτηκες να μοιραστούμε αυτή σου τη γνώση μέσα από το blogοσπιτάκι μου!! Η βοήθεια είναι μεγάλη για όλους 🙂

 

πηγή για το πρώτο κομμάτι κώδικα: bloggersentral.com

Εάν σου άρεσε, μοιράσου το...Share on facebook_save
Facebook Save
Share on facebook
Facebook
Share on pinterest
Pinterest
Share on whatsapp
Whatsapp
Share on email
Email
Share on print
Print
HappyMum Angie - Για μέναΕίμαι η Άντζυ και σας καλωσορίζω στο blogοσπιτάκι μου! Θέλετε να μάθετε πιο πολλά για μένα? Διαβάστε εδώ

Παρακολουθώ

Follow me on Instagram απλά σαρώνοντας την παρακάτω εικόνα!

ΣΤΗΡΙΖΟΥΜΕ

Copyright © 2023 · Modern Blogger Pro Theme By, Pretty Darn Cute Design