Partage
  • Partager sur Facebook
  • Partager sur Twitter

pourquoi je n'ai pas de conversion

Sujet résolu
    5 décembre 2024 à 23:32:45

    Bonjour,

    Après une solide expérience dans l'e-commerce de 2013 à 2018, je me concentre aujourd'hui sur le développement de sites web dans un secteur très concurrentiel. Mon objectif est d'améliorer les performances de mes pages et d'augmenter les conversions, sans recourir à des stratégies inefficaces comme la simple baisse des prix.

    Cependant, je constate que mes pages web ne convertissent pas comme je le souhaiterais. Pourriez-vous m'aider à identifier les erreurs potentielles dans mes pages ou sur mon site web qui pourraient freiner les conversions ?


    https://www.cognitiex.com/

    https://www.facebook.com/cognitiex/


    Voici quelques axes où je pense que des erreurs peuvent se situer :

    • Design et ergonomie : navigation complexe, design peu attrayant.
    • Contenu : messages peu clairs, absence de proposition de valeur forte.
    • Performances : temps de chargement trop long, problèmes techniques.
    • Confiance : manque d'avis clients, design peu professionnel.

    Je suis ouvert à vos retours et suggestions pour améliorer mes pages. Merci d’avance pour votre aide !

    • Partager sur Facebook
    • Partager sur Twitter
      6 décembre 2024 à 20:24:19

      Bonsoir,

      >> Je suis ouvert à vos retours et suggestions

      Ha oui? Pas sur que vous teniez compte de mes remarque puisque de site en site c'est toujours la même problématique visuelle que vous avez.

      Corriger en premier lieu les 200 erreurs détectées par le validateur

      https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.cognitiex.com%2F

      Apprenez à concevoir un site, c'est un métier on  ne fait pas n'importe quoi.

      <img _ngcontent-ng-c3513757799="" src="/mar1.jpg" alt="Image de fond" class="background-image">

      une image de fond ce place dans la CSS pas dans le contenu de la page, si quand bien même c'est le cas l’attribut alt doit être vide. Les personnes qui utilisent des lecteurs d'écran n'ont pas à entendre "Image de fond"!!  Lire

      https://developer.mozilla.org/fr/docs/Web/CSS/background-image

      http://www.pompage.net/traduction/Bien-utiliser-le-texte-alternatif

      Pour quelles raisons le header change de couleur de fond quand on scrolle? 

      Un padding-left serait nécessaire au contenu de "Our Expertise" Cela manque cruellement de bon sens, vous touvez cela joli vous quand le texte est coller au bord gauche de la page? 

      Et bien d'autre chose encore.... Si vous ne savez faire un site, faite appel à un professionnel. Vous ne trouvez pas? Faite un site pour vos utilisateurs pas pour les robots d'indexation.

      -
      Edité par AbcAbc6 6 décembre 2024 à 20:24:39

      • Partager sur Facebook
      • Partager sur Twitter
        15 décembre 2024 à 17:49:07

        AbcAbc6 a écrit:

        Bonsoir,

        >> Je suis ouvert à vos retours et suggestions

        Ha oui? Pas sur que vous teniez compte de mes remarque puisque de site en site c'est toujours la même problématique visuelle que vous avez.

        Corriger en premier lieu les 200 erreurs détectées par le validateur

        https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.cognitiex.com%2F

        Apprenez à concevoir un site, c'est un métier on  ne fait pas n'importe quoi.

        <img _ngcontent-ng-c3513757799="" src="/mar1.jpg" alt="Image de fond" class="background-image">

        une image de fond ce place dans la CSS pas dans le contenu de la page, si quand bien même c'est le cas l’attribut alt doit être vide. Les personnes qui utilisent des lecteurs d'écran n'ont pas à entendre "Image de fond"!!  Lire

        https://developer.mozilla.org/fr/docs/Web/CSS/background-image

        http://www.pompage.net/traduction/Bien-utiliser-le-texte-alternatif

        Pour quelles raisons le header change de couleur de fond quand on scrolle? 

        Un padding-left serait nécessaire au contenu de "Our Expertise" Cela manque cruellement de bon sens, vous touvez cela joli vous quand le texte est coller au bord gauche de la page? 

        Et bien d'autre chose encore.... Si vous ne savez faire un site, faite appel à un professionnel. Vous ne trouvez pas? Faite un site pour vos utilisateurs pas pour les robots d'indexation.

        -
        Edité par AbcAbc6 6 décembre 2024 à 20:24:39

        Juste pour votre information, monsieur, le développement est un métier. Avant, j'étais comme vous, je codais comme un débutant avec HTML, CSS et JavaScript, en essayant d'éviter les erreurs et d'obtenir des scores optimaux sur W3C et Google Speed. Cependant, maintenant, je vois les choses différemment : je me concentre sur le développement avec Angular et l'optimisation pour Google Speed, car la conformité au W3C est beaucoup moins pertinente par rapport aux avantages d'Angular.

        Bonjour, merci pour votre retour. Cependant, utiliser une image uniquement en CSS est généralement déconseillé pour plusieurs raisons. Ne parlons pas de CSS pour le moment, mais concentrons-nous sur la conversion. Contrairement à un code classique en HTML, CSS et JavaScript, un framework comme Angular (qui utilise TypeScript) génère un certain code qui peut ne pas être entièrement conforme aux standards du W3C.

        Cela dit, lorsque j'analyse avec Google Speed, mon implémentation obtient un score très élevé. Je tiens à préciser que je ne m'inquiète pas des erreurs causées par le framework JavaScript lui-même, mais plutôt des problèmes liés à la conversion. Par ailleurs, il est recommandé de gérer les images en HTML plutôt qu'en CSS, car cette approche offre une plus grande flexibilité pour modifier leur comportement. les performances est seulement baisser à cause des images pas comme votre plateforme qui doit être refaite en design verdict de chatgpt "

        1. 1. Erreur liée à ng-app-id dans les styles

          • Pourquoi cette erreur apparaît-elle ?
            Cet attribut (ng-app-id) est une fonctionnalité d'Angular qui ajoute des styles encapsulés spécifiques aux composants.
            Les outils comme des validateurs HTML stricts (par exemple, W3C Validator) peuvent détecter cet attribut comme une erreur, car il n'est pas officiellement reconnu comme un attribut valide dans la spécification HTML.

          • Pourquoi Google Speed ne signale pas d’erreur ?
            Google Speed teste les performances et l'optimisation (temps de chargement, taille des images, etc.), pas la conformité HTML. Les erreurs HTML comme ng-app-id ne sont pas bloquantes pour le SEO ou la vitesse de chargement, donc elles ne sont pas prises en compte.

          • Que faire ?

            1. Ignorer l'erreur dans ce contexte si vous développez avec Angular. Elle ne pose pas de problème fonctionnel.
            2. Si vous avez besoin d’un code HTML 100 % valide (pour des raisons spécifiques) :
              • Évitez les attributs générés par Angular en limitant les styles encapsulés (ViewEncapsulation.None dans les composants).
              • Validez uniquement le HTML généré (après compilation).

          2. Pourquoi mettre les images dans le HTML au lieu des arrière-plans CSS ?

          • Images dans le HTML (<img>) :

            • SEO-friendly : Les moteurs de recherche (comme Google) peuvent lire et indexer les balises <img>. Cela améliore le référencement si les images sont pertinentes.
            • Chargement différé : Les navigateurs modernes peuvent facilement appliquer le lazy-loading (loading="lazy") aux balises <img> pour optimiser la performance.
            • Accessibilité : Avec des balises <img>, vous pouvez ajouter des attributs alt qui décrivent l'image. Cela améliore l'expérience utilisateur, surtout pour ceux utilisant des lecteurs d'écran.
          • Images en arrière-plan CSS :

            • Utilisées pour des éléments décoratifs (ne nécessitant pas de description).
            • Moins adaptées pour les images principales, car elles ne sont pas indexables pour le SEO et n'ont pas d'attribut alt.
          • Quand utiliser quoi ?

            • Utilisez <img> pour les images importantes (produits, articles, etc.).
            • Utilisez background CSS pour les images purement décoratives ou répétitives (textures, motifs, etc.).

        -
        Edité par aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 15 décembre 2024 à 18:20:03

        • Partager sur Facebook
        • Partager sur Twitter
          15 décembre 2024 à 18:19:03

          Bonsoir,

          >> un framework comme Angular (qui utilise TypeScript) génère un certain code qui peut ne pas être entièrement conforme aux standards du W3C.

           Dans ce cas changer de framework!!! Cela ne pourra être que bénéfique.

          >> lorsque j'analyse avec Google Speed, mon implémentation obtient un score très élevé.

          AbcAbc6 a écrit:

          Faite un site pour vos utilisateurs pas pour les robots d'indexation.

          Demandez à Google Speed de réaliser des conversion alors??

          >> il est recommandé de gérer les images en HTML plutôt qu'en CSS, car cette approche offre une plus grande flexibilité pour modifier leur comportement.

          Pourriez vous donnez des sources ou expliciter vos propos? Les images de décoration devrait être gérée en CSS, cela fait partie du design pas de la structure sémantique!

          >> pas comme votre plateforme qui doit être refaite en design

          Encore une fois vous confondez. OC n'est pas MA plateforme. Je suis tout à fait d'accord pour dire que le design de OC pourrait être amélioré. Mais ce n'est pas le sujet ici. 

          En conclusion, si vous avez des bons score avec l’analyse de certain outil mais pas de conversion, éloignez vous de ses outils pour vous concentrer sur les besoins de votre publique cible.

          • Partager sur Facebook
          • Partager sur Twitter
            16 décembre 2024 à 8:01:07

            AbcAbc6 a écrit:

            Bonsoir,

            >> un framework comme Angular (qui utilise TypeScript) génère un certain code qui peut ne pas être entièrement conforme aux standards du W3C.

             Dans ce cas changer de framework!!! Cela ne pourra être que bénéfique.

            >> lorsque j'analyse avec Google Speed, mon implémentation obtient un score très élevé.

            AbcAbc6 a écrit:

            Faite un site pour vos utilisateurs pas pour les robots d'indexation.

            Demandez à Google Speed de réaliser des conversion alors??

            >> il est recommandé de gérer les images en HTML plutôt qu'en CSS, car cette approche offre une plus grande flexibilité pour modifier leur comportement.

            Pourriez vous donnez des sources ou expliciter vos propos? Les images de décoration devrait être gérée en CSS, cela fait partie du design pas de la structure sémantique!

            >> pas comme votre plateforme qui doit être refaite en design

            Encore une fois vous confondez. OC n'est pas MA plateforme. Je suis tout à fait d'accord pour dire que le design de OC pourrait être amélioré. Mais ce n'est pas le sujet ici. 

            En conclusion, si vous avez des bons score avec l’analyse de certain outil mais pas de conversion, éloignez vous de ses outils pour vous concentrer sur les besoins de votre publique cible.


            Je sais, merci, je connais déjà votre plateforme, je l'ai visitée auparavant. Si je me souviens bien, elle est liée à des jeux. Aujourd'hui, créer un site en HTML, CSS et JavaScript pur est considéré comme une mauvaise pratique. Le code n'est ni réplicable ni performant, ce qui convient davantage à de petites startups.

            De plus, aucun framework n'applique totalement les standards HTML, mais ils offrent de nombreux avantages. De nos jours, seuls les débutants codent encore sans utiliser de frameworks, un peu comme coder en PHP natif au lieu d'utiliser Symfony. Si vous n'avez jamais essayé un framework, faites-le, et vous comprendrez rapidement les limites d'un site codé sans cet outil.

            Pour les images, je vous conseille d'étudier le contenu du W3C au lieu de dire des absurdités.

            Monsieur, c'est précisément le sujet de cette question. L'aspect psychologique ne peut pas être évalué par un score. Juste pour information, ce que Google affirme publiquement ne reflète pas toujours ce qu'il applique réellement en pratique.

            Il est important de créer un site optimisé pour les robots tout en offrant un design adapté aux humains. En parlant d'humains, une image ajoutée via CSS n'est pas accessible aux malvoyants. C'est l'une des raisons pour lesquelles une image doit être intégrée en HTML, même si elle ne porte pas de valeur visuelle pour tous. Il est essentiel de prendre en compte leur frustration. Ce que l'on ne peut pas avoir devient souvent plus précieux. Les malvoyants éviteront tout simplement les sites qui utilisent des images en CSS, car cela limite leur accessibilité.

            -
            Edité par aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 16 décembre 2024 à 8:10:40

            • Partager sur Facebook
            • Partager sur Twitter

            pourquoi je n'ai pas de conversion

            × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
            • Editeur
            • Markdown