Du web toujours, pour ce retour au blog, mais pas de design pour une fois. Plutôt une trouvaille, un coup de coeur parmi les nombreux sites qui se créent quotidiennement : JMS - Je me souviens. Voici un site participatif, qui laisse la parole aux visiteurs, qui sont invités à proposer leurs souvenirs, n’importe quels souvenirs, à condition de les faire commencer par ces mots : je me souviens. L’idée est basée sur un ouvrage de Georges Perec, et bien que le site soit encore assez jeune, il est déjà bien intéressant à consulter. A mon avis une de ces bonnes idées qu’il vaut la peine de soutenir. Une page “à propos” donne des précisions sur la manière de résever son pseudo, sur le meilleurr moyen pour que son “JMS” soit retenu.

Après la déclaration doctype, donc, viennent la balise d’ouverture < html > qui est facultative, mais très fortement recommandée, puis la balise < head >. Immédiatement après celle-ci, c’est à dire sur la première ligne qui suit, doit venir se placer la balise < title >. Les moteurs de recherche doivent pouvoir la trouver facilement., c’est très important si votre but est d’apparaître en tête des résultats renvoyés par Google (ou autre…). Le titre de la page web est ce qui s’affiche dans la barre de titre de votre navigateur quand vous ouvrez une nouvelle page. C’est également le contenu de cette balise que le moteur de recherche reprend pour la description d’un site dans sa page de résultats. Il est donc primordial d’utiliser au moins un et si possible plusieurs mots-clefs dans le titre de votre page. Une des erreurs les plus communes que l’on puisse faire est de n’utiliser à l’intérieur de cette balise que des termes génériques, comme “page d’accueil”, ou encore le nom du site ou de l’entreprise.

L’en-tête de la page contient également des informations plus générales, contenues à l’intérieur de ce qu’on appelle souvent les balises méta, ou, en anglais, les meta-tags. Les deux plus importantes sont la balise “description” et la balise “mots-clefs”. La balise description, comme son nom l’indique, sert à décrire votre site et elle est utilisée par certains moteurs (Lire la suite…)

Beaucoup des erreurs qu’on rencontre lors de la création d’un site web se trouvent situées en haut de la page, et assez souvent dans l’en-tête. Dans ce post, je vais parler d’une erreur assez classique, qui se trouve un peu plus haut encore que la balise < head >.
Souvent une même question revient, que ce soit dans les forums ou au détour d’une conversation, qui peut se résumer comme ceci: “mais pourquoi ma page ne se comporte-t-elle pas comme elle le devrait ? “. Très souvent -pas toujours, certes, mais souvent - la raison en est simplement que le webdesigner en herbe à oublié d’ajouter à sa page la déclaration DOCTYPE, qui doit occuper la première ligne du document, avant même la balise d’ouverture < html >. Lorsqu’on omet cette déclaration, ou lorsqu’elle est incomplète, on prend le risque de voir les navigateurs (en particulier Internet Explorer, qui est l’un des plus mal fichus) se mettre en vrille et passer votre page à la moulinette. Plus précisément, le navigateur s’efforcera de rendre vos code html et CSS rétrocompatibles, ce qui veut dire que ce sera à peu près comme si votre code avait été écrit il y a sept ou huit ans, et devait être lu par les navigateurs de l’époque.
Par bonheur, quelques navigateurs ont un rendu des pages conforme (ou presque) aux strandards, Firefox et Opera, par exemple. Hélas, c’est toujours Internet Explorer qui est le plus utilisé. Voilà pourquoi il convient de ne pas oublier la déclaration doctype et de s’assurer qu’elle est rédigée correctement. Si vous désirez approfondir la question, vous pouvez vous référer à cet article très complet.

N.B. Afin que les balises s’affichent normalement, j’ai laissé un espace entre les < et le nom de la balise. Il ne faut bien sûr pas le faire dans votre code.

Le dernier post posait la question de l’utilisation de Flash et passait en revue quelques raisons de se laisser tenter. Voyons maintenant les handicaps:

Le plugin Flash : Les gens doivent télécharger le lecteur Flash avant de pouvoir visualiser les animations Flash, ce qui risque de diminuer le nombre de visiteurs potentiels. En effet, si la plupart des gens laissent Flash s’installer sur leur ordinateur sans rechigner, certains sont réfractaires à tout ce qui n’est pas pur html et le considèrent comme une brèche possible de sécurité. En outre, même chez ceux qui ont installé le plugin, des problèmes techniques peuvent toujours survenir : plus on ajoute de plugins et de programmes extérieurs, plus on multiplie les sources de pannes et de problèmes.

L’optimisation du site en vue de l’indexation par les moteurs de recherche : c’est bien simple, si votre site est en Flash, les robots de la plupart des moteurs de recherche ne pourront pas (Lire la suite…)

Les sites en flash on connu un réel engouement ces dernières années et de nombreux webmasters sont tentés de se laisser séduire. Adobe ayant racheté le logiciel, on peut parier que l’intégration dans la suite graphique qui accueille déjà Photoshop participera à une propagation plus importante encore.
Les sites en flash ne font pourtant pas l’unanimité, beaucoup leur reprochent une sophistication un peu creuse, une complexité et une lourdeur inutiles. Qu’en est-il exactement? Nous allons essayer d’y voir un peu plus clair.

Voyons d’abord les bon côtés.

L’interactivité : L’Actionscript de Flash ouvre un vaste champ de possibilités. Des programmeurs et des webdesigners utilisent Flash pour créer des fonctionnalités qui peuvent aller d’une simple réaction au click ou au survol de la souris jusqu’à des petits jeux tout à fait (Lire la suite…)

Il y a une chose qu’on peut facilement perdre de vue, c’est que si on utilise un template, c’est pour économiser du temps et des efforts. Tout ce qu’on doit avoir à faire, c’est changer le titre et quelques détails, et puis c’est tout. L’une des erreurs les plus courantes est de transformer le template au point de le récrire presque complètement. Même si ça peut sembler une bonne chose et qu’on finit effectivement par obtenir une mise en page originale, on perd tout l’avantage d’utiliser un template.
D’un autre côté, si vous achetez un template qui vous plaît, mais que des changements sont nécessaires pour l’intégrer à votre site, prenez le temps de les effectuer. Admettons que vous ayez trouvé un superbe template qui convient à merveille à votre site de jardinage, mais que (Lire la suite…)

Il est très facile de se procurer des templates pour un site Web ou un blog, un forum, etc ; ils nous permettent d’économiser beaucoup de temps et d’efforts lorsque l’on se lance dans la création d’une nouvelle mise en page. Seulement, il arrive souvent qu’on commette quelques erreurs quand on en vient à choisir et utiliser un template téléchargé sur Internet. Et dans ces cas-là, il n’est pas rare de se retrouver devant un résultat qu’on n’avait ni vraiment prévu, ni tout à fait voulu.
Une première chose à éviter est d’employer un template très apprécié des autres webmasters. En effet, si des centaines, voire des milliers d’autres sites présentent la même mise en page, votre site n’apparaîtra pas comme original pour les moteurs de recherche, et l’avantage que pourrait vous apporter un contenu de qualité en serait amoindri. Votre site aurait l’air de n’être qu’un site parmi tant d’autres et ne se distinguerait pas de ses voisins - ou concurrents. C’est donc ici que doit (Lire la suite…)