Modifier l'image de lien Facebook de son site
2 participants
Page 1 sur 1
Modifier l'image de lien Facebook de son site
[EDIT : EN 2020, pour les publications sur les pages, Facebook propose d'importer l'image de votre choix, au moment où vous partagez le lien vers votre site (au bas du panneau de prévisualisation de commentaire). Les manipulations suivantes restent intéressantes, mais inutiles - FrédVIG]
Bonjour,
Lorsque j'envoie à quelqu'un l'URL de mon site sur facebook, instagram ou toute autre appli, l'image affichée ne convient pas du tout.
J'ai donc utilisé le débugueur de facebook pour les développeurs, comme on me l'avait suggéré sur ce forum. A l'époque cela m'avait aidé, mais je me rends compte que ce débugueur ne sert à rien d'autre qu'à actualiser les informations que collecte facebook sur notre site pour trouver l'image à afficher.
Pour arriver à mes fins, je dois changer les balises suivantes sur mon site :
<meta property="og:image" et, éventuellement, <meta property="og:image:secure_url"
Le souci c'est que je n'ai pas accès au code source
Alors j'ai modifié le head en modifiant les balises précitées (j'ai ajouté la seconde qui n'y figurait pas mais que le débugueur facebook utilise).
Ça donne cela :
<meta property="og:image" content="https://image.jimcdn.com/app/cms/image/transf/none/path/s063c8fe3cf8108f9/image/ic9334ee8d534bc04/version/1521759720/image.jpg" />
<meta property="og:image:secure_url" content="https://image.jimcdn.com/app/cms/image/transf/none/path/s063c8fe3cf8108f9/image/ic9334ee8d534bc04/version/1521759720/image.jpg" />
Or, le code source ne change absolument pas. Je sais plus comment faire, je ne sais pas coder mais j'ai absolument besoin de changer l'image de partage de mon lien, je perds forcément des clics vers mon site avec l'actuelle : elle représente la partie du header de mon site sur laquelle je ne peux insérer d'image.
Ce que je ne comprends pas, c'est que même en modifiant la balise déjà présente dans le head (<meta property="og:image" content=...) et sans aucun autre changement, et bien sûr en faisant attention à tout valider et enregistrer, le code source ne change pas !
J'espère pouvoir trouver une réponse ici...Si c'est trop technique je me dirigerai vers le support Jimdo qui doit commencer à me connaître maintenant...
Merci à vous !
Bonjour,
Lorsque j'envoie à quelqu'un l'URL de mon site sur facebook, instagram ou toute autre appli, l'image affichée ne convient pas du tout.
J'ai donc utilisé le débugueur de facebook pour les développeurs, comme on me l'avait suggéré sur ce forum. A l'époque cela m'avait aidé, mais je me rends compte que ce débugueur ne sert à rien d'autre qu'à actualiser les informations que collecte facebook sur notre site pour trouver l'image à afficher.
Pour arriver à mes fins, je dois changer les balises suivantes sur mon site :
<meta property="og:image" et, éventuellement, <meta property="og:image:secure_url"
Le souci c'est que je n'ai pas accès au code source
Alors j'ai modifié le head en modifiant les balises précitées (j'ai ajouté la seconde qui n'y figurait pas mais que le débugueur facebook utilise).
Ça donne cela :
<meta property="og:image" content="https://image.jimcdn.com/app/cms/image/transf/none/path/s063c8fe3cf8108f9/image/ic9334ee8d534bc04/version/1521759720/image.jpg" />
<meta property="og:image:secure_url" content="https://image.jimcdn.com/app/cms/image/transf/none/path/s063c8fe3cf8108f9/image/ic9334ee8d534bc04/version/1521759720/image.jpg" />
Or, le code source ne change absolument pas. Je sais plus comment faire, je ne sais pas coder mais j'ai absolument besoin de changer l'image de partage de mon lien, je perds forcément des clics vers mon site avec l'actuelle : elle représente la partie du header de mon site sur laquelle je ne peux insérer d'image.
Ce que je ne comprends pas, c'est que même en modifiant la balise déjà présente dans le head (<meta property="og:image" content=...) et sans aucun autre changement, et bien sûr en faisant attention à tout valider et enregistrer, le code source ne change pas !
J'espère pouvoir trouver une réponse ici...Si c'est trop technique je me dirigerai vers le support Jimdo qui doit commencer à me connaître maintenant...
Merci à vous !
Re: Modifier l'image de lien Facebook de son site
<meta …… >
Vous n'oubliez pas la balise de fin ?
</meta>
Vous n'oubliez pas la balise de fin ?
</meta>
Re: Modifier l'image de lien Facebook de son site
Bonjour Fred,
Il n'y en a pas dans la version originale, je me rends compte qu'elle est fermée différemment donc ça n'est pas ça le souci :
<meta property="og:image" content="https://image.jimcdn.com/app/cms/image/transf/none/path/s063c8fe3cf8108f9/image/ic9334ee8d534bc04/version/1521759720/image.jpg" />
Quand je tape la balise </meta> à la fin, Jimdo me corrige automatiquement en changeant par celle du dessus...
Il n'y en a pas dans la version originale, je me rends compte qu'elle est fermée différemment donc ça n'est pas ça le souci :
<meta property="og:image" content="https://image.jimcdn.com/app/cms/image/transf/none/path/s063c8fe3cf8108f9/image/ic9334ee8d534bc04/version/1521759720/image.jpg" />
Quand je tape la balise </meta> à la fin, Jimdo me corrige automatiquement en changeant par celle du dessus...
Re: Modifier l'image de lien Facebook de son site
Exact : c'est une balise "autofermante", je n'avais jamais remarqué !
Vous semblez dire que le "modifier le head" accepte vos modifications.
Que voulez-vous dire par "le code source ne change pas" ?
Dans le code source de votre site, elles apparaissent en ligne 55 et 56, il me semble.
Elles ne remplacent pas celles qui sont par défaut. Sans doute cela pose le problème que vous éprouvez.
Vous semblez dire que le "modifier le head" accepte vos modifications.
Que voulez-vous dire par "le code source ne change pas" ?
Dans le code source de votre site, elles apparaissent en ligne 55 et 56, il me semble.
Elles ne remplacent pas celles qui sont par défaut. Sans doute cela pose le problème que vous éprouvez.
Re: Modifier l'image de lien Facebook de son site
J'ai fait quelques tests.
L'image récupérée par Jimdo dans cette balise semble être la première image postée sur le site lors de sa construction.
Si cette image est supprimée par la suite, c'est l'image d'arrière-plan de la page qui est utilisée.
J'ai donc remplacé l'arrière-plan de site par l'image qui doit servir pour les partages.
Puis, j'ai indiqué dans modifier le head, de remplacer cette image par une autre (le "vrai" arrière-plan) :
Les deux images sont chargées l'une au dessous de l'autre.
test : https://fredvig.jimdo.com/actu/
image de partage dans le code source <meta property="og:image" content="…
https://image.jimcdn.com/app/cms/image/transf/none/path/s765ad084d58682ff/backgroundarea/i25793ba61b1c9970/version/1521888689/image.jpg
image d’arrière-plan visible :
https://image.jimcdn.com/app/cms/image/transf/none/path/s765ad084d58682ff/backgroundarea/i0b8c641d3f75a2bf/version/1510562071/image.jpg
Notez que cette technique n'est pratique QUE si on veut partager toujours la même image.
Cela ne fonctionnera pas avec des articles de blog, ou des pages pour lesquelles ont veut partager une image spécifique.
Par contre, il suffit de changer l'image de fond spécifique à une page pour que celle-ci apparaisse en partage, sans que l'image de fond visible ne change.
L'image récupérée par Jimdo dans cette balise semble être la première image postée sur le site lors de sa construction.
Si cette image est supprimée par la suite, c'est l'image d'arrière-plan de la page qui est utilisée.
J'ai donc remplacé l'arrière-plan de site par l'image qui doit servir pour les partages.
Puis, j'ai indiqué dans modifier le head, de remplacer cette image par une autre (le "vrai" arrière-plan) :
- Code:
.jtpl-main{
background-image: url("https://image.jimcdn.com/…image.jpg")!important;
}
Les deux images sont chargées l'une au dessous de l'autre.
test : https://fredvig.jimdo.com/actu/
image de partage dans le code source <meta property="og:image" content="…
https://image.jimcdn.com/app/cms/image/transf/none/path/s765ad084d58682ff/backgroundarea/i25793ba61b1c9970/version/1521888689/image.jpg
image d’arrière-plan visible :
https://image.jimcdn.com/app/cms/image/transf/none/path/s765ad084d58682ff/backgroundarea/i0b8c641d3f75a2bf/version/1510562071/image.jpg
Notez que cette technique n'est pratique QUE si on veut partager toujours la même image.
Cela ne fonctionnera pas avec des articles de blog, ou des pages pour lesquelles ont veut partager une image spécifique.
Par contre, il suffit de changer l'image de fond spécifique à une page pour que celle-ci apparaisse en partage, sans que l'image de fond visible ne change.
Re: Modifier l'image de lien Facebook de son site
Waow, bien joué Fred ! Est-ce qu'il faut mettre des balises meta avant et après le code .jtpl-main ?
J'ai essayé, et tout le code qui suivait dans le head a été effacé, c'est dingue ! Du coup comme je n'avais pas fait de sauvegarde, j'ai tout perdu mais ça n'a rien changé à mon site, coup de bol...D'habitude je sauvegarde le code mais cette fois je ne m'attendais pas à ce que le code s'efface de lui même !
Je viens de m'apercevoir que mon arrière plan, c'est un fond orange, et que j'ai inséré une image en PNG dessus, ce qui était plus fiable au niveau du design responsive. Et ça me permettait que mon arrière plan ne soit pas déformé, car on ne connait pas vraiment la dimension idéale pour ce dernier...Ce n'est pas du tout adapté à des images qui ne doivent pas se répéter il me semble...
De plus, l'image est encore plus tronquée sur la hauteur lorsque j'affiche mon site sur mobile...Voilà pourquoi j'avais choisi un fond uni, puis glissé une image dessus, juste au dessus de l'espace réservé au logo.
Du coup je peux éventuellement mettre une image en arrière-plan, celle qui correspondra au lien site, puis utiliser ton code pour la remplacer par un fond orange...Seulement je n'ai pas réussi à utiliser le code, pour le moment
Merci beaucoup pour ton aide en tout cas, tu t'es bien remué les méninges !
J'ai essayé, et tout le code qui suivait dans le head a été effacé, c'est dingue ! Du coup comme je n'avais pas fait de sauvegarde, j'ai tout perdu mais ça n'a rien changé à mon site, coup de bol...D'habitude je sauvegarde le code mais cette fois je ne m'attendais pas à ce que le code s'efface de lui même !
Je viens de m'apercevoir que mon arrière plan, c'est un fond orange, et que j'ai inséré une image en PNG dessus, ce qui était plus fiable au niveau du design responsive. Et ça me permettait que mon arrière plan ne soit pas déformé, car on ne connait pas vraiment la dimension idéale pour ce dernier...Ce n'est pas du tout adapté à des images qui ne doivent pas se répéter il me semble...
De plus, l'image est encore plus tronquée sur la hauteur lorsque j'affiche mon site sur mobile...Voilà pourquoi j'avais choisi un fond uni, puis glissé une image dessus, juste au dessus de l'espace réservé au logo.
Du coup je peux éventuellement mettre une image en arrière-plan, celle qui correspondra au lien site, puis utiliser ton code pour la remplacer par un fond orange...Seulement je n'ai pas réussi à utiliser le code, pour le moment
Merci beaucoup pour ton aide en tout cas, tu t'es bien remué les méninges !
Re: Modifier l'image de lien Facebook de son site
Lorsque le code s'efface, vous pouvez le récupérer dans le code source d'une page anciennement ouverte en mode visiteur. Il ne faut pas l'avoir actualisée bien sûr.
Les balises meta ne fonctionnent pas, inutile de les ajouter.
J'ai découvert que la première image que j'avais postée sur un vieux site servait d'image de partage. C'est un truc à connaître lorsqu'on créé un site jimdo.
Mon code ne vous sera pas nécessaire, puisque vous avez déjà remplacé l'image d'arrière plan avec une couleur.
Il vous suffit de placer l'image de partage comme arrière-plan sur toutes les pages.
Sinon, c'est juste un modification de css, à placer entre les balises <style>…</style>, en dernier dans modifier le head, il faut ajouter votre propre lien url d'image, évidemment.
Les balises meta ne fonctionnent pas, inutile de les ajouter.
J'ai découvert que la première image que j'avais postée sur un vieux site servait d'image de partage. C'est un truc à connaître lorsqu'on créé un site jimdo.
Mon code ne vous sera pas nécessaire, puisque vous avez déjà remplacé l'image d'arrière plan avec une couleur.
Il vous suffit de placer l'image de partage comme arrière-plan sur toutes les pages.
Sinon, c'est juste un modification de css, à placer entre les balises <style>…</style>, en dernier dans modifier le head, il faut ajouter votre propre lien url d'image, évidemment.
Re: Modifier l'image de lien Facebook de son site
Hum...Je n'ai pas remplacé l'image d'arrière-plan avec du code, je n'en suis pas capable actuellement. J'ai fait un test avec le modificateur d'arrière-plan de Jimdo mais ça n'allait pas, j'ai donc remis l'image que j'aimerais voir en lien de partage en arrière-plan, avec un PNG par dessus.
Ensuite j'ai collé ce code dans le head :
Mais en enregistrant les modifications du head, le code s'est effacé une nouvelle fois.
C'est embêtant car si ça ne marche pas, il me semble qu'avoir accès au code source suffirait à résoudre le problème...
Ensuite j'ai collé ce code dans le head :
- Code:
.jtpl-main{
background-image: url("https://image.jimcdn.com/…image.jpg")!important;
}
Mais en enregistrant les modifications du head, le code s'est effacé une nouvelle fois.
C'est embêtant car si ça ne marche pas, il me semble qu'avoir accès au code source suffirait à résoudre le problème...
Re: Modifier l'image de lien Facebook de son site
Bah mince alors, je viens de tester le débugueur facebook, au cas-où, pour voir...Il se trouve qu'il collecte la dernière image d'arrière-plan chargée sur Jimdo, même si ce n'est pas celle utilisée en tant que telle...Incroyable. On peut passer des heures sur un problème tellement simple...
Un grand merci à toi en tout cas, t'es un peu une sorte d'ange gardien de la communauté Jimdo lol
Un grand merci à toi en tout cas, t'es un peu une sorte d'ange gardien de la communauté Jimdo lol
Re: Modifier l'image de lien Facebook de son site
ça me sert aussi à rester à jour voire à découvrir des choses, comme aujourd'hui.
Je reprend.
Dans le cas de votre site il faut :
1- Prendre l'URL d'une image qui convient pour figurer en arrière-plan.
(cette image peut, par exemple, être chargée en arrière-plan sur une page particulière, puis, en visitant la page en mode visiteur, vous récupèrez son Url avec un clic droit sur l'image > copier l'adresse de l'image.
2- Aller dans "modifier le head" et coller (en dernier) l'url, puis, avant d'avoir enregistré, rajouter AUTOUR, le code :
Pour le cas particulier de votre site, puisque vous voulez une couleur unie, vous pouvez aussi plus simplement mettre ce code :
3- Charger l'image que vous voulez pour Facebook en arrière-plan pour tout le site, avec l'outil design/arrière-plan
et c'est tout en théorie
Je reprend.
Dans le cas de votre site il faut :
1- Prendre l'URL d'une image qui convient pour figurer en arrière-plan.
(cette image peut, par exemple, être chargée en arrière-plan sur une page particulière, puis, en visitant la page en mode visiteur, vous récupèrez son Url avec un clic droit sur l'image > copier l'adresse de l'image.
2- Aller dans "modifier le head" et coller (en dernier) l'url, puis, avant d'avoir enregistré, rajouter AUTOUR, le code :
- Code:
<style>
.jtpl-main {background-image: url("
ICI l'URL de votre image
");
}
</style>
Pour le cas particulier de votre site, puisque vous voulez une couleur unie, vous pouvez aussi plus simplement mettre ce code :
- Code:
<style>
.jtpl-main {background-color: orange;}
</style>
3- Charger l'image que vous voulez pour Facebook en arrière-plan pour tout le site, avec l'outil design/arrière-plan
et c'est tout en théorie
Re: Modifier l'image de lien Facebook de son site
Merci beaucoup, ça va énormément m'aider !
Le post que j'ai écris comme quoi facebook collectait l'image d'arrière plan dernièrement chargée, même si on choisissait d'en afficher une autre, était une erreur, c'est juste que je n'avais pas validé les changements...
Passe une très bonne soirée
Le post que j'ai écris comme quoi facebook collectait l'image d'arrière plan dernièrement chargée, même si on choisissait d'en afficher une autre, était une erreur, c'est juste que je n'avais pas validé les changements...
Passe une très bonne soirée
Sujets similaires
» Problemé lien Facebook site jimdo
» Partager un lien facebook vers mon site
» modifier un site dont on a decocher le bouton modifier
» Miniature lien facebook
» Modifier l'image attitrée au Site
» Partager un lien facebook vers mon site
» modifier un site dont on a decocher le bouton modifier
» Miniature lien facebook
» Modifier l'image attitrée au Site
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|