WebSite X5Help Center

 
Alice F.
Alice F.
User

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

Autor: Alice F.
Visitado 3019, Followers 3, Compartido 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!

Publicado en
25 RESPUESTAS - 4 úTIL - 1 CORRECTO
A. Kris
A. Kris
User

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

Leer más
Publicado en de A. Kris
Alice F.
Alice F.
User
Autor

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.

Leer más
Publicado en de Alice F.
Claudio D.
Claudio D.
Moderator
Usuario del mes IT

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

Leer más
Publicado en de Claudio D.
Alice F.
Alice F.
User
Autor

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

Leer más
Publicado en de Alice F.
Claudio D.
Claudio D.
Moderator
Usuario del mes IT

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

Leer más
Publicado en de Claudio D.
Alice F.
Alice F.
User
Autor

Grazie davvero!
Aspetto ad impostare il commento come corretto, così domani provo e se incontro qualche problema approfitto ancora della tua gentilezza.
Buona serata!

Leer más
Publicado en de Alice F.
Claudio D.
Claudio D.
Moderator
Usuario del mes IT

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

Leer más
Publicado en de Claudio D.
Alice F.
Alice F.
User
Autor

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

Leer más
Publicado en de Alice F.
Alice F.
Alice F.
User
Autor

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

Leer más
Publicado en de Alice F.
Alice F.
Alice F.
User
Autor

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? 

Leer más
Publicado en de Alice F.
Alice F.
Alice F.
User
Autor

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

Leer más
Publicado en de Alice F.
Claudio D.
Claudio D.
Moderator
Usuario del mes IT

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

Leer más
Publicado en de Claudio D.
Alice F.
Alice F.
User
Autor

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.

Leer más
Publicado en de Alice F.
Alice F.
Alice F.
User
Autor

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

Leer más
Publicado en de Alice F.
Alice F.
Alice F.
User
Autor

Fatto! Ora è senza l'immagine del sito in impostazioni generali e mi da quest'altro errore 


Questa è la stringa inserita nelle proprietà della pagina

Leer más
Publicado en de Alice F.
Claudio D.
Claudio D.
Moderator
Usuario del mes IT

...manca lo spazio tra meta e property

Leer más
Publicado en de Claudio D.
Alice F.
Alice F.
User
Autor

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

Leer más
Publicado en de Alice F.
Alice F.
Alice F.
User
Autor

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

Leer más
Publicado en de Alice F.
Claudio D.
Claudio D.
Moderator
Usuario del mes IT

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

Leer más
Publicado en de Claudio D.
Alice F.
Alice F.
User
Autor

è 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! 

Leer más
Publicado en de Alice F.
A. Kris
A. Kris
User

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

Leer más
Publicado en de 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

Leer más
Publicado en de Mirko Boschetti
Alice F.
Alice F.
User
Autor

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! 

Leer más
Publicado en de Alice F.
Claudio D.
Claudio D.
Moderator
Usuario del mes IT

ottimo.

buon lavoro !

Leer más
Publicado en de Claudio D.