Immagine anteprima della pagina 
Author: Valentina F.Buongiorno a tutti,
magari questa non è la sede opportuna per questo tipo di richiesta ma io provo lo stesso....
So che esistono metatag precisi per far si che in fase di condivisione di una pagina web sui social venga mostrata una foto di "anteprima". Vorrei accadesse la stessa cosa anche per la condivisione della pagina su whatsapp. In rete ho trovato questo metatag (cambiato ovviamente i riferimenti secondo quelli della pagina in questione del mio sito www.inesergo.it/coronavirus.html, ma sembrerebbe non funzionare:
<meta property="og:url:secure_url" content="https://www.smariamole.it"/> <meta property="og:image:secure_url" content="https://www.smariamole.it/images/logo12.jpg"/>
Ho anche provato a togliere le istruzioni "secure" in quanto il mio sito non è https ma oltre questo le mie capacità di comprensione del codice si fermano.
Spero di essere riuscita a spiegarmi adeguatamente e vi ringrazio anticipatamente! :-)
<meta property="og:image" content="http://www.tuosito/tuaimmagine.jpg" />
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="640">
<meta property="og:image:height" content="230">
Se vuoi un'immagine diversa per ogni pagina lo devi mettere in tutte le pagine in esperto prima della chiusura del tag HEAD
Se invece vuoi una foto per il sito unica per tutte le pagine la metti al passo1---> immagine per il sito e fa tutto il programma
In grassetto le voci da personalizzare
Author
Buongiorno e grazie per la risposta.
Ho provato a inserire il codice (ovviamente personalizzando quanto indicato) ma l'immagine di anteprima continua a non uscire fuori.....
il codice che ti ha suggerito Patrizia che mi risulti è giusto...
posta il link del sito dove lo hai messo...
Se posti il link, come dice Claudio D., è meglio... Controlla che il percorso dove risiede l'immagine sia giusto, nel mio esempio l'immagine sta alla radice del sito, se invece è posizionata in una cartella specifica (tipo images) il percorso dovrà essere http://www.tuosito/Tuacartella/tuaimmagine.jpg
Author
Buongiorno e grazie ancora x l'interessamento.
Il link alla pagina è questo:
http://www.inesergo.it/coronavirus.html
A parte che vedo 3 codici che fanno su per giu la stessa cosa e io ne terrei solo 1 ma come li richiami per postarli sui vari social se non hai un oggetto tipo AddToAnysticky o AddThis nella pagina ?
Author
So che sono simili: il primo sarebbe quello che mi hai suggerito, il secondo per FB e il terzo se non ricordo male per twitter (ora sono fuori postazione e non vorrei dire una sciocchezza): nella mia ignoranza pensavo che ogni social volesse il suo codice specifico. Se suggerisci di tenerne uno ok, meglio. Devo solo capire quale.
Cosa sono invece gli oggetti AddToAnysticky o AddThis?
Per condividere la pagina vado sulla barra degli indirizzi, clicco sul link della pagina e, con lo smartphone, clicco semplicemente "condividi", oppure (per FB) uso il pulsante "condividi" appositamente inserito in basso sulla pagina (spero di essermi spiegata....): su FB viene fuori la foto di anteprima indicata nel percorso http://www.inesergo.it/img/ su whatsapp no.
Grazie nuovamente
Sono oggetti opzionali gratuiti che trovi negli oggetti del programma, se non ce li hai li puoi scaricare da li.
Togli tutti i codici e lascia solo il mio ed inserisci uno dei 2 (io uso il primo AddToAnysticky), posizionalo al passo2--->contenuto modello nell'header o nel footer così te lo ritrovi in tutte le pagine.
Il pulsante condividi sul tuo sito non lo vedo vedo solo il pulsante FB a fondo pagina che ti rimanda alla pagina di FB.
Per fare la condivisione con quegli oggeti che ti ho detto devi essere loggata al social dove vuoi condividere, ma questo lo fai già anche con il tuo metodo
Author
Ciao, si, in effetti con il pulsante AddToAnysticky la pagina viene condivisa completa di anteprima, ma non mi piace il pulsantone che viene fuori sulla pagina.
Avrei preferito un codice "invisibile" da inserire da qualche parte (come appunto quello di FB inserito nella sezione "esperto") che facesse sostanzialmente la stessa cosa: Website X5 utilizzerà sicuramente un suo codice per far sì che la funzione venga eseguita correttamente.... evidentemente è più complicato di quanto pensassi....
Grazie comunque :-)
Author
Tra l'altro vedo che il pulsante non è posizionabile secondo la logica degli altri elementi di website: il fatto che io lo inserisca in footer o in header piuttosto che in un qualsiasi spazio della pagina l'oggetto si posiziona in alto, in basso, destra o sinistra rispetto all'intera pagina....
... se ti riferisci ai pulsanti che hai in basso (fb Tw Li Pi [+]) è corretto come sono posizionati, ...ma puoi benissimo piazzarli dove vuoi tu, sostituendo l'attributo "fixed" con uno più appropriato al tuo scopo...
.
Per i miei siti preferisco il primo ma se vuoi posizionarlo dove vuoi tu nelle pagine usa l'altro AddThis puoi personalizzarlo come vuoi
Se, come ho visto, hai inserito l'oggetto AddToAnysticky togli il codice di twitter che non ti serve più.