Balise du html5 sémantique + position en fonction de la taille d'écran

Bonjour,
J'utilise Template Creator pour créer mes templates.
J'ai mis en ligne mon dernier site, mais le problème est que google m'indique des erreurs pour l'affichage du site sur mobile.
Après plusieurs recherches, on m'a conseillé ces deux points.
J'avoue être un peu perdu, moi qui pensait avoir terminer mon site.

1er point : Le template se contente de créer uniquement des div au lieu de sectionner le contenu et donc d'utiliser des balises du html5 sémantique.

Lorsque que je crée mon template, je crée des conteneurs les un en dessous des autres. Mais comment utiliser ces balises ?


2ème point : En utilisant le "responsive design", je cache des modules ou conteneur en fonction de la taille de l'écran.
De ce fait, j'ai le contenu de chaque bloc qui est dupliqué plusieurs fois dans la page, même si il ne soit pas visible.
On me conseil d'adapter le contenu selon la résolution à l'aide de feuille de style css (media queries et classe css).
Dans ce cas là, je ne comprends plus l'utilité du "responsive design"...

Le site en question est ici .
Merci de votre aide

Salut
je vais essayer de te répondre

Après plusieurs recherches, on m'a conseillé ces deux points.

>> qui t'a conseillé cela ? Google ?

1/ les conteneurs sont des DIV, mais les rangées que tu peux mettre dans les conteneurs sont des SECTION
si tu veux des sections, il faut mettre des rangées et les modules dedans

2/ dupliquer les éléments n'est pas bon et ce n'est pas la manière dont fonctionne le responsive (sauf cas particulier)
je ne sais pas pourquoi tu fais cela, mais il est sur que ça peut étre évité. Quoi qu'il en soit, ce n'a rien à voir avec le template


CEd

Salut Cédric et merci de ton aide.

C'est quelqu'un sur le forum Joomla, qui m'as conseillé ces 2 points.

Je vais essayer de revoir tout le template et sa structuration.

Pour le point 1 : J'ai compris qu'il fallait utilisé des rangée pour créer des sections. Mais comment leur attribuer les balises HTML ?
Exemple : <footer> pour le pied de page.
je renomme juste la rangée.

Désolé si ces questions peuvent paraître bête, je suis novice.

mais ton rapport Google, il dit quoi ? car c'est bien ça qui importe ...

Ah donc pour toi, ce n'est pas forcement nécessaire de revoir tout le template ? Même le faite de dupliquer le contenu de chaque bloc ?

Le rapport google me dit ça :
- Texte illisible, car trop petit ;
- Éléments cliquables trop rapprochés ;
- Contenu plus large que l'écran

le rapport n'a rien à voir avec ce que tu cites au début ...
mais tout cela sort du contexte du support (dans ton abonnement ?) de Template Creator CK car c'est toi qui définit les tailles de police, les tailles des boutons, les marges ...
et ça dépend aussi du contenu ! si tu as des textes ou images avec des largeurs fixes qui sortent de l'écran, ça n'a rien à voir avec le template