Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Rejoignez le forum, c’est rapide et facile

Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Manga Chainsaw Man : où acheter le Tome 17 ...
Voir le deal
19.99 €

Modifier l'image de lien Facebook de son site

2 participants

Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Modifier l'image de lien Facebook de son site

Message par skyjoe auteur Ven 23 Mar 2018 - 11:05

[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 Crying or Very sad
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... Neutral

Merci à vous !

skyjoe auteur

Messages : 14
Date d'inscription : 04/10/2017

https://bootchou.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par FredVig Ven 23 Mar 2018 - 15:02

<meta …… >
Vous n'oubliez pas la balise de fin ?
</meta>

FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par skyjoe auteur Sam 24 Mar 2018 - 0:31

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

skyjoe auteur

Messages : 14
Date d'inscription : 04/10/2017

https://bootchou.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par FredVig Sam 24 Mar 2018 - 11:15

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

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par FredVig Sam 24 Mar 2018 - 11:29

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) :
Code:
.jtpl-main{
        background-image: url("https://image.jimcdn.com/…image.jpg")!important;
}
J'ai ciblé le contenant parent du contenant de l'arrière-plan, plutôt que le contenant de l'arrière-plan lui-même, afin d'éviter un scintillement au chargement de la page.
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.
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par skyjoe auteur Sam 24 Mar 2018 - 17:39

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 Crying or Very sad

Merci beaucoup pour ton aide en tout cas, tu t'es bien remué les méninges !

skyjoe auteur

Messages : 14
Date d'inscription : 04/10/2017

https://bootchou.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par FredVig Sam 24 Mar 2018 - 18:02

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

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par skyjoe auteur Sam 24 Mar 2018 - 18:29

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 :
Code:
.jtpl-main{
        background-image: url("https://image.jimcdn.com/…image.jpg")!important;
}
en insérant le lien de mon image unie, orange, afin qu'elle apparaisse en arrière-plan à la place de l'autre.

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

skyjoe auteur

Messages : 14
Date d'inscription : 04/10/2017

https://bootchou.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par skyjoe auteur Sam 24 Mar 2018 - 18:36

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

skyjoe auteur

Messages : 14
Date d'inscription : 04/10/2017

https://bootchou.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par FredVig Sam 24 Mar 2018 - 19:36

ç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 :
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
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par skyjoe auteur Sam 24 Mar 2018 - 20:04

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... Suspect
Passe une très bonne soirée Wink

skyjoe auteur

Messages : 14
Date d'inscription : 04/10/2017

https://bootchou.com

Revenir en haut Aller en bas

lien - Modifier l'image de lien Facebook de son site Empty Re: Modifier l'image de lien Facebook de son site

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum