Πώς να δείξουν ιδιαίτερη εικόνα ως μικρογραφία κατά την εφαρμογή μερίδιο στο Facebook;

Είχα τα ίδια προβλήματα και πιστεύω ότι έχουν λυθεί. Θα χρησιμοποιηθεί για τη σύνδεση μετα-ετικέτα, όπως αναφέρεται εδώ να επισημάνω την εικόνα που ήθελα, αλλά το κλειδί είναι ότι αν το κάνεις αυτό FB δεν θα τραβήξει άλλες εικόνες ως επιλογές. Επίσης, αν η εικόνα σας είναι πολύ μεγάλο, δεν θα έχετε καμία επιλογή καθόλου.

Εδώ είναι το πώς θα καθοριστεί το site μου http://gnorml.com/blog/facebook-link-thumbnails/

Οι ετικέτες μου ήταν σωστή, αλλά Facebook ξύνει μόνο κάθε 24 ώρες, ανάλογα με την τεκμηρίωσή τους. Χρησιμοποιώντας τη σελίδα στο Facebook στουπί πήρε την εικόνα σε Facebook.

Εισάγετε τη διεύθυνση URL σας εδώ και FB θα ενημερώσει τα μεταδεδομένα από τη σελίδα σας:

https://developers.facebook.com/tools/debug (ενημερωμένο σύνδεσμο)

Από το spec του Facebook, χρησιμοποιήστε έναν κώδικα όπως αυτό:

<meta property="og:image" content="http://siim.lepisk.com/wp-content/uploads/2011/01/siim-blog-fb.png" />

Πηγή: Facebook Μοιραστείτε το

Κοινή χρήση στο Facebook: Πώς να βελτιώσει τα αποτελέσματά σας Προσαρμογή της εικόνας, τίτλος και κείμενο

Από τον παραπάνω σύνδεσμο. Για την καλύτερη δυνατή μετοχή, θα ήθελα να προτείνω 3 κομμάτια των δεδομένων σε HTML σας:

• Τίτλος
• Σύντομη περιγραφή
• Εικόνα

Αυτό επιτυγχάνεται με την ακόλουθη, τοποθετείται μέσα στο «κεφάλι» ετικέτα του κώδικα HTML:

• Τίτλος: <title>INSERT IGNORE POST TITLE</title>
• Εικόνα: <meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/>
• Περιγραφή: <meta name=description content="INSERT IGNORE YOUR SUMMARY TEXT"/>

Αν έχετε ιστοσελίδα είναι στατική HTML, θα πρέπει να το κάνετε αυτό για κάθε σελίδα χρησιμοποιώντας το πρόγραμμα επεξεργασίας HTML.

Εάν χρησιμοποιείτε ένα CMS όπως Drupal, μπορείτε να αυτοματοποιήσετε πολλά από αυτά (βλέπε παραπάνω link). Εάν χρησιμοποιείτε το WordPress, μπορείτε πιθανώς να υλοποιήσει κάτι παρόμοιο χρησιμοποιώντας το παράδειγμα Drupal ως κατευθυντήρια γραμμή. Ελπίζω να βρεθεί αυτές τις χρήσιμες.

Τέλος, μπορείτε πάντα να επεξεργαστείτε χειροκίνητα να μοιράζονται αναρτήσεις σας. Δείτε αυτό το παράδειγμα με εικόνες .

Είχα επίσης ένα πρόβλημα σε μια περιοχή που δούλευα για την περασμένη εβδομάδα. Θα εφαρμοστεί ένα παρόμοιο κουτί και να δοκιμαστεί το σαν κουτί. Στη συνέχεια πήγα μπροστά για να προσθέσετε μια εικόνα σε κεφαλίδα μου (η ob: meta εικόνα). Ακόμα η σωστή εικόνα δεν εμφανίζεται στην κοινοποίηση facebook μου.

Δοκίμασα τα πάντα, και κατέληξε στο συμπέρασμα ότι κάθε εφαρμογή ενός κουμπιού, όπως είναι προσωρινά. Ας πούμε ότι το ρολόι σας το κουμπί Like στο url Α, τότε θα ορίσετε μια εικόνα στην κεφαλίδα και μπορείτε να το δοκιμάσετε κάνοντας κλικ στο κουμπί Λουκά και πάλι στο url A. Δεν θα δείτε την εικόνα όπως η σελίδα είναι αποθηκευμένη. Η εικόνα θα εμφανιστεί όταν κάνετε κλικ στο κουμπί Like στη σελίδα Β

Για να επαναφέρετε τη μνήμη cache, θα πρέπει να χρησιμοποιήσετε το εργαλείο εντοπισμού σφαλμάτων χνούδι που έχει αναφερθεί πιο πάνω, και να επικυρώνει όλες τις διευθύνσεις URL για εκείνους που αποθηκεύονται προσωρινά ... Αυτό είναι το μόνο πράγμα που λειτούργησε για μένα.

Facebook χρησιμοποιεί og:tagsκαι η Γράφημα πρωτόκολλο Open για να αποκρυπτογραφήσει τις πληροφορίες για να εμφανιστεί κατά την προεπισκόπηση URL σας σε ένα παράθυρο διαλόγου μετοχή ή σε μια ροή ειδήσεων στο facebook.

Το og:tagsπεριέχει πληροφορίες όπως:

• Ο τίτλος της σελίδας
• Ο τύπος της σελίδας
• η διεύθυνση URL
• Το όνομα ιστοσελίδες
• Μια περιγραφή της σελίδας
• Facebook user_id των διαχειριστών της σελίδας (στο facebook)

Εδώ είναι ένα παράδειγμα (που λαμβάνονται από την τεκμηρίωση facebook ) ορισμένωνog:tags

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

Αφού έχετε εφαρμόσει τη σωστή σήμανση του og:tagsκαι να ορίσετε τις τιμές τους, μπορείτε να ελέγξετε πώς facebook θα δείτε τη διεύθυνση URL σας με τη χρήση του Facebook εντοπισμού σφαλμάτων . Το εργαλείο εντοπισμού σφαλμάτων θα τονίσει επίσης τυχόν προβλήματα που βρίσκει με το og:tagsστη σελίδα ή έλλειψη εκεί-της.

Ένα πράγμα που πρέπει να θυμάστε είναι ότι το Facebook δεν κάνει κάποια προσωρινή αποθήκευση σε σχέση με αυτές τις πληροφορίες, έτσι ώστε οι αλλαγές να τεθούν σε ισχύ τη σελίδα σας θα πρέπει t να ξύνεται , όπως αναφέρεται στην τεκμηρίωση:

Επεξεργασία Meta Tags

Μπορείτε να ενημερώσετε τις ιδιότητες της σελίδας σας με την ενημέρωση ετικέτες της σελίδας σας. Σημειώστε ότι og: Τίτλος και og: ο τύπος είναι επεξεργάσιμη μόνο αρχικά - μετά από τη σελίδα σας λαμβάνει 50 της αρέσει ο τίτλος γίνεται σταθερό, και μετά από τη σελίδα σας λαμβάνει 10.000 αρέσει ο τύπος γίνεται σταθερό. Αυτές οι ιδιότητες σταθερές για να αποφύγετε έκπληξη χρήστες που ήθελαν τη σελίδα. Αλλάζοντας τις ετικέτες τίτλο ή τύπου μετά επιτευχθούν αυτά τα όρια δεν κάνει τίποτα, σελίδα σας διατηρεί τον αρχικό τίτλο και τύπο.

Για τις αλλαγές που πρέπει να αντανακλάται στο Facebook, θα πρέπει να αναγκάσει τη σελίδα σας να ξύνεται. Η σελίδα ξύνεται όταν ένας διαχειριστής για τη σελίδα κλικ στο κουμπί Like ή όταν η διεύθυνση URL είναι εγγεγραμμένος στο Facebook URL Linter Facebook εντοπισμού σφαλμάτων ...

Βλέπω ότι όλες οι απαντήσεις που δόθηκαν είναι σωστές. Ωστόσο, μια σημαντική λεπτομέρεια αγνοήθηκε: Το μέγεθος της εικόνας πρέπει να είναι τουλάχιστον 200 x 200 px, διαφορετικά το Facebook θα αντικαταστήσει τη μικρογραφία με την πρώτη διαθέσιμη εικόνα που πληροί τα κριτήρια της σελίδας. Ένα άλλο γεγονός είναι ότι το ελάχιστο που απαιτείται είναι να συμπεριληφθούν τα 3 metas ότι το Facebook απαιτεί για την og: image να τεθούν σε ισχύ:

<meta property="og:title" content="Title of the page" />
<!-- NEXT LINE Even if page is dynamically generated and URL contains query parameters -->
<meta property="og:url" content="http://yoursite.com" />
<meta property="og:image" content="http://convertaholics.com/convertaholics-og.png" />

Debug σελίδα σας στο Facebook διορθωτή και να διορθώσετε όλες τις προειδοποιήσεις και θα πρέπει να λειτουργεί σαν μια γοητεία! https://developers.facebook.com/tools/debug

Ο ευκολότερος τρόπος που βρήκα για να ρυθμίσετε Facebook Open Graph για κάθε άρθρο Joomla, ήταν να τοποθετήσει στο com_content / άρθρο / default.php παράκαμψη, δίπλα Κωδικός:

$app    = JFactory::getApplication();
$path   = JURI::root();

$document = JFactory::getDocument();
$document->addCustomTag('<meta property="og:title" content="YOUR SITE TITLE" />');
$document->addCustomTag('<meta property="og:name" content="YOUR SITE NAME" />');
$document->addCustomTag('<meta property="og:description" content="YOUR SITE DESCRIPTION" />');
$document->addCustomTag('<meta property="og:site_name" content="YOUR SITE NAME" />');
if (isset($images->image_fulltext) and !empty($images->image_fulltext)) : 
    $document->addCustomTag('<meta property="og:image" content="'.$path.'<?php echo htmlspecialchars($images->image_fulltext); ?>" />');
else :
    $document->addCustomTag('<meta property="og:image" content="'.$path.'images/logo.png" />');
 endif;

Αυτό θα τοποθετήσει μετα-og tags στο κεφάλι με τα στοιχεία από την τρέχουσα άρθρο.

Εδώ είναι πώς αυτό λειτουργεί όλους:

1. Χρειάζεται τη δυνατότητα να έχουν πρόσβαση στο HTML στην συγκεκριμένη ιστοσελίδα που μοιράζεστε. Είναι κατά πάσα πιθανότητα θα λειτουργήσει το site ευρεία πάρα πολύ, αν χρησιμοποιείτε ένα κοινό αρχείο κεφαλίδα. Δεν έχω δοκιμάσει αυτό, αλλά θα πρέπει να λειτουργεί. Θα πάρετε μόνο την ίδια εικόνα για όλες τις σελίδες, αν το κάνετε αυτό όμως.

2. Θα πρέπει να προσθέσετε αυτές τις ετικέτες HTML meta στη σελίδα του. Δεν θα λειτουργήσει αν το βάλετε στο. Φροντίστε να προσαρμόσετε κάθε σας εικόνα α), β) περιγραφή, γ) τη διεύθυνση URL, και δ) τον τίτλο.

Ένα πραγματικό παράδειγμα.

<meta property="og:image" content="http://www.coachesneedsocial.com/wp-content/uploads/2014/12/BannerWCircleImages-1.jpg" />

<meta property="og:description" content="Coaches share their secrets to success so you can rock 2015." />

<meta property="og:url"content="http://www.coachesneedsocial.com/coacheswisdomtelesummit/" />

<meta property="og:title" content="Coaches Wisdom Telesummit" />

3. Αποθηκεύσετε
4. Ανοίξτε μια νέα ανάρτηση στο Facebook, και επαναλάβετε τη σελίδα που ήθελε να μοιραστεί.
5. Αν έχετε πρόβλημα ... μπορείτε να το διορθώσετε με αυτό το εργαλείο Facebook. Φαίνεται πιο geeky ό, τι είναι. Σας λέει τι βλέπει Facebook όταν καταχωρείτε τη διεύθυνση URL για να μοιραστούν.

https://developers.facebook.com/tools/debug/og/object/

Μεγάλη Συμβουλή .. βεβαιωθείτε ότι τα «εισαγωγικά» είναι η ίδια σε HTML σας (θα πρέπει να μοιάζει με 2 ευθείες σήματα και χωρίς καμπύλες ... μερικές φορές τα προγράμματα αλλάξετε αυτές σε διαφορετικές γραμματοσειρές και goofs τον κώδικα.