WebSite X5Help Center

 
Franco S.
Franco S.
User

Cambiare immagine per condividere in facebook  it

Autor: Franco S.
Visitado 1302, Seguidores 2, Compartilhado 0  

Seguo le procedure indicate ma non funziona il cambio immagine. ho fatto una prova su una pagina del sito che sto aggiornando che è questa: http://francos.group.mystery.francosartist.com/i-luoghi-le-leggende-galeria-antica.html

e questo è il codice che ho inserito prima della chiusura Head:

<meta property="og:image" content="http://francos.group.mystery.francosartist.com/images/galeria-antica-campanile-1_lb21ncuv.jpg"/>
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="640">
<meta property="og:image:height" content="240">

Forse sbaglio qualcosa? grazie a chi risponde

Publicado em
7 RESPOSTAS - 2 ÚTEIS - 1 CORRIGIR
Fabio C.
Fabio C.
User

Devi togliere al passo 1--->Generale l'immagine del sito, altrimenti prende quella per tutte le pagine

Ler mais
Publicado em de Fabio C.
Franco S.
Franco S.
User
Autor

Ho tolto l'immagine al passo uno ma ancora appare, forse ci vorrà tempo. ora se ho ben capito debbo fare la procedura per ogni pagina? Un ultima cosa il codice che ho messo è giusto? quali proporzioni sono migliori per la foto..

Aspetto che funzioni.. vediamo e poi ritorno a chiudere il topic. intanto grazie Patrizia

Ler mais
Publicado em de Franco S.
Franco S.
Franco S.
User
Autor

Si aspetto risposta al mio secondo messaggio grazie

Ler mais
Publicado em de Franco S.
Incomedia
Stefano G.
Incomedia

Buongiorno Franco

Questi codici vanno inseriti per ogni pagina se vuoi specificare l'immagine per ognuna di essere. Potresti dover aspettare un po' perchè venga aggiornata l'immagine mostrata, però confermo che è la procedura corretta

Per quello che riguarda le proporzioni, non credo ci sia una proporzione consigliata in particolare. Ti consiglierei di documentarti online su quali proporzioni sono soliti utilizzare la maggior parte dei siti per trarne ispirazione

Spero di essere stato utile

Stefano

Ler mais
Publicado em de Stefano G.
Fabio C.
Fabio C.
User
Franco S.
... quali proporzioni sono migliori per la foto..

L'altezza e la larghezza devono essere delle stesse dimensioni dell'immagine originale, se vuoi far vedere un immagine al lato delle descrizioni non devi superare i 480px altrimenti si posiziona sopra le descrizioni o viene troncata. Fai delle prove, e comunque, se cerchi in rete trovi molti esempi.

Ler mais
Publicado em de Fabio C.
Gabriele D.
Gabriele D.
User

Su questo ti posso aiutare perchè ho avuto un problema analogo e per capire da cosa dipendesse il fatto che l'immagine non venisse aggiornata ho fatto molte ricerche... ma alla fine ho risolto ogni problema!

Innanzitutto va specificato che Facebook memorizza la tua og:image in una sua cache interna. Per questo motivo, anche se tu cambi l'immagine, Facebook la ignora! E la cosa bella è che viene ignorata anche se gli fai notare che l'hai cambiata usando lo strumento https://developers.facebook.com/tools/debug/

O meglio... se metti la tua URL nel debugger tool molto probabilmente vedi la nuova immagine... ma in realtà nel momento in cui vai a condividere il link della tua pagina su Facebook continui a vedere l'immagine vecchia! La soluzione a questo apparente ed arcano mistero... risiede nel link dell'immagine!!! Se vuoi che l'immagine venga correttamente cambiata devi inserirla in un percorso differente da quello vecchio... solo in tal caso la cache di Facebook viene aggiornata!

Per quanto riguarda Facebook la dimensione consigliata è di 1200x630px. Inoltre, se il tuo dominio è HTTPS viene suggerito di usare anche la proprietà og:image:secure_url che serve a specificare un URL alternativo per i link HTTPS.

Per fare un esempio dunque dovrai inserire questo codice:

<meta property="og:image"content="https://tuodominio.it/nuovacartella/immagine.png" />
<meta property="og:image:secure_url" content="https://tuodominio.it/nuovacartella/immagine.png" />
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

dove la /nuovacartella/ deve rappresentare un percorso diverso da quello che avevi eventualmente usato in precedenza.

Altra cosa che ho scoperto... se ti interessasse. Si possono inserire più og:image in sequenza nel caso in cui si volesse usare immagini differenti a seconda della piattaforma di condivisione del link. La regola infatti è che Facebook prende in considerazione la prima immagine (che deve avere dimensione di 1200x630px), mentre ad esempio Wahtsapp prende in considerazione l'ultima (che deve essere quadrata e di dimensioni inferiori, per esempio 250x250px).

Se quindi tu inserissi in seguente codice:

<meta property="og:image"content="https://tuodominio.it/nuovacartella/imgFB.png" />
<meta property="og:image:secure_url" content="https://tuodominio.it/nuovacartella/imgFB.png" />
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

<meta property="og:image"content="https://tuodominio.it/nuovacartella/imgWA.jpg" />
<meta property="og:image:secure_url" content="https://tuodominio.it/nuovacartella/imgWA.jpg" />
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="250">
<meta property="og:image:height" content="250">

Il crawler è in grado di capire quale immagine delle due usare a seconda se il link lo condividi su Facebook o su Whatsapp.

Gabriele

Ler mais
Publicado em de Gabriele D.