Optimiser le lien « Lire la suite » sous WordPress

Quand vous consulter une liste d’articles (catégories, archives,…) sous WordPress, vous avez très certainement remarqué que chacun des articles est accessible par deux liens : le titre de l’article et un lien Lire la suite. Vous avez donc une redondance des liens. Hors il s’avère que le lien lire la suite ne sert à rien (à ce sujet je vous invite à consulter un article de Seo Mix) . Je vous vois déjà grincer des dents, certainement pour des questions d’ergonomie. L’idée n’est pas de supprimer totalement ce lien mais de remplacer le lien en dur présent dans votre site par un lien javascript.

Une astuce pour un lien « Lire le suite » sous WordPress optimisé

  • Dans un premier, il faut que vous trouviez et supprimiez la ou les lignes suivantes dans votre thème :

<p class= »readmore »><a class= »more-link » href= »<?php the_permalink() ?> » rel= »nofollow » title= »<?php _e(« Permalien », « solostream »); ?> <?php the_title(); ?> »><?php _e(« Lire la suite », « solostream »); ?></a></p>

Vous trouverez ce type de code, dans les pages archives, category,… Tout dépend de votre thème.

  • Remplacer le code supprimé par le bout de code suivant :

<button class= »lirelasuite » onclick= »javascript:location.href='<?php the_permalink() ?>' »>

Et le tour est joué !

NB : Il ne vous reste plus qu’à personnaliser l’apparence du bouton. Pour se faire rendez-vous dans le fichier style.css de votre thème. Ajoutez et personnalisez les lignes de codes suivantes :

.lirelasuite{
background: #7aa935;
color: #fff;
height: 26px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border: #fff;
width: 100%;
}

Une alternative à un lien lire la suite en javascript

Si vous ne préférez pas supprimer une ligne de code par une autre, vous pouvez tout simplement ajouter un attribut no follow comme ci-dessous :

<p class= »readmore »><a class= »more-link » href= »<?php the_permalink() ?> » rel= »nofollow » title= »<?php _e(« Permalien », « solostream »); ?> <?php the_title(); ?> »><?php _e(« Lire la suite », « solostream »); ?></a></p>

Ou la méthode même pas peur !

Si vous êtes un ninja, vous pouvez tout simplement supprimer le code permettant de générer le lien lire la suite dans les fichiers de votre thème WordPress. Cependant, avec cette méthode, vous risquez de perdre le visiteur. Donc pour des questions d’ergonomie, vous pourrez être tenté de laisser un lien « Lire la suite » soit en javascript soit en dur avec un attribut no follow.

Faîtes votre choix !

5 1 Vote
Évaluation de l'article
S'abonner
Recevoir des notifications pour :
guest

* * Cette case à cocher est obligatoire

*

J'accepte

18 Commentaires
Nouveaux
Anciens Meilleurs votes
Commentaires publiés
Voir tous les commentaires
john
john
7 années plus tôt

On a mis en place cette technique sur notre site merci

Al aimran Cars
Al aimran Cars
8 années plus tôt

merci pour le tuto
je l’applique dès ce soir
Merci encore.

freez
freez
8 années plus tôt

Haa merci beaucoup ! Enfin je trouve comment faire !
Débutante sous WordPress je cherchais en vain une solution et finalement c’est pas si difficile ><

Merci !

1001decors
8 années plus tôt

Novice sur wordpress, cette astuce va beaucoup m’aider !

Thomas
8 années plus tôt

Je n’avais jamais remarqué et pourtant je suis sous wordpress. Merci je vais rectifier cela du coup !