Δεν εμφανίζεται φωτογραφία στο twitter sharing

imaginas · 27 Ιουνίου 2018

Όταν κοινοποιείται μια φωτογραφία στο twitter μέσω του addthis που έχω στη σελίδα,δεν εμφανίζεται η φωτογραφία.Έχει κάποιος ιδέα τι φταίει;Επίσης πώς μπορώ να μεγαλώσω τη φωτογραφία;Τώρα φαίνεται όπως την επισυναπτόμενη εικόνα,θα ήθελα να είναι μεγαλύτερη η φωτογραφία

XPHSTOS_ · 27 Ιουνίου 2018

Το twitter διαβάζει κάποια open graph tags για να δείξει εικόνες.
Τα tags αυτά τα βάζεις στο head από την σελίδα σου.

<meta property="og:image" content="link/to/something.png" />
<meta property="twitter:card" content="summary_large_image" />

Το ίδιο image θα διαβάζεται και από το facebook.
Αν θέλεις να έχεις ξεχωριστά images για το καθένα τότε μπορείς να βάλεις το

<meta propperty="twitter:image" content="link/to/something_else.png" />

imaginas · 28 Ιουνίου 2018

Ευχαριστώ για την απάντηση.Έκανα ότι είπες αλλά δεν είχε αποτέλεσμα.Έχω τον παρακάτω κώδικα στο <Head>

Πού έχω κάνει λάθος;Θέλω σε κάθε φωτογραφία που κάνω share να εμφανίζεται η εικόνα της,ο τίτλος της και η περιγραφή της,όχι μια γενική εικόνα.Σαν προεπισκόπηση.Όπως το παράδειγμα από άλλο site

<head>
<title>Luz.gr Photography Stathis Panagiotopoulos</title>
<link rel="canonical" href="http://luz.gr/en-us/" >
<meta name="keywords" content="pictures,aviation,images,airplanes,models,trams,trains,portraits,sexy girls,ladies,airbus,boeing,f16,aegean airlines,lufthansa,austrian airlines,iberia"/>
<meta name="description" content="Image gallery and portfolio by Greek Photographer Stathis Panagiotopoulos"/>
<meta name="author" content="Stathis Panagiotopoulos"/>
<meta name="robots" content="index,follow"/>
<meta name="google-site-verification" content="nDtssH2QeGGMreoTbNrsfNRezi68ghlsmM9GSmn3iG4" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
<script src="//platform-api.sharethis.com/js/sharethis.js#property=5b33daf53fa2380011f76934&product=inline-share-buttons"></script>
<meta property="fb:admins" content="xxxxxxxx"/>
<meta property="og:title" content="Aviation Photography" />
<meta property="og:url" content="http://luz.gr/" />
<meta property="og:image" content="http://luz.gr/logo.jpg" />
<meta property="og:description" content="Photogallery By Stathis Panagiotopoulos" />
<meta property="og:site_name" content="Luz.gr Photogallery" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@elspoterdeavion" />
<meta name="twitter:creator" content="@elspoterdeavion" />
<meta name="twitter:image" content="http://luz.gr/logo.jpg"/>
<meta name="twitter:image:width" content="350">
<meta name="twitter:image:height" content="350">

XPHSTOS_ · 28 Ιουνίου 2018

To facebook άπαξ και διαβάσει την σελίδα σου, ένα link της κλπ. το cachάρει για κάποιο διάστημα.
Αυτό που μπορείς να κάνεις είναι πάρεις το link και να το δοκιμάσεις στον debugger.
https://developers.facebook.com/tools/debug/sharing/

Το περνάς εκεί, και ξαναπατάς scrape again για να το διαβάσει εκ νέου.

Το twitter δεν το ξέρω πολύ καλά, αλλά υποθέτω κάνει κάτι παρόμοιο.
Δυστυχώς όμως δεν έχω βρει κάποιο εργαλείο για να κάνεις scrape again σε αυτό.
Μπορείς όμως να δοκιμάσεις το link στον card validator
https://cards-dev.twitter.com/validator

Αν εμφανιστεί εκεί σωστά τότε όλα οκ.
Όσο για το share button στο twitter.
Διάβασε αυτό: https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview

ίσως με αυτό το data-size="large" να δεις διαφορά, αλλά στην 1η εικόνα στο άρθρο φαίνεται όπως και εσένα.

Σύνδεση

Δεν εμφανίζεται φωτογραφία στο twitter sharing

Προτεινόμενες αναρτήσεις

imaginas

XPHSTOS_

imaginas

XPHSTOS_

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση