WebSite X5Help Center

 
Alice F.
Alice F.
User

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

Автор: Alice F.
Просмотрено 2678, Подписчики 3, Размещенный 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!

Размещено
25 Ответы - 4 Полезно - 1 Корректно
A. Kris
A. Kris
User

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

Читать больше
Размещено От A. Kris
Alice F.
Alice F.
User
Автор

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.

Читать больше
Размещено От 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

Читать больше
Размещено От Claudio D.
Alice F.
Alice F.
User
Автор

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

Читать больше
Размещено От 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...

Читать больше
Размещено От Claudio D.
Alice F.
Alice F.
User
Автор

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

Читать больше
Размещено От 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" ...

Читать больше
Размещено От Claudio D.
Alice F.
Alice F.
User
Автор

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

Читать больше
Размещено От Alice F.
Alice F.
Alice F.
User
Автор

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

Читать больше
Размещено От Alice F.
Alice F.
Alice F.
User
Автор

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? 

Читать больше
Размещено От Alice F.
Alice F.
Alice F.
User
Автор

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

Читать больше
Размещено От 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...

Читать больше
Размещено От Claudio D.
Alice F.
Alice F.
User
Автор

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.

Читать больше
Размещено От Alice F.
Alice F.
Alice F.
User
Автор

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

Читать больше
Размещено От Alice F.
Alice F.
Alice F.
User
Автор

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


Questa è la stringa inserita nelle proprietà della pagina

Читать больше
Размещено От Alice F.
Claudio D.
Claudio D.
Moderator

...manca lo spazio tra meta e property

Читать больше
Размещено От Claudio D.
Alice F.
Alice F.
User
Автор

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

Читать больше
Размещено От Alice F.
Alice F.
Alice F.
User
Автор

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

Читать больше
Размещено От 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

Читать больше
Размещено От Claudio D.
Alice F.
Alice F.
User
Автор

è 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 F.
A. Kris
A. Kris
User

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

Читать больше
Размещено От 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

Читать больше
Размещено От Mirko Boschetti
Alice F.
Alice F.
User
Автор

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! 

Читать больше
Размещено От Alice F.
Claudio D.
Claudio D.
Moderator

ottimo.

buon lavoro !

Читать больше
Размещено От Claudio D.