Comment afficher les articles associés sur les sites WordPress

Article écrit par:
  • WordPress
  • Mise à jour: Dec 10, 2016

Les administrateurs de sites Web et les blogueurs recherchent en permanence des moyens de garder leur lectorat actif sur leurs sites Web pendant des périodes de plus en plus longues. L’une des techniques les plus courantes consiste à 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 la publication pour laquelle nous obtenons actuellement des publications associées pour if (2194 == $ post_id) {// Ajoute 1036 au début du tableau de hits array_unshift ($ hits, array ('id' => 1036)); // Supprime le dernier élément du tableau array_pop ($ hits); } return $ 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'))); retourne les filtres $; } 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.
fonction jeherve_custom_image ($ media, $ post_id, $ args) {if ($ media) {return $ media; } else {$ permalink = get_permalink ($ post_id); $ url = apply_filters ('jetpack_photon_url', 'YOUR_LOGO_IMG_URL'); return array (array ('type' => 'image', 'from' => 'custom_fallback', 'src' => esc_url ($ url), 'href' => $ permalien,)); }} 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 afficher les messages associés, deux plugins gratuits devraient vous être utiles.

  • Related Posts pour WordPress - Ne ralentit pas votre site Web et utilise son propre cache pour effectuer des tâches lourdes. Il y a une création automatique des articles liés et le plugin permet l'édition manuelle. Le plugin a une version premium qui fournit un support multisite et un meilleur contrôle sur le style des templates associés.
  • Related Posts par Taxonomie - Ce plugin utilise une requête en cache pour trouver les publications associées. Ajoutez des contraintes aux posts-correspondances liées par date et taxonomie / publications individuelles. Utilisez votre propre modèle HTML qui permet plus de personnalisation. Les codes abrégés aident à afficher un nombre spécifique de publications liées à 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.