Joomla! : Optimisation du référencement

Remplacer H2 par H1

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Apprenez à créer rapidement une substitution de votre template. Il s'agit d'adapter les balises d'en-tête de type Hn. Dans quel cas pouvez-vous utiliser de multiples balises H1 ? C'est ce que vous allez découvrir ici.

Transcription

Nous allons voir une autre manière de gérer dans Joomla, les en-têtes de niveau. Niveau 1, niveau 2, niveau 3. Et particulièrement l'en-tête de niveau 1. Comme nous l'avons vu précédemment, en modifiant le template utilisé dans le site. Pour cela, à partir de l'administration, nous allons nous rendre dans les extensions, dans les templates, et nous allons cliquer ici, dans le menu latéral sur template, pour choisir le template utilisé, ici, c'est Protostar mais cette manipulation peut être effectuée sur d'autres templates, bien évidemment. Alors, nous avons ici tous les fichiers et dossiers de notre template. On ne va pas modifier directement les fichiers du template car à la prochaine mise à jour, ces modifications risquent d'être écrasées par les nouveaux codes. On va faire ce qu'on appelle en anglais un « overhide », une surcharge ou substitution, en français. Donc en général, ces substitutions sont stockées dans le dossier html du template. Si ce dossier html n'existe pas dans votre template, vous pouvez toujours le créer. Les fichiers stockés dans ce dossier, auront bien sûr, la priorité par rapport aux autres, Joomla va d'abord aller chercher les informations, s'il y en a, dans ce dossier html. Alors, pour créer la substitution, il faut bien sûr sélectionner cet onglet. Créer des substitutions. On va modifier les articles, en fait, pour changer les balises de niveau 1. Donc, c'est dans composant et c'est le composant « content ». Le composant de contenu. Si on ouvre le dossier, on va avoir notre fichier article qui apparaît. Et c'est celui-ci, qu'on va bien sûr adapter. J'ai cliqué dessus et immédiatement, nous avons une substitution qui a été créée dans le dossier template, Protostar, etc... Pour aller modifier ce fichier, retournons sur l'éditeur. Et là, dans le dossier html, il y a un nouveau dossier com_content et un dossier article, et avec notre fichier « default », que nous allons adapter. Alors, cette manip, avant les versions 3 de Joomla, on pouvait les faire mais à la main. En plus, il y a certains dossiers qu'on n'utilise pas. Dans le chemin, certains répertoires ne sont pas utilisés. C'était plus ou moins fastidieux, là, vous avez vu que c'est très rapide. On va mettre un petit peu les mains dans le code. On sélectionne le fichier en question. Et on va rechercher avec un pomme F ou un Ctrl F. On va faire une recherche sur H2. En général, c'est cette balise qui est utilisée pour afficher les titres des articles. Il ne trouve pas H2, je vais peut-être ouvrir le chevron puisque c'est du code html avec le symbole inférieur. Et voilà, tout de suite, il me trouve cette balise. Donc, c'est dans cette partie de code. On a un peu de php mais c'est surtout le html qui nous intéresse. Donc, on a bien la balise H2, qui va en général, récupérer le titre de l'article. Alors, pour le basculer en en-tête de niveau 1, il suffit simplement de remplacer H2 par H1 et d'enregistrer, bien sûr, les modifications. Alors, certains templates vont utiliser la fameuse balise H1 pour afficher le titre du site ou voir le logo, quand on remplace le texte par une image. Ce n'est vraiment pas terrible non plus, donc il faut aller un peu plus loin dans le template, pour aller là aussi, modifier la balise H1 et la remplacer par exemple, par une balise « span », si c'est simplement pour afficher une image. Vous constatez donc, que le choix du template, avant la création du site, est très important. Pour terminer, juste une petite parenthèse sur les balises H1 multiples. Pendant longtemps, on nous a dit qu'il ne fallait qu'une balise H1 par page. Ça a un peu changé, mais là aussi il faut être prudent. C'est Google qui nous donne ces informations, et comme Google change souvent, il faut s'adapter. Mais, c'est une information assez récente. Pour bien comprendre, je vous ai fait un petit croquis avec des balises html. Et ça, c'est le schéma d'une page qui utilise la version 5 de html: HTML 5. Avec HTML 5, on peut très bien structurer la page avec des nouvelles balises. C'est important aussi pour les robots, parce qu'ils vont mieux comprendre le contenu de vos pages. On va retrouver une balise « header » et une balise « nav » pour la barre de navigation. On va retrouver une balise « side » pour les modules par exemple, les informations complémentaires à votre contenu principal. Le pied de la page. Et une ou plusieurs balises section. C'est ça la nouveauté. Et là, on va pouvoir mettre des en-têtes de niveau 1, des balises H1 pour chaque section. Alors, dans mon schéma j'ai mis qu'une section qui contient plusieurs articles, ça pourrait être une liste de blog. Mais on peut avoir des pages comme ça, avec plusieurs sections, des articles à l'intérieur, et rien ne vous empêche, d'après Google, pour l'instant, de mettre un en-tête H1 dans chaque section, ce qui fait que vous allez vous retrouver avec des H1 multiples, mais ce ne sera pas gênant, bien au contraire, pour le positionnement de votre page, par Google en tout cas. Voilà, vous en savez plus maintenant sur l'utilisation des en-têtes de niveau 1 avec Google et avec Joomla.

Joomla! : Optimisation du référencement

​Intégrez le référencement dans le processus de création de vos sites Joomla!. Augmentez la visibilité de vos pages en optimisant l’utilisation des hyperliens, balises meta, etc.

2h13 (30 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Thématiques :
Design web
Marketing
CMS
SEO
Spécial abonnés
Date de parution :14 avr. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !