WebSite X5Help Center

 
Alice F.
Alice F.
User

Come impostare manualmente "immagine per il sito" per ogni pagina  it

Autore: Alice F.
Visite 2658, 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
25 RISPOSTE - 4 UTILI - 1 CORRETTO
A. Kris
A. Kris
User

immagine del sito non é immagine per pagina. è adattabile solo per il sito

Leggi di più
Postato il da A. Kris
Alice F.
Alice F.
User
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.

Leggi di più
Postato il da Alice F.
Claudio D.
Claudio D.
Moderator

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

Leggi di più
Postato il da Claudio D.
Alice F.
Alice F.
User
Autore

Grazie Claudio, era proprio questo che cercavo!
Saresti così gentile da indicarmi anche come carico l'immagine?

Leggi di più
Postato il da Alice F.
Claudio D.
Claudio D.
Moderator

...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...

Leggi di più
Postato il da Claudio D.
Alice F.
Alice F.
User
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!

Leggi di più
Postato il da Alice F.
Claudio D.
Claudio D.
Moderator

...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" ...

Leggi di più
Postato il da Claudio D.
Alice F.
Alice F.
User
Autore

Questo lo sapevo ma non l'ho mai provato, grazie! 

Leggi di più
Postato il da Alice F.
Alice F.
Alice F.
User
Autore

Eccomi! Pensavo sarebbe andato tutto liscio, invece incontro qualche difficoltà.

Credo di aver eseguito tutto come consigliato:

  • ho modificato l’immagine secondo le dimensioni consigliate
  • caricata l’immagine sul server
  • inserito il codice in “proprietà della pagina-esperto-prima della chiusura del tag Head”, con l’istruzione <metaproperty="og:image" content="http://www.lafattoriadiamelie.it/images/cucciolo-pipi.png"/>
  • forzato l'aggiornamento segnalando la pagina in FB debugger che mi da il seguente errore
    “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

Leggi di più
Postato il da Alice F.
Alice F.
Alice F.
User
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? 

Leggi di più
Postato il da Alice F.
Alice F.
Alice F.
User
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 surprised

Leggi di più
Postato il da Alice F.
Claudio D.
Claudio D.
Moderator

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...

Leggi di più
Postato il da Claudio D.
Alice F.
Alice F.
User
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.

Leggi di più
Postato il da Alice F.
Alice F.
Alice F.
User
Autore

Ora ci riprovo, forzando l'anteprima e vediamo che succede...

Leggi di più
Postato il da Alice F.
Alice F.
Alice F.
User
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

Leggi di più
Postato il da Alice F.
Claudio D.
Claudio D.
Moderator

...manca lo spazio tra meta e property

Leggi di più
Postato il da Claudio D.
Alice F.
Alice F.
User
Autore

Effettivamente dal codice è sparita la stringa og:image, quindi significa che non mi vede quella inserita nella proprietà di pagina. 

Leggi di più
Postato il da Alice F.
Alice F.
Alice F.
User
Autore

Scusa, non mi si era aggiornata la tua risposta. Provvedo subito, speriamo sia solo quello!

Leggi di più
Postato il da Alice F.
Claudio D.
Claudio D.
Moderator

..."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

Leggi di più
Postato il da Claudio D.
Alice F.
Alice F.
User
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! 

Leggi di più
Postato il da Alice F.
A. Kris
A. Kris
User

@Alice, prova leggere un po qui , puo esserti d'aiuto :-)

Leggi di più
Postato il da A. Kris
Mirko Boschetti
Mirko Boschetti
Moderator

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...wink

Leggi di più
Postato il da Mirko Boschetti
Alice F.
Alice F.
User
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!!! laughing
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! 

Leggi di più
Postato il da Alice F.
Claudio D.
Claudio D.
Moderator

ottimo.

buon lavoro !

Leggi di più
Postato il da Claudio D.