Retour d'expérience et demande d'infos

DroppyDroppy Member

Bonjour,

J'ai enfin, terminé, mon site avec Visual Wizard. Bien qu'ancien chef de projet, j'ai refait mon site au moins 5 fois complètement.

Le plus dur n'est donc pas la technique, mais la mise en forme, pour respecter ce qui se fait aujourd'hui :

http://demo.html5xcss3.com/demo.php?cat=html5themes&host=dzyngiri&temp=legend

Et ensuite l'éditorial .. pour cela j'ai utilisé Freemind pour mettre en ordre le contenu (dans ma tête).

Et il faut un peu de temps pour apprivoiser toutes les fonctionnalités de Visual Wizard (compter entre 20/30 heures), car il faut faire un certian nombre d'essais avant de trouver une charte graphique.

Un consiel : passer beaucoup de temps sur votre page d'accueil .. c'est elle qui déterminera la charte de vos autres pages ou articles et sera vue en premier par les internautes ..

Donc vous pouvez regarder et critiquer mon site sur http://www.sensibilisateur-numerique.fr

Vos commentaires seront les bienvenus.

Autrement j'ai fait testé le site sur dareboost cela donne les résultats suivants : https://www.dareboost.com/fr/report/a_25e8b56c9a0612f5447a51b9e

Si vous pouviez m'aider pour résoudre quelques soucis de sécurité et d'optimisation .. merci d'avance

Réponses

  • bazooka07bazooka07 PluXml Lead Developer, Moderator

    Google va ignorer ton site parce qu'il est encore en "http" au lieu de "https". Il présente une faille de sécurité pour une attaque "Man in the Middle" très efficace quand on se connecte à un hot-spot wifi, dans le métro ou chez Mac Do par exemple.

    Il y a beaucoup trop de style "inline" .

    2 balises HTML fermantes orphelines dans le code source

    C'est très bien de se faire plaisir en faisant un joli site sur son PC mais en général la plupart des gens utilisent un smartphone ou une tablette pour surfer.

    Avec Opera sur mon smartphone, le titre "sensibilisateur numérique" glisse vers le bas pour libérer une belle place libre à côté du logo.

    Ensuite pour l'image suivante, on conserve bien la main entière mais la sphère se fait décalotter

    J'ai beau cliquer sur le chevron qui pointe vers le bas mais la page refuse de défiler

    Perso, je préfère cliquer sur un titre pour afficher une page plutôt que sur l'image. Le temps de chargement de la page me parait moins long quand je peux regarder une jolie image.

    L'unité lexicale "Sensibiliser, prendre conscience de" se casse en deux en bas de l'écran.

    Pour savoir si j'ai affaire à un professionnel, je vérifie toujours si le code HTML est clair et concis.

    Les outils comme Front page et autres outils grahiques pour élaborer une page HTML, c'est bien pour les débutants.

    Mais quand on voit le nombre d'heures passées à maitriser ces outils, on ferait mieux d'apprendre les bases du HTML et du CSS3.

    Un simple outil comme l'inspecteur de code de Firefox permet de créer rapidement une feuille de style CSS3 propre. L'autre alternative pour la mise en forme étant d'utilser des outils comme Knacss, Bootstrap, PluCSS, ...

  • Merci Bazooka07,

    Effectivement pas tout à fait tort, mais l'outil que j'ai utilisé m'a permis de prendre en main plus facilement l'ensemble des possibilités et de m'amuser à faire un beau site .. sur pc.

    Mais il est vrai limité, comme j'ai pu le voir dans le code récemment des pages créées, et faire de la programmation en php et csss me rebutait un peu.

    Quand je faisais du code ( à mon époque) c'était du Cobol et du Pascal ! et même de l'assembleur !

    Et tu as raison, je vais me mettre au php et CSS3, je pourrai mieux maitriser mes pages et le responsive.

    Pour info, le but de ce site est devenir un outil de présentation pour animer des ateliers dans les écoles, assos et bibliothèques

    Et les critiques sont toujours constructives !!😉

  • bazooka07bazooka07 PluXml Lead Developer, Moderator

    Puisque tu as déjà utilisé Cobol et Pascal ( j'ai joué avec Turbo-Pascal et Delphi dans ma jeunesse ), tu ne devrais pas avoir de difficulté à assimiler HTML5 et CSS3.

    CSS3 est un petit peu plus complexe car il offre beaucoup de possibilités intéressantes pour faire de belles mises en page.

    Pour ton site la maitrise de PHP ne s'impose pas vraiment.

    Pour remplacer la TV, tu peux aller sur Youtube :

    HTML5

    CSS3

  • C'est vrai, pas trop de soucis à lire des fichiers PHP / HTML, pour cela sous Firefox ou Edge la touche F12 est bien pratique pour analyser son site. En plus avec Visual Wizard les fichiers PHP de mes pages sont impossibles à modifier, Notepad++ affiche tout sur une seule ligne .. Ben je vais m'en passer pour la suite et reprendre mes anciennes pratiques informatique : faire du code, çà me rappellera ma jeunesse (depuis les annèes 80 ce monde (84 exactement sur HP3000 puis IBM36/ AS400) a bien changé .. on ne fait plus de Merise aujourd’hui 🤨

    Pour info , il me reste çà à faire pour le site en attendant :

    - sitemap.xml , robot.txt,

    - les tag sur les images (et la taille des images)

    - la description du site, les mot-clés

    A la prochaine pour le nv site, tu me diras ce que tu en penses

    A+

  • bazooka07bazooka07 PluXml Lead Developer, Moderator

    Pluxml sait générer le fichier sitemap.xml.

    il suffit d'ouvrir la page sitemap.php dans le navigateur.

    Par contre le fichier robots.txt est absent et c'est ennuyeux pour que les moteurs de recherche indexent le site. Bug à corriger

    Structure d'un fichier robots.txt

    Sitemap

    Pour les descriptions, PluXml le gére d'une façon gloable, au niveau des articles, des catégories, des pages statiques.

    Idem pour les mots-clés

    Si tu veux éditer le code HTML des articles ou des pages statiques, tu peux utliser le plugin kzCodemirror.

  • Créé fichier robot.txt comme suit :

    User-Agent: *

    Disallow: /data/medias

    Disallow: /data/visualwizard

    Sitemap: http://www.sensibilisateur-numerique.fr/sitemap.xml

    Merci bazooka07 pour les liens, pour info et pour rependre ton premier post, j'ai trouvé ce test qui me parait intérressant :

    http://apps-fr.orson.io/piresponsive

Connectez-vous ou Inscrivez-vous pour répondre.