[Amateur] Critique et problème site Machine Outil

Bonjour à tous et à toutes,

Je suis totalement débutante et j'ai crée pour la première fois un site web en m'étant formée par mes propres moyens (merci le site du zéro ! ).

Voici le lien de ce fameux site: http://www.franceretrofit.fr/

Alors certes, le design n'est pas foufoufou (ce n'était pas le but en même temps) mais vos commentaires seront le bienvenus.
De plus j'ai un problème principal: ma galerie photo ( Lightbox 2 ) ne semble pas marcher sur Internet Explorer (non, ne me jetez pas de pierres, c'est mon client qui utilise ce navigateur ).

Avez vous une idée de l'origine de ce problème?!

Merci à tous pour votre (future) aide précieuse, et désolée d'avance si je ne comprend pas tout au vocabulaire si spécifique du monde de l'HTML, du CSS, Javascript et cie...

Alors, première chose : optimise la taille de tes images. Ton image sur cette page pèse 1,4 Mo. C'est énorme pour un jpeg, et pour une image en général sur le Web. Si tu veux lui attribuer une taille, fais le directement depuis ton HTML, dans le balise img.

Exemple :

<img src="img/mon-image.jpg" alt="Mon image" width="300" height="300" />

ça permettra au navigateur de savoir directement quel espace lui attribuer.

Au niveau du code :

- T'es bien parti pour utiliser le HTML5, ajoute une balise nav, et inclus ton menu dans ton header.

- Si tu veux faire des listes à puce, utilise tout simplement ul>li, pas besoin de p avec des puces mises en dur.

<p>MODERNISATION / NOUVELLE CNC: </br>
	•	Dans le cadre d’un retrofeet, la modernisation ou adaptation d’une nouvelle CNC (FANUC ou SIEMENS) peut se faire avec la possibilité de développer ou d’étudier des programmes et sous programmes spécifiques conformes à vos attentes.
</p>

Dans ce cas là, utilise plutôt une balise titre pour 'MODERNISATION / NOUVELLE CNC'. Il faut se mettre dans la tête que le HTML est sémantique, la mise en forme doit avoir lieu séparément. D'où la feuille de styles associée

<img src="images/underline1280.png" alt="underline" id="souligne1280" />

Pas besoin de background pour un soulignement, un border-bottom suffit amplement.

#mon-id {
     border-bottom: 1px solid #000;
}

Un autre gros point négatif (pour le référencement, notamment), tu n'as pas de h1. Sur aucune des pages visitées, j'ai pu apercevoir un h1. En considérant que la majorité du succès de ton site dépendra de ton référencement, c'est un très mauvais point.

Voilà pour le moment.

Hello!

Merci beaucoup pour ta réponse et tes conseils, je m'en vais de ce pas faire ces quelques modifications et améliorer tout ça !

Je ne pensais pas que les h1 influençaient le référencement ! Une nouvelle chose d'apprise.