Centre social

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Centre social

    Bonjour,

    J'aimerais avoir votre avis sur un site que j'ai construis. Il tourne avec la dernière version de joomla 3.8.12 et le template yootheme pro.

    Il est hébergé sur un serveur ovh avec un panel plesk 17

    J'utilise plusieurs extensions de regular labs (anciennement nonumber.nl) surtout article anywhere dont je me sers en quelque sorte comme d'un CCK pour afficher les articles différemment que ce que le core de joomla aurait fait. j'utilise d'autres extensions de regular labs mais ce n'est pas trop visible comme re replacer pour insérer des fonctions php (calcul de dates essentiellement) ou sourcerer, modules anywhere, et better preview.

    Parmi les autres extensions, il y a les inévitables akeeba backup, admintools, JCE ainsi que acymailing.

    Pour la galerie de photos, j'utilise eventgallery de sven bluege

    Pour certains éléments, j'utilise widgetkit 2 de chez yootheme

    Pour le sitemap, référencement j'utilise Jsitemap pro

    L'adresse du site est la suivante : https://www.csoliviers.fr/

    La version de php est la 7.2.9 et mysql 5.5.60 MariaDB

    J'aimerais avoir vos avis sur la disposition du contenu et le design ( je trouve le site trop monochrome enfin pas assez coloré )

    Toutes autres remarques sont les bienvenues pour faire avancer le schmilblic
    Dernière édition par pouss à 02/09/2018, 15h35

  • #2

    Bonsoir,

    Je vous donne quelques remarques... En toute franchise, ce n'est pas pour mettre la pression mais c'est juste pour vous signaler certains points que l'on peut oublier facilement ou ne pas avoir connaissance...

    1. Quels sont les éléments de mise en conformité pour le DGRP ?
    - Options de contrôle sur les cookies et rendre la navigation anonyme pour Google Analytics ?
    - Bloquer les informations transmises par le module facebook (ou la video youtube donc le player insère des codes tracking publicitaire) ?

    2. Droits et sources des photos ? Vous avez l'accord des familles, qui a pris les photos ?

    3. Conception.

    Je trouve que le site est clair mais la disposition manque de cohérence. Les news sont affichées en "card" sur 2 colonnes et en dessous d'un bloc de présentation qui est déjà assez long notamment avec la citation, ce qui oblige l'utilisateur à scroller (c'est pire sur mobile). De plus chaque texte de news est coupé et le bouton "En savoir plus" n'est pas aligné entre chaque news. Enfin la date des news n'est pas vraiment utile du fait que le titre annonce souvent le futur programme.

    Je préconise de remplacer par un effet de slide horizontal avec 2 à 4 news affichées suivant la taille de l'écran, supprimer l'affichage de date de publication et ajouter une balise "lire la suite" dans chaque article pour délimiter le texte d'introduction. Cela permet de réduire la longueur, cela pourrait inciter les utilisateurs à lire le contenu.

    Ajouter des ancres et un effet pour remonter vers le haut d'un clic pour améliorer la navigation à travers la page d'accueil.

    J'aime beaucoup le coté sobre mais vous pouvez donner des couleurs à votre menu afin de distinguer les différents services, ce qui est habituel dans ce genre de site (chacun sa couleur, je vois que c'est le cas avec le fond ). les sous-menus sont un peu distant de leur lien de menu parent.

    Utiliser des illustrations de droits cc0 pour représenter la jeunesse, la famille... Le fait d'afficher l'entrée de centre social n'est pas représentatif et j'opterai pour des images plus symboliques. rechercher family ou kids dans les photos libres cc0 (n'oubliez pas de citer la source dans vos mentions) :
    https://www.pexels.com/search/family/
    https://www.pexels.com/search/kids/
    https://pixabay.com/fr/photos/?q=kid...h=&min_height=

    D'un point de vue technique, c'est très bien d'utiliser jchoptimize (bravo!) mais il faut cependant autoriser la lecture (pour les moteurs de recherches) notamment dans medias pour la css et js ce qui n'est pas le cas d'après les tests ( vous pouvez vérifier dans search console,sur https://varvy.com/ ou sur le moteur de recherche : https://www.google.com/search?q=site....csoliviers.fr ). Il faut vérifier ou modifier votre robots.txt qui n'est pas celui de base de joomla...

    De ce fait, coté référencement, il y a quelques soucis, peut être par manque de temps car l'accueil ne devrait pas s'appeler accueil ni cso mais centre social avec le nom dans le titre de la page avec une meta description sans oublier d'utiliser une extension pour gérer les balises og (open graph) afin que les réseaux sociaux affichents les bonnes images et la bonne description pour chaque page. Par exemple : social meta ( https://github.com/vistamedia/socialmeta ) s'integre très bien dans les articles : téléchargement https://github.com/vistamedia/social...ive/master.zip ), le reste il faut vérifier page par page

    Enfin gtmetrix donne un résultat moyen : https://gtmetrix.com/reports/www.csoliviers.fr/acPHA7e2
    car il n'y a pas de date d'expiration pour le cache à préciser dans le htaccess (1 mois me semble correct).
    Des images comme celle de victor hugo n'ont pas besoin d'être aussi grandes si vous réduisez ensuite leur taille dans la mise en page : https://www.csoliviers.fr/images/Victor_Hugo_001.jpg

    Petit conseil de dernière minute : eviter les accents, espaces, majuscule et caractères spéciaux dans les noms de fichiers... Simplement si cela fonctionne sur le site, cependant cela peut provoquer des problèmes lors de restauration de sauvegarde ou autres fonctions importantes mais c'est juste un détail que vous aurez vite fait de vérifier en testant la restauration

    Yann
    Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

    Commentaire


    • #3
      Merci Yann pour ton analyse

      Concernant le point 1, je suis au courant de la GDPR mais je me demandais si la version 3.9 ne résoudrait pas en grande partie les obligations légales et que les extensions tierces se serviraient de cette nouvelle fonction de joomla. Il est vrai que j'ai une licence pour l'extension GDPR de storejextensions que je pourrais utiliser, il me resterait juste à rédiger la politique de confidentialité.

      Le code Google analytics est géré par le template qui bénéficie d'une option pour rendre anonyme les IPs des visiteurs, je ne l'avais pas activé. maintenant c'est fait

      Bloquer les informations pour le module facebook, ça je ne vois vraiment pas comment je pourrais faire mais je vais faire une recherche sur internet pour avoir des solutions, merci pour m'avoir pointé ce point dont je n'avais pas connaissance.

      Pour la vidéo, j'ai une alternative, j'ai un compte vimeo pro qui ne diffuse pas de publicité

      Concernant le point 2, les photos ont été prises par les salariés du centre social. Je leur ai expliqué qu'il fallait l'accord des familles mais leur réponse est que il pense que les personnes prises en photo ça leur fait plaisir. Je ne sais pas trop comment leur expliquer autrement.

      Pour le point 3. Je vais réfléchir à ta solution et en parler avec le centre social, l'idée d'un slider est intéressante cela raccourcirait la longueur des pages en effet. un bouton pour remonter les page serait le bienvenu aussi en effet.

      L'image de la devanture du centre social m'a été imposé, mais il me semble qu'il voulait le remplacer par un slideshow d'images, ton idée de prendre des images libres de droit est à creuser, yootheme pro intègre unsplash qui regroupe des photos libres de droit mais merci pour le site pexels que je ne connaissais pas et qui semble avoir des photos très professionnelles également.

      Oui la couleur des pages laisse à désirer, je dois être dischromatope je n'arrive jamais à choisir des couleurs qui plaisent. L'idée de reprendre la couleur du fond comme couleur de titre est très intéressante je leur la soumettrai.

      Je n'ai pas entamé la procédure de référencement du site, j'attends le feu vert du centre social et au vu de tes remarques pertinentes c'est pas plus mal de prendre son temps.

      Oui JCH est une très bonne extension mais yootheme m'a toujours posé des problèmes pour obtenir un bon résultat au test de vitesse. Seul les templates d'il y a 3 4 ans ont un bon score (97% chez google page speed insight)

      Pour la taille des images, il est vrai que celles ci provenant d'un module est surdimensionnée mais le template normalement si je me servais du page builder se sert des grosses images et en fait pour tous les types de périphériques. C'est vrai que l'idéal pour une image c'est qu'elle soit de la taille à laquelle elle est affichée est préciser dans la balise img le width et le height. Si je ne me trompe pas.

      Oui j'ai beau leur expliquer que les espaces, accents etc.. sont à proscrire mais ils n'en prennent pas garde. Ça pose parfois de gros problèmes car je dois dans certains cas accéder en ssh pour modifier le nom des fichiers car en ftp ou avec le gestionnaire JCE c'est pas possible.

      En tout cas merci pour toutes tes remarques pertinentes, ça me donne du grain à moudre et du pain sur la planche.

      Commentaire


      • #4
        Salut
        Bravo pour ton site
        Il manquerait un petit retour à l'accueil en cliquant sur le logo
        Les titles de tes pages ne sont pas optimisés pour le référencement
        tu as un petit {source} sur cette page https://www.csoliviers.fr/jeunesse-e...eil-des-jeunes
        Encore tous mes encouragements
        Formation Joomla agence internet https://www.stylitek.com
        Melijoy création de site Joomla compétitif https://www.melijoy.fr
        agence web spécialiste référencement http://www.agence-web-stylitek.fr

        Commentaire


        • #5
          Je demande pardon ! Il ne faut pas prendre mal mon propos mais je ne suis vraiment pas convaincu par le design de ce site. Minimaliste, oui mais là, on se croirait seul et abandonné sur une banquise. Le graphisme, c'est aussi des formes, des volumes, des couleurs, des repères pour l'œil, des sentiments, des émotions, bref, de la vie ! Pour moi, ce site manque de vie ! Franchement, il me fait flipper.

          Je pense qu'il aurait fallu visualiser le résultat final avant de commencer la conception du site, soit mentalement, soit via une maquette qui a l'avantage de permettre un échange avec le client. Là, j'ai le sentiment qu'on est parti dans la conception d'un site un peu au hasard. Chez nous en Afrique, on dit que "ça sort comme ça sort !". Aujourd'hui, un référencement se prépare à l'avance, il se réfléchit, s'élabore telle une stratégie pour se mettre en place au fur et à mesure que le site se construit, du tout début jusqu'à la fin. C'est strictement la même démarche pour la conception de la ligne graphique d'un site, son ergonomie, son style ... De plus, c'est tellement plus rassurant de déjà avoir vu le résultat final avant même d'avoir posé la première pierre car on sait absolument où on veut aller.

          Un site, on doit s'y sentir bien, à l'aise, avec l'info à portée de clic, avec des repères visuels, de la signalétique. Certaines infos sont plus importantes, il faut instaurer une hiérarchisation visuelle. Imagine entrer dans un vaste aéroport sans aucune signalétique, sans repères visuels, que du blanc, partout ! Impossible de trouver ta route en plus de subir un stress intense.

          Non, je regrette, pour moi, c'est pas arrivé !
          J'ai l'impression de m'être promené dans une boite de Cotons-Tiges.

          PS: tu es sûr que custom.css n'est pas parti en vacances ?
          Dernière édition par GraphiqueDesign à 05/09/2018, 13h40
          "Si vous n’êtes pas impliqués émotionnellement dans ce que vous créez, laissez tomber."
          https://www.graphiquedesign-bf.com/

          Commentaire


          • #6
            Salut,
            mo j'aime bien le côté minimaliste.

            C'est un site associé à une mairie, apparemment.
            Si je cherche des infos pratiques sur la communauté, je n'ai pas de temps à perdre avec les rideaux et la peinture.
            Là les infos sont claires, faciles à trouver.
            Je trouve que c'est un site tout à fait approprié à son objet.
            “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance https://kb.joomla.fr

            Commentaire


            • #7
              Bonsoir, merci pour vos retours

              @toffffe : merci pour m'avoir fait remarquer ce source qui est dû à un plugin de regular labs sourcerer, je vais creuser pour voir si il y a un moyen de ne pas l'afficher.

              @
              GraphiqueDesign : merci pour vos remarques, si je suis là c'est bien pour avoir des critiques. Effectivement, j'avais bien remarqué par moi-même que quelque chose n'allait pas dans l'ensemble. J'avais une maquette faite par le communiquant du centre social, j'ai essayé de m'en approcher et le résultat n'est pas si loin de ce que l'on m'avait soumis mais c'est vrai qu'il est froid trop de blanc pas assez de contrastes et de couleurs. Par contre la navigation sur le site a été réfléchi justement pour que l'on trouve facilement une information que ce soit sur mobile ou fixe. Le référencement n'est pas facile lorsque l'on s'attaque à une cible très localisée et que notre site est accessible à toute la planète. Surtout que les articles publiés ne restent qu'un temps et sont supprimés rapidement donnant des pages 404.

              Par contre on peut faire des critiques en étant constructif et non pas en étant juste vexant, c'est bien vrai ça peut faire penser à des cotons tiges surtout avec le fond salle de bain bleu et que le custom.css peut sembler creux mais il ne l'est pas.

              @ghazal : oui c'est bien pour une mairie, c'est une association qui est en délégation de services publics (DSP) pour s'occuper de nombreuses actions sociales.

              Commentaire


              • #8


                Envoyé par pouss Voir le message
                Par contre on peut faire des critiques en étant constructif et non pas en étant juste vexant, c'est bien vrai ça peut faire penser à des cotons tiges surtout avec le fond salle de bain bleu et que le custom.css peut sembler creux mais il ne l'est pas.
                On va en remettre une couche, alors !

                Je pense qu'il ne faut pas confondre minimalisme et simplicité. Les projets minimalistes sont souvent les plus complexes à concevoir. Épurés, élégants, ils demandent un soin du détail irréprochable et constant mais aussi beaucoup d'efforts au niveau des enrichissements typographiques, du placement des éléments et des formes, de l'équilibre en général. Dans le cas présent, utiliser la couleur jaune du logo pour faire un border-bottom d'un ou de 2 pixels sur certaines boites par exemple, placer un filet par moment pour séparer un titre du texte, bref, des petites choses élégantes qui vont structurer visuellement un peu la page. L'équilibre est une notion fondamentale de bien-être dans la conception graphique

                En fait, je ne remets pas en cause le choix minimaliste mais la façon dont ce choix a été traité. Par moment, cela manque de précision et plus la page est épurée, et plus les imperfections sautent au yeux.

                J'ai pris du temps pour rédiger mon commentaire, puis pour répondre aujourd'hui encore. Si je faisais cela juste pour vexer ... Mais ensuite il est vrai que ma critique n'est peut être pas forcément très productive, par nature. Personnellement, quand on critique mon travail, je me remets en question car je suis motivé par l'idée de toujours faire mieux.

                Le graphisme est un métier, tout comme le développement. Avant l'arrivée des CMS, je travaillais pour des Web Agency à designer graphiquement des sites. Maintenant, avec les CMS, je bosse seul parceque monter un site est devenu possible pour un graphiste comme moi. Par contre, si je sens que je ne m'en sors pas avec le code, et pour ne pas bricoler, je demande de l'aide ou prend un développeur en soutien.

                J'aurais bien aimé être plus constructif, moins vexant, plus généreux, peut être n'avais-je pas le temps, ou encore que je ne savais pas comment faire cela. J'ai essayé d'argumenter autant que possible, je ne peux pas non plus faire le job à ta place.

                "Si vous n’êtes pas impliqués émotionnellement dans ce que vous créez, laissez tomber."
                https://www.graphiquedesign-bf.com/

                Commentaire


                • #9
                  Bonjour pouss Je travail actuellement sur le site de notre centre social pas très loin du tien. Je suis sur Istres.
                  Bon pour moi il y à plusieurs chose qui me chiffonne au niveaux graphique une à déjà été mentionné donc je laisse lauttre est le bandeau d'abonnement à la news letters.
                  Le dégradé sur dégradé j'éviterais et le bleu est trop proche du bleu de ton background.
                  peut être pourrais tu prendre le bleu claire de la police pour le fond du bandeau.

                  En tous les cas bravo et bonne continuation.
                  A+
                  Une petite visite sur mon site ? http://www.alidufresne.fr

                  Commentaire

                  Annonce

                  Réduire
                  1 sur 2 < >

                  C'est [Réglé] et on n'en parle plus ?

                  A quoi ça sert ?
                  La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                  Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                  Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                  Comment ajouter la mention [Réglé] à votre discussion ?
                  1 - Aller sur votre discussion et éditer votre premier message :


                  2 - Cliquer sur la liste déroulante Préfixe.

                  3 - Choisir le préfixe [Réglé].


                  4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                  2 sur 2 < >

                  Assistance au forum - Outil de publication d'infos de votre site

                  Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                  Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                  Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                  UTILISER À VOS PROPRES RISQUES :
                  L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                  Problèmes connus :
                  FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                  Installation :

                  1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                  Archive zip : https://github.com/AFUJ/FPA/zipball/master

                  2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                  3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                  4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                  5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                  6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                  et remplacer www. votresite .com par votre nom de domaine


                  Exemples:
                  Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                  Télécharger le script fpa-fr.php dans: /public_html/
                  Pour executer le script: http://www..com/fpa-fr.php

                  Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                  Télécharger le script fpa-fr.php dans: /public_html/cms/
                  Pour executer le script: http://www..com/cms/fpa-fr.php

                  En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                  Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                  Voir plus
                  Voir moins
                  Travaille ...
                  X