Personnaliser vos articles Joomla! pour les partager sur Facebook

Un de nos utilisateurs nous a demandé s’il y avait un moyen de personnaliser le contenu qui est affiché lors d’un partage sur Facebook. Facebook récupère la meta description pour la description de l’article et le titre, puis il sélectionne automatiquement une image.

Personnaliser vos articles Joomla! pour les partager sur Facebook Nous souhaitons ici personnaliser nos articles joomla! pour pouvoir ensuite les partager sur facebook. Un de nos utilisateurs nous a demandé s’il y avait un moyen de personnaliser le contenu qui est affiché lors d’un partage sur Facebook.
Facebook récupère la meta description pour la description de l’article et le titre, puis il sélectionne automatiquement une image.
Je vais vous expliquer comment ajouter une image à vos articles Joomla! et comment personnaliser les informations meta qui seront affichées lorsque vous partagerez un
Partager un article Joomla! sur Facebook
Lorsque nous partageons un article Joomla! sur Facebook, nous faisons un copier/coller de l’URL.

URL collée dans la zone de saisie de Facebook
Automatiquement, Facebook consulte notre article et extrait :

Une image
Un titre
Une description

Post Facebook avec Image, Titre et Description
Vous pourriez vous demander : « d’où vient de contenu » ? Il pourrait s’agir d’une décisionn prise aléatoirement par Facebook. L’image peut être particulièrement confusante. Parfois c’est la première image qui est sélectionnée, même si c’est le logo.
Cependant, nous pouvons décider quel contenu sera affiché dans Facebook. Regardons comment.
Choisissez une image pour votre article
Il n’y a pas de garantie que cette méthode fonctionne comme nous le souhaitons, cependant, en ajoutant une image à votre article, vous augmentez les chances que Facebook respecte vos choix.

Rendez-vous dans Contenu > Articles > Votre article

Il y a deux manières d’ajouter une image à un article.
Premièrement, vous pouvez aller dans l’onglet « Images et Liens » et choisir une image pour le paramètre « Image de l’article complet ».

Onglet « Images et Liens » lors de l’édition d’un article Joomla!
Une alternative est d’ajouter l’image directement dans le contenu de l’article

Image dans le corps d’un article Joomla!  Définir un titre et une description personnalisés pour votre article.
 Pour personnaliser simplement le contenu meta que Facebook va extraire de votre article, comme le titre et la description, vous pouvez utiliser OSMeta.

Vous pouvez télécharger OSMeta sur Alledia.com. La version gratuite, comme la version Pro permettent toutes de faire ce que nous souhaitons. Si vous souhaitez gérer vos éléments de menu ou vos contenu K2, vous devez choisir la version Pro.
Installez OSMeta comme vous installeriez n’importe quelle extension.

OSMeta sur le site Alledia.com

Allez dans Composants > OSMeta

Composants dans l’administration de Joomla!
Recherchez votre article, puis complétez les boîtes :

Search Engine Title
Description

Paramètres OSMeta
Résultat final
Faites un nouveau copier/coller l’URL de votre article dans Facebook, vous verrez affiché votre image, titre et description.
Astuce : Débugguer l’URL d’un article à travers l’outil de développement de Facebook
Lorsque vous partagez une URL pour la première fois, Facebook enregistre l’image, la description et le titre. Si vous décidez plus trad de mettre à jour votre article Joomla!puis de partager de nouveau l’URL, vos modifications ne seront pas prises en compte.
Vous avez besoin de dire à Facebook de récupérer les nouvelles informations. Pour cela :

Rendez-vous sur le site Facebook Developers.
Coller l’URL de l’article dans le champ Input URL.
Cliquez sur « Fetch new scrape information »

Descendez dans la page pour voir le contenu puis confirmez que l’image, le titre et la description sont bien à jour.
Utilisation d’Open Graph dans Joomla!
Si votre site utilise une extension Open Graph, elle va générer des informations Meta qui auront la priorité sur les paramètres donnés dans ce tutoriel. Dans ce cas, vous devrez vous repporter dans la documentation du développeur pour comprendre comment gérer les images, les titres et les descriptions.
Note : cet article est une traduction de l’article : Customize Your Joomla Articles for Facebook Sharing Crédits photo
Image by Free-Photos from Pixabay