Jump to content
Plomberie-Online.fr

Mauvaise structure de page d'accueil - Balises panier avant mon H1

Recommended Posts

Bonjour à toutes et tous,

 

Suite à une analyse de ma page d'accueil, j'ai pu voir que les balises du panier sont avant mes balises H1 et H2 (code joint).

 

La modification est-elle simple (depuis FTP) ou faut-il prévoir de faire faire par un spécialiste ?

 

Si il est possible de modifier ça simplement, votre aide sera la bienvenue.

 

Merci par avance,

 

Christophe 

 

 

 

Mon site : http://www.plomberie-online.fr/

 

Emplacement des balises :

 [h2] Produit ajouté au panier avec succès
    [h2] Il y a0produits dans votre panier.Il y a 1 produit dans votre panier.
            [h4] Meilleures ventes
                [h5] Manchon égal F/F cuivre, à souder
                [h5] Coude cuivre 90° FF à souder
                [h5] Joint CSC pour Eau Chaude - 10 joints en pochette
                [h5] Douchette GROHE Tempesta 2 jets
            [h4] Recherche dans le blog
                [h5] Flexible douche Inox 1,50 m double agrafage
                [h5] Mécanisme wc double touche à cable NICOLL 2V
                [h5] Cutter lame sécable 18 mm SILVERLINE
                [h5] Raccord olive mâle 3/8" - bicône Ø 10 mm
                [h5] Chauffe-eau Gain de place ATLANTIC Lineo
                [h5] Mitigeur lavabo GROHE Taille médium...
                [h5] Coude cuivre 90° à sertir FF COMAP
                [h5] Chauffe-eau 200 L ATLANTIC CHAUFFÉO PLUS...
                [h5] Raccord olive mâle 3/8" - bicône Ø 12 mm
                [h5] Robinet de Machine à laver auto-perçeur -...
                [h5] Séparation longitudinale pour bacs EUROPEAN
                [h5] BONDE de douche VALENTIN “LA GOULUE”...
                [h5] Anneau plastique pour rideau de douche...
                [h5] Fixations de réservoir WC (la paire)
                [h5] Manchon de jonction PP PE 25
                [h5] Sertisseuse VIRAX Viper P22+
                [h5] Colonne de douche thermostatique JACOB...
                [h5] Chauffe-eau 300L Stéatite stable ATLANTIC...
                [h5] Chauffe-eau 250L Stéatite stable ATLANTIC...
                [h5] Meuble 105 avec plan céramique + miroir
                [h5] Ensemble meuble vasque 70 avec miroir et...
                [h5] Chauffe-eau Gain de place ATLANTIC Lineo
                [h5] Chauffe-eau 200 L ATLANTIC CHAUFFÉO PLUS...
                [h5] Chauffe-eau 150 L ATLANTIC CHAUFFÉO PLUS...
[h1] Plomberie-Online.fr, votre boutique en ligne spécialisée en Plomberie , Outillage et Bricolage.
    [h2] Les plus grandes marques en plomberie sanitaire, chauffage, outillage et bricolage; le conseil en plus.
                    [h6] 
        [h3] 
                    [h6] 
            [h4] Lettre d'informations

Share this post


Link to post
Share on other sites

Vous êtes victime du syndrome du thème non optimisé SEO.

(Je vous rassure, comme 99% des thèmes. A vrai dire je n'en ai jamais croisé un optimisé au niveau des balises Hn)

 

Les modifs sont simples si vous maitrisez un peu d'html/css et l'architecture Prestashop.

  • Like 2

Share this post


Link to post
Share on other sites

C'est pas dur : il n'y a que dans ta fiche produit qu'il devrait y avoir des balises h ! Le panier, les blocs, le footer, etc... n'ont rien à faire de ces balises h

Share this post


Link to post
Share on other sites

C'est à dire ?

Vous ne nous avez pas dit si vous si vous maitrisiez un peu d'html/css et l'architecture Prestashop ?

Share this post


Link to post
Share on other sites

C'est à dire ?

Vous ne nous avez pas dit si vous si vous maitrisiez un peu d'html/css et l'architecture Prestashop ?

 

 

Si ce sont quelques bouts de code à modifier ou à déplacer, je peux le faire. Mais si le travail est plus profond, je laisse la main. 

 

 

J'imagine que chaque balise h est lié à un style css et du coup en ôtant ces balises, il faut aller modifier le style des éléments anciennement encadré par ces balises.

 

Ex : je supprime la balise : [h2] Produit ajouté au panier avec succès. Du coup mon texte va se retrouvé en style paragraphe standard. 

 

Mais je ne suis pas du métier du tout !   :(  J'ai créé la boutique moi même et j'aime comprendre comment fonctionnent les outils que j'utilise, dans mon métier principal (plombier) comme dans le reste. 

Share this post


Link to post
Share on other sites

Vous supposez bien.

Vous remplacez votre <h2> par un <span> par exemple.

Et il faut reporter le style css qu'il y avait sur ce h2  vers le span.

 

A vous de voir si vous le faites vous-même ou si vous le faites faire.

  • Like 1

Share this post


Link to post
Share on other sites

Bah on peut toujours de donner des tuyaux :)

 

en effet, il faut par exemple remplacer par exemple les <h2> par des <span>. Ce que je fais souvent c'est que je change donc en "<span class="span_h2">, pour pouvoir créer une classe CSS span_h2 qui donnera le même rendu que le h2

  • Like 1

Share this post


Link to post
Share on other sites

Vous supposez bien.

Vous remplacez votre <h2> par un <span> par exemple.

Et il faut reporter le style css qu'il y avait sur ce h2  vers le span.

 

A vous de voir si vous le faites vous-même ou si vous le faites faire.

Ok, merci pour la réponse. Je m’imprègne petit à petit mais ce monde est bien opaque pour les novices !

 

Je vais essayer en test et si je suis à la hauteur je m'occupe de la version en production.

 

Bonne journée.

Share this post


Link to post
Share on other sites

Bonjour,

 

J'ai déjà testé de remplacer les balises hn parasites sur presta tant sur la page d'accueil, que les pages produits, footer et catégories.

 

Je déconseille fortement de remplace les hn par des span comme une brute mais plutôt de créer une nouvelle class css avec le code de la balise hn à remplacer de façon à garder le design, enfin je pense que c'est la meilleur solution.

 

Il est très important de procéder de la façon dont explique johann, une nouvelle class par exemple <span_h2> ou <toto_h2> comme il vous plaira.

 

Pourquoi ?

 

Car en responsive, le fait de remplacer ces balises Hn par des span déglingue le code et la version mobile bug un max, johann su tu peux tester un de tes sites en responsible pour vérifier que ça ne créé pas de bug.

 

Plus particulièrement:

 

- En affichage smartphone le footer devient totalement inutilisable et fera fuire tous vos client. L'affichage du footer disparaît si on revient en affichage standard avec un scroll moins.

 

- Affichage d'une catégorie, passage en affichage liste, les titres deviennent undefined, si on veut revenir en grille ça reste bugué en undefined.

 

Ca ne semble pas poser de problème sur la page d'accueil pour les nouveautés, populaires, meilleurs ventes...

 

Peut-être d'autres bugs possible pais c'est les plus handicapants.

 

Parfait exemple avec ce site presta de ce qu'il ne faut pas faire, j'espère qu'il ne m'en voudra pas...

 

https://www.pausebento.fr/

 

bonne continuation.

Edited by lechapelier (see edit history)

Share this post


Link to post
Share on other sites

Bonjour,

 

J'ai déjà testé de remplacer les balises hn parasites sur presta tant sur la page d'accueil, que les pages produits, footer et catégories.

 

Je déconseille fortement de remplace les hn par des span comme une brute mais plutôt de créer une nouvelle class css avec le code de la balise hn à remplacer de façon à garder le design, enfin je pense que c'est la meilleur solution.

 

Il est très important de procéder de la façon dont explique johann, une nouvelle class par exemple <span_h2> ou <toto_h2> comme il vous plaira.

 

Pourquoi ?

 

Car en responsive, le fait de remplacer ces balises Hn par des span déglingue le code et la version mobile bug un max, johann su tu peux tester un de tes sites en responsible pour vérifier que ça ne créé pas de bug.

 

Plus particulièrement:

 

- En affichage smartphone le footer devient totalement inutilisable et fera fuire tous vos client. L'affichage du footer disparaît si on revient en affichage standard avec un scroll moins.

 

- Affichage d'une catégorie, passage en affichage liste, les titres deviennent undefined, si on veut revenir en grille ça reste bugué en undefined.

 

Ca ne semble pas poser de problème sur la page d'accueil pour les nouveautés, populaires, meilleurs ventes...

 

Peut-être d'autres bugs possible pais c'est les plus handicapants.

 

Parfait exemple avec ce site presta de ce qu'il ne faut pas faire, j'espère qu'il ne m'en voudra pas...

 

https://www.pausebento.fr/

 

bonne continuation.

Bonjour,

Je ne vois pas les erreurs dont vous parlez. J'utilise Firefox. Sur quel navigateur voyez-vous des beugs ? Merci d'avance.

Cordialement,

David

Share this post


Link to post
Share on other sites

J'ai ça avec Chrome :

861899footerpausebento.jpg

 

Vous voyez la même chose ?

A part une ligne au-dessus vide, je vois rien d'autre...

Share this post


Link to post
Share on other sites

pour le footer, lechapelier parle de l'affichage sur mobile

Essayez donc de réduire la largeur de la fenêtre ou de simuler un affichage mobile.

 

Il y a aussi le problème des noms de produit undefined sur les pages catégories en affichage liste.

et ça ce n'est pas que sur mobile.

Share this post


Link to post
Share on other sites

pour le footer, lechapelier parle de l'affichage sur mobile

Ah ok. 'Vais devoir revoir ça. C'est bizarre : avant il me semble qu'en cliquant sur les "+" ça affichait le texte.

Essayez donc de réduire la largeur de la fenêtre ou de simuler un affichage mobile.

 

Il y a aussi le problème des noms de produit undefined sur les pages catégories en affichage liste.

Ah oui. Je m'en étais pas rendu compte n'utilisant jamais cette fonction ^^'

et ça ce n'est pas que sur mobile.

'Vais devoir attendre cette nuit pour faire les modifications et mettre en mode maintenance le site...

En tous les cas, merci pour tout.

Edited by Pause bentô (see edit history)

Share this post


Link to post
Share on other sites

Pour le problème du mode Liste, j'ai identifié l'endroit où il y a l'erreur.

C'est dans le fichier product-list.tpl :

				<div class="right-block">
					<span itemprop="name">
						{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}
						<a class="product-name" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
							{$product.name|truncate:45:'...'|escape:'html':'UTF-8'}
						</a>
					</span>

Ce que je ne comprends pas c'est qu'il y a bien "product-name" non ?

Share this post


Link to post
Share on other sites

ça c'est au premier chargement.

Mais ensuite je suppose que c'est un js qui vient modifier le contenu de cette balise.

Il vous faut l'identifier.

 

C'est hors sujet par rapport à ce topic, et n'a rien à faire dans une section "réferencement"

Ouvrez un autre sujet.

  • Like 1

Share this post


Link to post
Share on other sites

Hello,

 

Oui c'est peut-être une erreur du Js qui vient piocher la balise dans le tpl, vu qu'il ne trouve pas la hn ça fait un bug mais trouver la solution dépasse mes compétences...

 

Je suppose que le simple remplacement des hn par une nouvelle class css ne suffit pas, il va falloir mettre les mains dans les fichiers js en effectuant des override.

 

Tout de suite, ça ajoute du boulot et des risques de merdouilles avec des mises à jours de presta...

Edited by lechapelier (see edit history)

Share this post


Link to post
Share on other sites

Bonjour,

 

Un article super qui intéressera tout le monde, comment supprimer les balises Hn parasites de prestashop 1.7 par Webbax, si vous ne le connaissez pas, vous avez de la lecture :

 

https://www.webbax.ch/2017/05/15/ameliorer-balises-h1-h2-h3/

 

je lui ai demandé en commentaire s'il n'avais pas les soucis que nous rencontrons sur ce topic, j'attends sa réponse avec impatience...

 

Si tout est ok il suffira de reproduire pour la 1.6  :)

Edited by lechapelier (see edit history)

Share this post


Link to post
Share on other sites

Bonjour,

Merci pour le partage. Cela serait fort utile en 1.6 *croise les doigts*.

Après 7 versions, il serait peut-être temps que Prestashop soit enfin "clean" niveau balises hn non ?

Pas une priorité ? Question de sous ?

David

Share this post


Link to post
Share on other sites

Bonjour,

 

Sous Prestashop, il faut effectivement appliquer la méthode recommandée par "chDUP", par contre cela impliquera potentiellement de créer plusieurs "classes" selon l'emplacement des H2/H3... un H3 du footer devra avoir un rendu différent d'un H3 situé dans une colonne de gauche par exemple.

Pour cette version, il faudra créer plusieurs règles et les tester, l'intégration sera plus longue que pour l'exemple montré sur la version Prestashop 1.7

 

A bientôt !
 

Share this post


Link to post
Share on other sites

Bonjour,

 

Merci pour vos lumières.

 

Pour ma part sans votre tuto vidéo ça dépasse mes compétences.

 

Si quelqu'un souhaite betatester tout ça sur une 1.6 ça serait cool.

 

Ne serait-ce que sur un élément pour commencer ?

 

Mon plan B pour le référencement sans trop tripoter les nacelles Hn de presta étant de faire un blog WP sur le ndd du moneysite et les crosslinker à gogo mais qualitativement. Au moins sur WP avec un thème correct le balisage est nikel dès le début.

 

A bon entendeur :D

Edited by lechapelier (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More