Comment afficher les articles associés sur les sites WordPress

Mise à jour: 10 décembre 2016 / Article par: Vishnu

Les administrateurs de sites Web et les blogueurs recherchent constamment des moyens de maintenir leur lectorat actif sur leurs sites Web pendant des périodes de plus en plus longues. L'une des techniques les plus courantes qu'ils emploient est d'afficher des articles connexes à la fin de chaque article. C'est une technique très simple pour garder vos visiteurs sur votre site Web.

L'affichage d'articles / produits / vidéos associés augmente le temps passé par les internautes sur votre site Web. Cela explique également pourquoi les sociétés de commerce électronique telles qu'Amazon et les sociétés d'hébergement vidéo telles que YouTube et Netflix investissent dans des algorithmes d'apprentissage automatique complexes pour créer des systèmes de recommandation efficaces.

Même si un blog récemment créé ne peut pas se permettre des techniques aussi avancées, l'affichage de messages liés à la fin de chaque message est un truc simple pour aider les visiteurs à rester plus longtemps sur votre blog ou votre site Web. Et plus le visiteur passe de temps sur votre site Web, plus il est susceptible de faire un achat.

N'oublions pas l'aspect interface utilisateur, les systèmes de recommandation sont extrêmement utiles pour aider les gens à trouver le bon contenu. Je ne me souviens plus du nombre de fois où j'ai regardé des vidéos YouTube consécutives, telles que fournies par le système de recommandation. L'affichage de messages associés réduira le temps de navigation et aidera à connecter le lecteur au bon contenu.

Utilisation du module Messages associés de Jetpack

Cette fonctionnalité relative aux publications connexes parcourt l’ensemble de vos publications et les analyse de manière contextuelle pour trouver les publications pertinentes qui pourraient éveiller la curiosité de votre visiteur.

jetpackrelposts

Je préfère utiliser ce module de Jetpack plutôt que d'exécuter un plug-in supplémentaire car l'analyse et le traitement sont effectués à partir de leurs serveurs cloud, ce qui signifie que vos ressources de serveur ne sont pas utilisées de la même manière.

Quelques éléments sur le fonctionnement réel de ce module:

  • Il doit y avoir un minimum de publications 3 relatives pouvant être affichées. Sans ces trois articles, rien ne s'affiche comme contenu associé à la fin d'un article.
  • Le contenu associé est généré sur la base de balises, de catégories et du contenu des messages eux-mêmes.
  • Les miniatures des images seront soit les images présentées des publications précédentes, soit des images jointes à la publication associée à afficher. Ils sont recadrés 350px large par 200px haut, considérez ces dimensions lors du choix des images présentées et assurez-vous qu'elles correspondent bien à cette taille.

De plus, si vous souhaitez apporter d'autres modifications au fonctionnement du module, vous devrez modifier du code dans votre fichier functions.php. La plupart de ces fonctions impliquent de modifier le filtre des publications liées à Jetpack.

  • Modifier le nombre de messages liés affichés. Changer le nombre de taille d'option.
function jetpackme_more_related_posts ($ options) {$ options ['size'] = 6; retourne $ options; } add_filter ('jetpack_relatedposts_filter_options', 'jetpackme_more_related_posts'); 
  • Remplacez l’une des publications connexes par un résultat personnalisé, pour une publication spécifique. L'ID de publication fait référence à la publication spécifique en question.
function jetpackme_append_related_post ($ hits, $ post_id) {// $ post_id est le message pour lequel nous recevons actuellement des articles connexes if (2194 == $ post_id) {// Ajouter 1036 au début du tableau des hits array_unshift ($ hits, array ('id' => 1036)); // Supprime le dernier élément du tableau array_pop ($ hits); } retourne $ hits; } add_filter ('jetpack_relatedposts_filter_hits', 'jetpackme_append_related_post', 20, 2);

  • Exclure un article spécifique de sa parution dans les résultats des articles associés. Identifiez à nouveau l'ID de publication pour l'exclure.
function jetpackme_exclude_related_post ($ exclude_post_ids, $ post_id) {// $ post_id est la publication pour laquelle nous obtenons actuellement des publications associées pour $ exclude_post_ids [] = 1037; // Exclude post_id 1037 $ exclude_post_ids [] = 1038; // Exclut également post_id 1038 return $ exclude_post_ids; } add_filter ('jetpack_relatedposts_filter_exclude_post_ids', 'jetpackme_exclude_related_post', 20, 2);
  • Exclure une catégorie entière de toute apparition parmi les résultats des publications connexes. Changez le category.slug en une catégorie que vous ne voulez pas voir dans vos posts liés.
function jetpackme_filter_exclude_category ($ filters) {$ filters [] = array ('not' => array ('term' => array ('category.slug' => 'dogs'))); return $ filters; } add_filter ('jetpack_relatedposts_filter_filters', 'jetpackme_filter_exclude_category');

  • Désactiver de manière sélective les publications associées de l’affichage sur certaines publications. Le tableau is_single contient un certain nombre d'ID de publication pour lesquels les publications associées ne sont pas affichées.
function jetpackme_no_related_posts ($ options) {if (is_single (tableau (17, 19, 1, 11)))) {$ options ['enabled'] = false; } return $ options; } add_filter ('jetpack_relatedposts_filter_options', 'jetpackme_no_related_posts');

  • Inclure des pages dans les résultats de recherche pour le contenu associé.
function jetpackme_add_pages_to_related ($ post_type, $ post_id) {if (is_array ($ post_type)) {$ search_types = $ post_type; } else {$ search_types = array ($ post_type); } // Ajouter des pages $ search_types [] = 'page'; return $ search_types; } add_filter ('jetpack_relatedposts_filter_post_type', 'jetpackme_add_pages_to_related', 10, 2);
  • Ajoutez une image de secours par défaut si aucune image ne peut être trouvée dans un message.
function jeherve_custom_image ($ media, $ post_id, $ args) {if ($ media) {return $ media; } else {$ permalink = get_permalink ($ post_id); $ url = apply_filters ('jetpack_photon_url', 'VOTRE_LOGO_IMG_URL'); return array (array ('type' => 'image', 'from' => 'custom_fallback', 'src' => esc_url ($ url), 'href' => $ permalink,)); }} add_filter ('jetpack_images_get_images', 'jeherve_custom_image', 10, 3);
  • Masquer la date de publication sur les publications connexes.
 
.jp-relatedposts-post-date {display: none; }

Vous pouvez en savoir plus sur les fonctions que vous pouvez ajouter ou modifier avec le module de messages associé en utilisant Jetpack sur leur blog.

Related Posts Plugins

Si vous préférez utiliser un plugin indépendant pour effectuer la fonction d'affichage des articles connexes, il existe deux plugins gratuits qui devraient être à la hauteur de la tâche.

  • Related Posts pour WordPress - Ne ralentit pas votre site Web et utilise son propre cache pour effectuer des tâches lourdes. Il y a création automatique de publications associées et le plugin permet une édition manuelle. Le plugin a une version premium qui fournit une prise en charge multisite et un meilleur contrôle sur le style des modèles de publications connexes.
  • Related Posts par Taxonomie - Ce plugin utilise une requête en cache pour trouver des articles connexes. Ajoutez des contraintes aux posts-correspondances associées par date et taxonomie / posts individuels. Utilisez votre propre modèle HTML qui permet une plus grande personnalisation. Les codes courts aident à afficher un nombre spécifique d'articles connexes à l'aide de widgets.

Augmentation de l'adhésivité du site

L'affichage de messages liés augmente définitivement le temps qu'un visiteur est susceptible de passer sur votre site Web. Exploitez sa puissance et dites-moi comment ça s'est passé.

À propos de Vishnu

Vishnu est un rédacteur pigiste de nuit, travaille comme analyste de données le jour.