J'ai mon premier projet Web qui comptera environ 50 pages. Jusqu'à présent, je viens de faire 5 pages de sites Web, donc si je devais par exemple ajouter un lien de navigation, je voudrais simplement taper rapidement le code et le copier et le coller dans les 5 fichiers HTML.
Je recherche le type de "meilleure pratique" pour pouvoir mettre à jour les liens de navigation quelque part, et toutes les pages seront mises à jour ..
J'ai vu cette solution sur StackOverflow:
Code de la page d'accueil:
<div id="nav-container">
</div>
<script>
$(function(){
$("#nav-container").load("navigation-links.html");
});
fichier navigation-links.html:
<div class="nav-btn1">Link</div>
<div class="nav-btn2">Link</div>
<div class="nav-btn3">Link</div>
<div class="nav-btn4">Link</div>
Mais comme les liens html ne sont pas dans les pages réelles, cela aurait-il un impact négatif du point de vue du référencement?
Si tel est le cas, y a-t-il une autre façon de faire cela?
Les inclusions JS peuvent être problématiques pour plusieurs raisons - les moteurs de recherche ne les traitent pas toujours correctement, ils ne sont souvent pas accessibles aux visiteurs utilisant des technologies alternatives telles que les lecteurs d'écran, et comme vous l'avez dit - cette version particulière ne produit même pas de liens réels.
Une option consiste à passer à un CMS, ce qui vous permettrait de gérer tous les composants du site en un seul endroit et de les mettre à jour sur chaque page.
Une option plus simple qui vous permettrait de conserver vos fichiers HTML statiques serait d'utiliser SSI (Server Side Includes). Vous devrez vérifier auprès de votre hôte pour voir s'ils sont autorisés. certains hôtes les désactivent pour des raisons de sécurité, mais ils ne représentent pas un risque important tant que vous n'incluez que vos propres fichiers.
Vous créeriez un fichier pour contenir la navigation sur l'ensemble du site, quelque chose comme nav.html
:
<a href="/">Home</a>
<a href="/page1.html">Page 1</a>
<a href="/page2.html">Page 2</a>
etc., puis dans chaque fichier statique où vous souhaitez que la navigation apparaisse, vous devez inclure ce fichier:
<!--#include file="nav.html"-->
Vous pouvez faire la même chose avec pied de page, barre latérale, etc., de sorte que vous ne devez effectuer que des mises à jour dans un seul fichier. Ces mises à jour sont ensuite insérées dans tous vos autres fichiers.