Come impostare manualmente "immagine per il sito" per ogni pagina
Autore: Alice F.
Visite 2968,
Followers 3,
Condiviso 0
Buongiorno,
sapreste indicarmi come impostare manualmente un’immagine di anteprima, per la condivisione social, diversa per ogni pagina? La cosiddetta “immagine per il sito” per intenderci.
Grazie!
Postato il
immagine del sito non é immagine per pagina. è adattabile solo per il sito
Autore
Si, intendo l'immagine di anteprima che appare quando condividi una pagina sui social.
L'impostazione classica so che s'inserisce in "Impostazioni Generali - Immagine per il sito" che, però, fa si che appaia un'unica immagine per tutte le pagine del sito, indistintamente.
Chedevo, invece, se è possibile impostare manualmente, attraverso un codice nelle proprietà della pagina, un'immagine personalizzata per ogni pagina.
Nelle condivisioni è davvero limitativo avere un'immagine unica.
Non la metti in impostazioni generali nella voce "immagine per il sito"
ma la metti in proprietà pagina di ogni pagina , sezione esperto dentro i TAG HEAD (quindi prima della chiusura del tag Head )
con l'istruzione
<metaproperty="og:image" content="http://www.tuosito.it/immagine1.jpg" />
---
dimensione consigliata almeno: 600 x 315px
Autore
Grazie Claudio, era proprio questo che cercavo!
Saresti così gentile da indicarmi anche come carico l'immagine?
...personalmente le metto sul mio sito con ftp esterno ... oppure da passo 5 , quando vedi i files sull'host puoi usare "carica file"
ricordati di usare immagini con nomi consoni, senza caratteri speciali e/o spazi, di dimensione non eccessiva.
se le metti in sottocartella , metti il percorso giusto nel tag...
Autore
Grazie davvero!
Aspetto ad impostare il commento come corretto, così domani provo e se incontro qualche problema approfitto ancora della tua gentilezza.
Buona serata!
...certamente ... se so e se sono qui volentieri...
ricordati che se FB non ti vede subito l'immagine ... devi forzare l'aggiornamento segnalando la pagina in FB debugger...
https://developers.facebook.com/tools/debug/
e poi facendo "debug" e poi "scraping" ...
Autore
Questo lo sapevo ma non l'ho mai provato, grazie!
Autore
Eccomi! Pensavo sarebbe andato tutto liscio, invece incontro qualche difficoltà.
Credo di aver eseguito tutto come consigliato:
“Proprietà mancanti - Mancano le seguenti proprietà necessarie: fb:app_id”
e nel codice della pagina non risulta la stringa inserita ma questa:
<meta property="og:image" content="http://www.lafattoriadiamelie.it/favImage.png" />
Dove ho sbagliato?
Ed è indispensabile, per il mio scopo, inserire l’id app (che non ho ancora ben capito a cosa serva), o me lo segnala per altre componenti del sito a cui posso pensare in un secondo momento?
Abbiate pazienza con me ma sono alle prime armi, alle prese con la costruzione del un sito per la mia piccola onlus.
Grazie!
p.s. Ah, la pagina che ho provato a modificare è http://www.lafattoriadiamelie.it/articolo-insegnare-al-cucciolo-a-sporcare-fuori-casa.html
..qui trovi info sugli altri tag...
http://www.html.it/articoli/integrare-facebook-nel-proprio-sito-web-5/
e qui:
https://trucchifacebook.com/facebook/guida/inserire-facebook-meta-tag-open-graph/
altre info le trovi facilmente con google...
Autore
Grazie. Prima di scrivervi avevo fatto anche io una ricerca ed ho letto i due articoli citati ma da quel cho compreso io servono più che altro per le integrazioni di pulsanti social, sbaglio?
Io li ho (integrati con AddThis) e l'errore riportato potrebbe essere riferito a quello ma non comprendo comunque come risolvere il problema originario dell'immagine di anteprima... o sto facendo confusione io?
Autore
Ho trovato che "fb:app_id" serve Per usare Facebook Insights, per visualizzare i dati statistici per il traffico al sito da Facebook.
Non comprendo se però è obbligatoria o facoltativa e se può essere questo a creare il problema di cui sopra.
Anche perchè non riesco a creare l'id, per avere un'id mi dice di creare un'app
ho fatto il debugger di FB, per vedere messaggio esatto... ... non preoccuparti di quell'errore...
ma hai tolto l'immagine per il sito da impostazioni generali ?
perchè io la vedo ancora nel codice...
Autore
All'inizio l'ho tolta, proprio perchè temevo andasse in conflitto con la nuova stringa ma dava lo stesso problema, quindi per evitare che il sito rimanesse senza l'ho reinserita.
il codice purtroppo rimane lo stesso, con o senza immagine per il sito, è quello che mi sembra proprio strano.
Autore
Ora ci riprovo, forzando l'anteprima e vediamo che succede...
Autore
Fatto! Ora è senza l'immagine del sito in impostazioni generali e mi da quest'altro errore
Questa è la stringa inserita nelle proprietà della pagina
...manca lo spazio tra meta e property
Autore
Effettivamente dal codice è sparita la stringa og:image, quindi significa che non mi vede quella inserita nella proprietà di pagina.
Autore
Scusa, non mi si era aggiornata la tua risposta. Provvedo subito, speriamo sia solo quello!
..."forse" vedendo la tua struttura ad articoli , avrebbe più senso impostarli con la funzionalità "blog" ... io ci farei un pensierino ... oltretutto col blog , l'immagine vale articolo per articolo ... e poi hai la paginazione automatica...
li a forza di aggiungere articoli ti viene una pagina chilometrica...
...ora deve "staccare" per qualche ora ... ci aggiorniamo... ciao
Autore
è vero ma non sono molti gli articoli inseriti. Oltretutto quella era una prova su un articolo ma dovrei fare la stessa cosa anche per tutte le altre pagine informative.
Ho provato e riprovato ma la situazione è sempre la stessa...
ho separato meta e property, forzatol'anteprima per sicurezza, salvato, importato nel server, rifatto il debug... ma me le vede ancora unite!
Grazie del supporto intanto, ci aggiorniamo!
@Alice, prova leggere un po qui , puo esserti d'aiuto :-)
da quello che leggo nel link di Kris:
"Attraverso Open Graph è possibile definire le informazioni rilevanti che dovranno comparire su Facebook nel momento in cui la nostra pagina verrà condivisa da qualcuno."
quindi forse per quello non vedi ancora l'immagine...
Autore
Yuppiiiiii!!! Ce l'ho fatta!!!
Vi spiego dov'era il problema, così che possa essere d'aiuto anche ad altri.
Il programma non vedeva come rilevante, ai fini del salvataggio, lo spazio aggiunto fra meta e property, ho fatto e rifatto la procedura innumerevoli volte, finchè ho provato a cambiare il nome all'immagine, salvare e poi reinserire quella giusta. A quel punto, dopo aver ricaricato tutto sul server, ho rifatto tutta la procedura di debug e ora è esattamente come lo volevo io!
Davvero grazie Claudio di avermi aiutato e per l'infinita pazienza, era proprio importante per me!!!
Grazie A.Kris, anche se ho risolto, darò comunque un occhio alla pagina consigliata, perchè cìè sempre da imparare!
Da domani mi dedico a tutte le altre pagine!
ottimo.
buon lavoro !