3239 sujets

Critiques de vos sites: code et design

[Amateur][Blog] Blogdechloe.com

Bonjour,

Je souhaite connaitre vos avis par rapport à un thème Wordpress que j'ai créé seul.
Etant très mauvais en graphisme, j'expérimente et tente d'apprendre à marier les couleurs et à faire des choses sympas.

Le Blog de Chloë : http://blogdechloe.com

N'hésitez pas à critiquer, je suis la pour ça Smiley cligne !
Modifié par Ivelfan (12 Dec 2012 - 17:40)
Hmm.. La transition body>header est assez brutale. Les boutons réseaux sociaux sont gros, et si tu fais plusieurs aller/retour sur les différents boutons à des intervalles très courtes, tu verras que le JS aussi fait des siennes. Sinon, le tout est trop flashy. La barre de recherche transparente n'est à mon avis, pas une bonne idée. Sinon le thème est très joli.

Edit : Snif.
Modifié par Knozelfhoegtj (13 Dec 2012 - 14:57)
Hum...

a écrit :
PROXY ERROR
The requested URL could not be retrieved
The following error was encountered.
Access Denied (content_filter_denied)
Your request was denied because of its content categorization: "Pornography"


Faux positif ?


J'espère sinon, il aurait été agréable de prévenir (histoire d'être courtois).
Bien entendu faux positif !

Il n'y aucun caractère pornographique sur cette page !
Quel navigateur utilises-tu pour avoir cette information ?

Désolé pour les faux espoirs, Chloë est ma copine Smiley smile
@Knozelfhoegtj

Je ne sais comment résoudre ce souci de JS Smiley ohwell .

@Florian_R

Je ne sais pas d'où peut provenir le caractère pornographique puisque c'est un blog sur la mode ...
Ancien nom de domaine ou nom de domaine similaire Smiley ohwell

Difficile de savoir, mais en tout cas le site est blacklisté dans certains proxy (et je ne sais pas lequel est utilisé pour moi)
Bonjour,

Visuellement, c'est moyen, il n'y a rien de vraiment surprenant ou très intéressant : c'est rose.

Les liens "média sociaux" ne sont pas disponibles en 1024... sympa.

Niveau accessibilité :
* l'outline none, c'est génial; ça permet de filtrer tes visiteurs et de dégager ceux qui naviguent au clavier...

* Les alt sont rempli n'importe comment. Pourquoi mettre des tirets entre les mots ? Il est également inutile de préciser "image" dans le alt... Et il serait de bon ton que lorsqu'une image porte un texte ce texte se retrouve intégralement dans le alt...

* Tu utilise title à mauvais escient : title n'a rien à faire sur une image (sauf cas extrêmements spécifiques), title ne doit pas être redondant avec l'intitulé d'un lien ou, dans ton cas, le alt de l'image et, title doit être nécessaire à la bonne navigation.

* Les sections du blog vides ne devraient pas apparaitre dans le menu.

* Empêcher le zoom utilisateur n'est pas vraiment une bonne idée...

Niveau code :
* Tu aurais pu faire le ménage dans les meta, wordpress rajoutant beaucoup de trucs inutiles (robots avec valeurs par défaut, keywords...).

* 25 scripts JS externes... Tous ces scripts sont vraiment nécessaires ? Et il n'y a pas moyen de les grouper en un seul fichier (et de le placer en bas de page, histoire de ne pas bloquer le chargement du contenu) ?

* Idem pour les 7 feuilles de styles : une seule suffi.

* Il est préférable de donner les dimensions des images, afin d'éviter des effets de déplacement lors du chargement de la page et de s'assurer que le alt sera bien affiché si l'image ne peut pas être chargée.

* De même on évitera de redimensionner les images via HTML, histoire de ne pas faire télécharger plus qu'il ne faut (le saviez-tu qu'il existe encore des connexions lentes ?).

* Il y a des portions de code qui se répètent dans le header.

* Sais-tu qu'il est possible de mettre une image dans un Hn ? Et que c'est bien plus intelligent que que placer ton H1 avec un titre en dehors de la page et de mettre ton image "par dessus"... Surtout parce que ça n'a aucun impact pour le référencement (alt ou texte dans un Hn, c'est la même chose : du contenu) et parce que si l'image ne se charge pas, ton titre reste en dehors de l'écran ?

* Faut vraiment que tu oublies l'utilisation de title.

* Ta hiérarchie de titre n'est pas correcte. Sur ton accueil, si "le blog de chloé" est un h1, "shooting photo" devrait être un h2.
Merci de ton retour.

J'ai créé ce site, il y a 3 mois alors que je débutait tout juste dans l'intégration.
J'ai beaucoup appris depuis, et je n'ai pas eu le temps d'apporter les modifications nécessaires.

Pour te répondre :

outline none n'est pas généré par moi mais par un plugin je pense, je jetterai un oeil.

Oui, il faut je modifie les alt, je ne savais encore comment les remplir correctement à l'époque.

Je vais suivre ton conseil et supprimer les attributs title.

L'apparition des sections du blog vide sont un choix technique qui est réfléchi, pas d' inquiétude là dessus.

Comment faire le ménage dans la génération des métas que propose Wordpress, il faut que je touche au code ?

Les fichiers JS sont généré par Wordpress, je vais voir pour les mettre en fin de page.

Je n'utilise qu'une seule feuille de style, les autres sont généré par les plugins.

Je ne peux pas donner de dimensions au photographie, sinon l'effet Responsive disparaît.

Redimensionnement via HTML Smiley eek ?

Pour le <h1>, je ne le savais pas encore.

et oui je vais réorganisé tout ça.

Je planche en ce moment sur une version 2.0 du template, pour mettre en évidence mes acquis c'est 3 derniers mois.

En tout cas, merci tu m'as ouvert les yeux sur beaucoup de chose.
Laurie-Anne a écrit :
* Sais-tu qu'il est possible de mettre une image dans un Hn ? Et que c'est bien plus intelligent que que placer ton H1 avec un titre en dehors de la page et de mettre ton image "par dessus"... Surtout parce que ça n'a aucun impact pour le référencement (alt ou texte dans un Hn, c'est la même chose : du contenu) et parce que si l'image ne se charge pas, ton titre reste en dehors de l'écran ?


Je suis pas très d'accord avec cette remarque. Outre le ton utilisé, qui est sensiblement condescendant, ton affirmation tendant à dire que le alt à la même valeur en terme de SEO qu'un h1 durement écrit directement dans la balise est en partie fausse. En effet, le texte directement placé dans la balise h1 aura plus d'impact, et de surcroît, la balise est censée être un titre, pas un <figure>.
Sujet clos
Aller à