ETAPE 3 : STRUCTURE DE LA PAGE D’ACCUEIL

ETAPE 3 : STRUCTURE DE LA PAGE D’ACCUEIL

Je vais ouvrir la page d’accueil pour modifier l’existante, A gauche dans le menu je sélectionne “page” puis sur “modifier“.

Je pourrais travailler avec l’éditeur “Gutember” qui est l’éditeur par défaut, je vais toutefois la réaliser avec le Builder “Elementor“.

  • Pour cela je clique en haut sur le bouton “Modifier avec Elementor” 

Ma page s’ouvre avec, à droite ma page en simulation,  à gauche l’ensemble des éléments que je peux insérer dans ma page.

  • Je vais commencer par insérer un titre la notion de titre est très importante, car elle est hiérarchisée  par des titres H1 H2 H3.. ( titre en Français ).

Cette notion est encore une fois importante car Google, Bing et Yahoo indexent votre site en fonction de ce que vous allez mettre à l’intérieur, attention il doit y avoir que un seul “H1” par page.

  • Je clique à gauche et je déplace l’élément “titre” à l’endroit désiré dans ma page. Dans les champs de propriété à gauche,  je saisie un titre  et comme je vais insérer un H1 le titre doit permettre à Google de lui faire comprendre le contenu de votre page.

À gauche dans les paramètres  je peux écrire mon titre, changer la couleur, la police  et centrer au milieu.  Enfin mettre le type mettre le type de H1

  • Je vais ensuite insérer une section pour rajouter un deuxième titre, là je vais mettre un H2. Vous pouvez mettre autant deux titres H2 que vous voulez.

Dans cette  section H2  je vais rajouter mes services.

  • Éventuellement vous pouvez avoir des sous-services, pour cela je vais insérer une nouvelle section avec 3 colonnes et je vais rajouter mes trois sous services , je vais très bien évidemment insérer mes titres en h3 ( titre 3 )

Elementor” offre la possibilité de dupliquer des éléments, pour cela je clique sur le crayon puis clique droit.

Si je reste appuyé avec la souris en cliquant sur le crayon, je peux déplacer les éléments à ma droite. Penser à sauvegarder régulièrement en cliquant sur le bouton “Mettre à jour” en bas

 je rajoute un élément texte dans lequel je vais pouvoir indiquer et expliquer aux visiteurs de quoi le site parle. 

Ajouter du texte dans la page d’accueil est important si vous voulez un référencement efficace, le contenu de votre texte devra contenir des mots clés.

Ensuite je veux rajouter des images, à gauche je sélectionne “images” et je déplace la section dans la colonne au dessus de la partie texte. je rajoute évidemment la section texte.

  • Je vais insérer une image dans mes trois colonnes, là où se trouve mes services pour cela je déplace l’image dans la colonne.

Pour insérer image de votre choix vous cliquez sur votre colonne et vous pouvez soit téléverser votre image ou choisir une image déjà présente dans vos médias.

  • Je vais faire de même dans les colonnes la où se trouvent les services, ayez à l’esprit d’avoir des images qui ont un format identique pour que ça soit plus jolie ( si en plus vous renommez vos images avec des “mot clés”, vous êtes formidable )
  • Je vais à présent modifier le libellé de mes titres, je vais commencer par le H1 puis le H 2 Le deuxième titre de qui correspond à mes services et enfin les titres 3 sur mes sous services. 

J’en profite pour centrer les titres.

Je rajoute un “espaceur” pour aérer un peu ma page, évidemment je peux régler la hauteur. 

Pour vous montrer la structure de mes titres,  je vais me servir d’une petite extension “Web Developer” que vous pouvez installer dans votre navigateur, pour vous montrer les balises qui apparaissent et là je m’aperçois que j’ai deux H1 c’est une chose à pas faire, je vais donc supprimer le H1 en double.

  • J’ouvre mon site en visualisation Et je n’ai plus qu’à modifier mes libellés  ou le type de titre.

Je peux éventuellement rajouter un logo si vous le voulez et une fois que j’ai validé, vous pouvez voir le résultat