Comment insérer un lien interne, externe ou courriel dans vos articles et pages

Transcription

1 Comment insérer un lien interne, externe ou courriel dans vos articles et pages

2 Dans cette formation 1. Introduction aux liens dans WordPress 2. Insérer un lien interne 3. Insérer un lien externe 4. Insérer un lien courriel 5. Ajouter un ancre (anchor) 6. Définir la cible du lien 7. Supprimer le lien 8. Éditeur WordPress 9. Éditeur TinyMCE Advanced conseils pour vos liens Dans cette Formation, j utilise le navigateur Chrome: WordPress Et le thème Twenty Thirteen

3 Pré-requis Vous devriez : 1. être familier avec le Tableau de bord WordPress 2. savoir comment ajouter un article et une page Si vous utilisez Internet Explorer, je vous recommande fortement d installer Chrome (ou Firefox) afin de naviguer en beauté sur le Web. Votre vie sur le Web sera bien plus agréable.

4 Objectifs 1. Vous montrer comment insérer des liens dans vos articles et pages WordPress 2. Vous parler de l importance des liens dans Google Cette présentation accompagne une vidéo-tutoriel. Regardez la vidéo pour entendre les explications DÉMONSTRATION Cette image indique que la vidéo-tutoriel comprend une démonstration. Le Tableau de bord WordPress est identique à 99% dans tous les navigateurs :

5 1. Introduction aux liens dans WordPress Lien interne Lien externe Lien courriel Ancre Un lien interne est un lien qui dirige votre visiteur vers une autre page sur votre site Un lien externe est un lien qui dirige votre visiteur vers une page sur un autre site Un lien courriel est un lien qui dirige votre visiteur vers sa boîte courriel Un ancre est un lien qui dirige votre visiteur vers différents endroits dans la même page. Exemple - vers un endroit sur votre site : Pour nous joindre, communiquez avec nous et ça nous fera plaisir de vous accueillir. Exemple - vers le site de Radio-Canada : Vous pouvez lire l article Dany Laferrière est candidat à l'académie française publié par Radio-Canada. Exemple : diane@dianebourque.com Exemple : Ces liens dirigent le visiteur à du texte en bas des liens : services/

6 1. Introduction aux liens dans WordPress - Lien interne Lien interne WordPress, par défaut, créera des liens internes que vous pourrez utiliser pour diriger votre visiteur vers du contenu sur votre site : Lien des articles : Lien des pages : Lien des images : Lien des PDFs : Lien des catégories : Lien des mots-clés : Lien des auteurs : Dans votre WordPress, vous trouverez ces liens internes. Utilisez-les lorsque vous y faisez référence dans vos articles et pages.

7 1. Introduction aux liens dans WordPress - Lien externe Lien externe Il existe en réalité 2 sortes de liens externes : 1. Un lien sur votre site qui dirige à un autre site - aussi appelé lien sortant 2. Un lien sur un autre site qui dirige à votre site - aussi appelé lien entrant Un lien externe est soit un lien sortant ou lien entrant Pour Google, les liens entrants ont beaucoup d importance. Ce n est pas seulement le nombre de lien entrant mais la qualité de ces liens qui rendra votre site plus intéressant pour Google.

8 1. Introduction aux liens dans WordPress - Lien courriel D Lien courriel diane@dianebourque.com dans mon site? Très peu d importance dans Google

9 1. Introduction aux liens dans WordPress - Les ancres A Ancre Les ancres auront très peu d importance pour Google. Mais pour votre visiteur - ça peut faciliter la navigation dans certains articles ou pages.

10 2. Insérer un lien interne DÉMONSTRATION 1. Tapez le texte de votre lien et sélectionnez-le 2. Cliquez sur l icône «Lien» 3. Collez l Adresse web de votre lien ou 2 4. Faites un lien vers le contenu de votre site 5. Donnez un Titre à votre lien Déterminer la Cible du lien 7. Cliquez sur Ajouter un lien 4 7

11 3. Insérer un lien externe DÉMONSTRATION Dans la case «Adresse web», collez une adresse web provenant de l extérieur de votre site = vous créerez alors un lien externe. 2. Le Titre du lien est le texte qui apparaîtra quand le visiteur placera sa souris au dessus de votre lien. 3. Cliquez sur Ajouter un lien 3

12 4. Insérer un lien courriel DÉMONSTRATION 1. Dans la case «Adresse web», ajoutez 1 mailto: avant l adresse courriel - c est fait. ex : mailto:diane@dianebourque.com 2. Cliquez sur Ajouter un lien 2

13 5. Insérer un ancre - Partie Pas facile Pas facile 1. Sélectionnez le texte pour le lien - Produit 1 Cliquez sur et 2. Donnez un nom à votre ancre et précédez-le du # Exemple: #produit1 3. Donnez un Titre à votre ancre (Le titre s affichera au passage de la souris de votre visiteur sur le lien) 4. Cliquez sur Ajouter un lien 4 SVP consultez le tutoriel : Comment insérer un ancre dans vos articles et pages WordPress

14 5. Insérer un ancre - Partie 2 1 Maintenant il faut aller dans le HTML (Texte) et ajoutez un identifiant à chacun des ancres. 1. Cliquez sur Texte 2. Trouvez le texte où vous voulez ajoutez votre ancre et ajouter id="" comme ceci : changez <h3>produit 1</h3> = 2 à <h3 id="produit1">produit 1</h3> SVP consultez le tutoriel : Comment insérer un ancre dans vos articles et pages WordPress

15 5. Insérer un ancre - Partie 3 1 Pour ajouter une flèche Ex : Dans l Éditeur WordPress 1. Cliquez sur l icône Caractère particulier 2. Cliquez sur la flèche - c est fait 2 SVP consultez le tutoriel : Comment insérer un ancre dans vos articles et pages WordPress

16 6. Définir la cible du lien DÉMONSTRATION LIEN INTERNE Lorsque vous dirigez votre visiteur à un lien à l intérieur de votre site, ne cochez pas la case : LIEN EXTERNE Lorsque vous dirigez le visiteur à un lien extérieur de votre site, cochez la case : La cible du lien détermine si le lien s ouvrira dans une nouvelle fenêtre / nouvel onglet ou dans la même page. Quand votre visiteur clique sur un lien interne, n ouvrez pas une nouvelle fenêtre/onglet Toutefois, si votre visiteur clique sur un lien externe, ouvrez une nouvelle fenêtre/onglet. De cette façon, même si votre visiteur a quitté votre site pour suivre un de vos liens externes (ou liens sortants), il y aura toujours un onglet ouvert dans son navigateur avec votre site Web. Google aime ça et votre visiteur aime ça. Il pourra toujours revenir à votre site avec aisance.

17 7. Supprimer le lien DÉMONSTRATION Facile Facile Facile 1. Placez votre curseur à l intérieur de votre lien Cliquez sur l icône du lien cassé - c est fait - le lien est supprimé 1

18 9. Éditeur WordPress Voici l Éditeur WordPress par défaut : DÉMONSTRATION L éditeur WordPress est excellent pour ajouter des liens internes. Toutefois, il ne permet pas de facilement créer des ancres ou de profiter d options avancées pour les liens.

19 9. Éditeur TinyMCE Advanced TinyMCE Advanced a un icône pour ajouter les ancres Vous pouvez créez vos ancres directement en cliquant sur l icône Après avoir créer votre ancre, TinyMCE Advanced reconnaît vos ancres et permet un lien direct. Ça évite de passer par le HTML (Texte) pour insérer l identifiant id="" J ai toujours utilisé un éditeur avancé dans WordPress. C est une question de goût et de besoins. J ai longtemps utilisé le Dean s FCK Editor, par la suite le CKEditor et depuis la version 3.7 de WordPress : TinyMCE Advanced DÉMONSTRATION C est une extension complète et qui facilite beaucoup l ajout de liens dans WordPress. Voici l Éditeur TinyMCE Advanced

20 10. 7 conseils pour les liens 1. Ajoutez des mots-clés dans les liens internes et externes bon exemple : Lire mon article «Comment créer un site bilingue ou multilingue» mauvais exemple : Lire mon article ici 2. Assurez-vous que tous vos liens sont bons avec l extension Broken Link Checker 3. Éliminez toutes les pages 404 (aucun contenu) de votre site 4. N utilisez jamais : Cliquez ici ou Lire ceci pour définir un lien. Il n y a aucun mot-clé et ça vaut un gros zéro dans Google 5. Ne liez pas vos images à des sites extérieurs 6. N abusez pas des liens : Google est intelligent 7. Insérez des liens de qualité : vos visiteurs et Google seront contents

21