Mon site 2020 - avis svp

[Ar-S]

Salut la communauté,

Je viens de terminer (à peu près) mon site que j'ai recodé entièrement pour qu'il devienne "responsive".
Comme j'y présente mes services mais aussi tous mes softs PB, je me permet de vous demander ce que vous en pensez ou si vous trouvez une coquille.
Si vous pouviez le tester sur ordi ET mobile ce serait parfait.

Info technique : Aucun CMS. J'ai tout codé à la main. En outil externe j'ai seulement utilisé bootstrap.min.css qui permet une gestion du responsive plus aisée et les petites icones de Font-Awesome que vous trouverez sur les boutons télécharger, aperçu.. des logiciels.

Merci pour vos retours.
Lien : https://ldvmultimedia.com

[Marc56]

C'est joli, mais si je m'imagine du côté client (pro):

- Je ne travaille pas sur une tablette, ni même sur un portable, mais sur un 24" le texte est trop grand. Je suis obligé de reculer ma chaise ou zoomer en arrière de deux fois (80%) dans mon navigateur pour que le texte ait la taille standard (ex: taille du texte du forum ou de wikipedia) mais dans ce cas, les caractères gras deviennent pâteux.

- Avis pro potentiel aussi: je travaille de jour dans des locaux bien éclairés: les sites en contraste inversés sont bien pour les noctambules et les geek et les nostalgiques des écrans CRT. Pour les diurnes, c'est 30% de fatigue oculaire de plus (dixit ophtalmos) quand on a une page inversée par rapport au reste des applications.

- La page boutique donne 404

-Il faudrait un retour sur la page d'accueil quand on clique sur le bandeau

- Puisque tu mets une adresse mail de contact en clair, autant faire aussi un lien mailto pour déclencher le client mail du client, ça lui évite de devoir faire un copié / collé. Tu peux même pré-remplir pour filtrer automatiquement.
<a href="mailto:xxxx@yyyyy.zz?subject=[Demande infos]&body=Bonjour">Contact</a>
(si tu as une adresse qui ne sert qu'à ça inutile de faire un masquage. Mon adresse de contact est en clair elle ne sert qu'à ça et elle n'est pas spammée)

[Ar-S]

Merci Marc56.

Je expliquer un peu mes choix.
- La charte graphique "dark" je l'ai choisi pour l'originalité. Je l'aime comme ça. Si je suis motivé, je ferai un site à thème au choix mais ce n'est pas à l'ordre du jour.
- Concernant mes clients. 90% d'entre eux sont des particuliers, et souvent d'un age un peu avancé dirons nous. La taille des polices est donc en conséquence. Un peu grosse peut-être mais pas sur un grand écran (27 pouces) ou un écran en 100% dpi. Il est effectivement plus "gros" que la version précédente mais j'assume. Je demanderai des retours à mes clients de ce coté.
Remarque : Au quotidien, je vois tout de même que le 24" cède sa place au 27 pouces. Sans compter le 4K qui va finir par se démocratiser. Ensuite tu peux préciser si la fenêtre du site "déborde" ? (Je ne pense pas.)
- Concernant la boutique, c'est un oublie d'update ftp. Je ne compte pas la placer de suite. Je l'ai donc retiré du menu. ça doit être bon maintenant.
- Le mail n'est qu'une image. Mettre un mailto: c'est se faire spammer la tronche. C'est un choix. Surtout que les gens veulent de la réactivité, donc ils appellent. (sur mobile, le lien téléphonique me tel directement).
J'ajouterai cependant probablement un formulaire mail avec un captcha maison pour des demandes de devis de site ou un audit de sécurité.

Une autre chose que je constate, c'est que les sites de services deviennent des vitrines et plus trop des outils. La réalité c'est que les gens me trouvent via google, ils voient les avis et les horaires et me contactent. Donc en fait le site est là pour me faire "exister" chez google (et les autres).

Merci encore pour ces retours.

[microdevweb]

Bonjour Ar-s,
Joli site...

Testé sur Win 10 et Chrome, cependant avec un petit navigateur (Ex: smartphone) la taille du texte est peux grande par rapport au logo (c'est mon avis perso évidement)

[MLD]

Bonjour Ar-s

Sympa ton site. Commercialement juste ce qu'il faut, pour ne pas bassiner un éventuel nouveau client.
Tes tarifs sont un peu plus bas que dans ma région (Bretagne)
J'ai un 27 pouces et aucun problème n'est apparu.
Je te souhaite une bonne réussite dans ton job.
Michel

[doudouvs]

Bonjour,

Le design perso j'aime pas après c'est affaire de gout, donc je ferme ma bouche.....

Pour le contact surtout le téléphone j'ai une préférence pour le Header,
exemple :
LDV MULTIMEDIA - CYRILLE LANDIVIER Tél 06..........
Spécialiste en maintenance informatique dans la région de l'Aude. (Minervois - 11). Je vous propose de monter, réparer, réinstaller votre ordinateur.


Pour le code j'aime pas, j'ai même horreur des files externes donc next les js
Perso je télécharge le js je regarde si il n'y a pas de code malveillant enregistrement en local puis mise en prod

L'image https://ldvmultimedia.com/images/donbleu.png c'est down 404

Pratiquement sur toutes les pages il y a des erreurs

Code : Tout sélectionner

A cookie associated with a cross-site resource at <URL> was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <URL> and <URL>.
A cookie associated with a cross-site resource at http://www.paypal.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

Sur https://ldvmultimedia.com/index.php?p=d ... assistance ligne 5

Code : Tout sélectionner

The value "divice-width" for key "width" is invalid, and has been ignored.

Sur https://ldvmultimedia.com/index.php?p=d ... tique-site ligne 5

Code : Tout sélectionner

The value "divice-width" for key "width" is invalid, and has been ignored.

Code : Tout sélectionner

The value "divice-width" for key "width" is invalid, and has been ignored.
25[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
19A cookie associated with a cross-site resource at <URL> was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <URL> and <URL>.
contact.php:1 A cookie associated with a resource at http://google.com/ was set with `SameSite=None` but without `Secure`. A future release of Chrome will only deliver cookies marked `SameSite=None` if they are also marked `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5633521622188032.

Utilise la console pour voir les erreurs
Pour le contact utilise plutôt un formulaire histoire de cacher ton email



Voilà c'est mon avis que mon avis, Bonne réussite a toi

[doudouvs]

A oui je rajoute que tu utilise du HTTPS c'est bien et pas utile en même temps
Je suppose que tu paye ton certif

regarde du coter de let's encrypt c'est gratuit tu sera juste obliger de renouveler ton certif tout les 3 mois pour le faire utilise un crontab

[Ar-S]

Merci les gars.
@doudouvs
- Concernant le

Code : Tout sélectionner

<meta name="viewport" content="width=device-width, initial-scale=1.0">

c'est pour le rendu sur mobile. Je ne vois pas ce qui cloche.
- Le formulaire. C'est prévu.
- Le https est inclus dans mon contrat 1&1 (maintenant IONOS)
- images/donbleu =>Fixed
- jv externes => Fixed
- jv/fx.js absent => Fixed

[doudouvs]

Avec ça normalement plus d'erreur

Code : Tout sélectionner

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

[Ar-S]

Tain en voulant mettre les JS en interne ça m'a tout foiré !
Je vois même pas pourquoi ça chie encore j'ai remis les liens externe le resultat est le même.

Je suis fou

[Micoute]

Je trouve merveilleux le travail que tu as accompli.

[Naheulf]

Voici les trucs que j’ai vu :

Commun à toutes les pages :
– Plusieurs oublis d’accents sur les majuscules (oui c’est obligatoire : dixit l’académie française). Pour le nom de la boîte je ne dirais rien, car le nom a été déposé et c’est potentiellement difficile de le changer.
– Image d’entête : « Le multimédia pour tous » en plus c’est sur une minuscule ici…
– Redondance dans le menu. Pourquoi remarquer le nom de la page active dans le menu alors que l’onglet correspondant est mis à jour.
– Incohérence dans la redondance du menu : le nom marqué ne correspond pas au nom du menu.
– Incohérence dans la signalisation des liens. Les liens du menu sont mis en évidence lors du survol avec la souris mais pas les autres. Et la ligne en bas est mise en évidence alors que ce n’est pas un lien.
– "(c)" À titre d’information il existe un caractère Unicode pour ça : ©
– Tu devrais mettre un espace insécable entre le siret et ton numéro de siret
– Pourquoi le texte est mis en évidence au survol alors que ce n’est pas un lien ?
– Le bandeau du pied de page ne supporte pas les retours à la ligne si l’écran n’est pas assez large.

Page d’accueil -> Dépannage informatique :
T– Incohérence dans les images des liens TeamViewer. Pour quoi les textes « LVD MULTIMEDIA TEAM VIEWER » ne font pas la même largeur ?
– Incohérence dans les liens TeamViewer. « SOS PC » -> /ldvmultimedia ; « SOS MAC » -> /ldvmmac
– Incohérence dans les images d’entête des pages suscités. image pc image mac

Page d’accueil -> Récupération de données
– Ton image : le trait noir n’est pas centré
– Ton image : et il manque les accents sur les majuscules

Page d’accueil -> *** RGPD ***
– Ton image : bah tu vois que tu sais mettre des accents !
– Ton image : elle contient un lien mais n’est pas cliquable… :'-(

Page d’accueil -> Faire un Don
– RAS ;-)

Page d’accueil -> Contact
– Faudra que tu m’expliques un truc : pourquoi, dans la partie RGPD, le texte « sans attendre » est cliquable mais que ton numéro de téléphone lorsqu’il est affiché en clair ne l’est pas ? (en plus c’est écrit en jaune comme les autres liens)
– E-mail… il y a un autre paragraphe sur la page de l’académie française à ce propos.
Note : je n’ai regardé que sur ordinateur portable 16″ avec Firefox mais en essayant de zoomer pour voir le comportement.
– Incohérence : « Tel 06… » / « E-mail : ldv… ». Soit tu met un ":", soit tu n’en met pas…

Pour l’instant je m’arrête là, car je vois que tu as certainement modifié un truc vu que la mise en page est cassée…

[Ar-S]

Merci Naheulf, je regarderai tout ça, mais priorité à mon plantage css/js que je ne m'explique pas et qui me gonfle au plus haut point.
----edit--- OK css réparé..

[doudouvs]

Merci Naheulf, je regarderai tout ça, mais priorité à mon plantage css/js que je ne m'explique pas et qui me gonfle au plus haut point.
----edit--- OK css réparé..

Code : Tout sélectionner

Failed to find a valid digest in the 'integrity' attribute for resource 'https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css' with computed SHA-256 integrity 'L/W5Wfqfa0sdBNIKN9cG6QA5F2qx4qICmU2VgLruv9Y='. The resource has been blocked.

[doudouvs]

https://stackpath.bootstrapcdn.com/boot ... ap.min.css


Fichier enregistrer sous et basta la ressource externe

Si ta un accès ssh tu fait un wget https://stackpath.bootstrapcdn.com/boot ... ap.min.css


ha fait aussi attention au cache du navigateur