Référencement

Noël c’est passé, mais voici deux petits cadeaux pour les amateurs de la retouche photo, ou de la création d ‘images.

Cadeau n° 1 : Si vous voulez éditer des images pour que votre site Internet soit plus beau, ou simplement pour corriger les yeux rouges de vos photos persos, plus besoin de s’acheter un logiciel d’édition !. Vous pouvez les travailler en ligne sur le site de Pixlr. Avec cet éditeur vous n’avez même pas besoin d’installer quoi qu’il soit.

Cadeau n° 2 : Si de toute façon vous préférez utiliser un logiciel sur votre poste parce que vous ne voulez envoyer vos images sur Internet, vous avez une possibilité gratuite et performante : l’excellent GIMP.

Profitez-en, et bonne année 2009 !!

Pour la plupart des gens une charte graphique c’est l’agencement plus ou moins réussi de la présentation « esthetique » de votre site Internet. Mais en tant que référenceurs et créateurs de sites web, on voudrait vous donner notre avis sur trois points qui se jouent avec cette charte graphique :

Référencement

Si vous comptez référencer votre site, la charte graphique doit prendre en compte ce paramètre et en prévoir la place et l’organisation pour les balises comme les titres, subtitres, etc. Nous opérons tous les jours des modifications sur des sites (parfois très beaux) pour qu’ils puissent devenir référençables.

Bien sûr on peut toujours afficher un ordre de contenus à l’écran et un autre dans le code source, tout en travaillant de façon complétement isolée le contenu et la présentation. Mais s’ils sont très éloignés, ce sera du travail à facturer.

Intégration du contenu

La maquette graphique de votre site doit être créée après avoir étudié le contenu de votre site. Il peut paraître évident, mais certains graphistes mettent l’accent sur la beauté du produit sans se soucier de sa fonctionnalité. Pour faire simple : si votre contenu se divise en 10 catégories de produits, et que la charte graphique ne prévoit dans le menu que 7 emplacements,… Les modifications coûtent toujours cher.

Ergonomie

La charte graphique comprend-t-elle l’ensemble des pages ou simplement l’accueil? Peut-on accèder à toutes les pages de votre site en moins de trois clicks? La patience des internautes est presque nulle, il faut leur offrir ce qu’ils cherchent tout suite.

Pour nous, en reprennant une phrase du fondateur d’Apple, l’important dans un design ce n’est pas l’apparence, mais la fonctionnalité.

Testez votre site ….. avec la règle des 3 clics

Lorsqu’on découvre un site notre regard est attiré d’abord par son design « esthétique », puis quand on l’utilise on découvre comment l’information a été organisée et s’il est facile à utiliser ou pas.

Il est de votre intérêt avoir un site Internet avec une organisation de l’information réfléchie. Un internaute est par essence impatient, il veut ce qu’il cherche tout suite, et s’il ne le trouve rapidement, il ira chercher chez vos concurrents…

Une petite règle pour tester son site, consiste à l’organiser de façon que n’importe qu’elle page puisse être atteindre en suivant trois (ou moins) liens internes. Vous-avez déjà essayé? vous allez avoir peut-être une surprise.

C’est pour cette raison que nous demandons à nos clients de résoudre toutes les questions concernant les contenus et son organisation avant de toucher les questions de design esthétique. Pour donner une image, on ne bâti pas la maison qu’un fois défini le nombre de ses occupants et ses fonctionnalités.

To FLASH or not to FLASH : Comment choisir la technologie à employer pour créer son site Internet?

Tout dépend de vos objectifs. Voici un petit récapitulatif des avantages et des inconvenients des principales technologies employées pour créer des sites Internet.

XHTML + CSS + Javascript :

Ce sont les langages utilisés pour construire la plupart des sites sur Internet. Ces sites possèdent plusieurs avantages :

• La technologie employée est libre (non-payante).
• Ils sont modifiables avec un simple éditeur de texte (si l’on a les connaissances nécessaires).
• Ils sont potentiellement accessibles (à condition d’être bien codés !) par :
  • Les déficients visuels.
  • Les robots : meilleur référencement sur les moteurs de recherche.
  • Les connexions à bas débit.

Flash :

Les sites développés en flash utilisent une technologie propriétaire d’Adobe. Son gros avantage sont les effets et animations que l’on peut créer assez simplement.

Ses défauts par contre sont nombreux :

• Technologie payante.
• Modification avec un logiciel spécifique.
• Inaccessible :
  • par les déficients visuels,
  • malgré les annonces régulières des moteurs de recherche, ces sites ne sont pas bien référencés.
  • ils consomment beaucoup de ressources (besoin de haut débit).

Langage dynamique:

Toutes les fonctionnalités (blog, backoffice, gestion de données, …) sont possibles grâce aux langages de programmation dynamiques. Le plus populaire est le PHP (robuste et libre), mais il y d’autres comme ASP (Microsoft), ColdFusion (Adobe), ….

Ces langages peuvent être employés aussi bien avec les sites XHTML/CSS qu’avec les sites en Flash.

Si vous allez commander un site web, il est de votre intérêt vérifier les point suivantes, sa qualité en dépend ! :

Conception orientée utilisateur:
Vos clients doivent trouver facilement ce qu’ils cherchent sur votre site, sinon ils iront ailleurs.

Hébergement rapide et pages optimisées :
Car personne n’aime les pages qui mettent trop de temps à charger, si belles soient-elles. Même les moteurs de recherche, dans un souci d’offrir des résultats de qualité, pénalisent le positionnement des sites avec une connexion mauvaise ou trop lente.

Code propre :
Créé à la main et respectueux des consignes des moteurs de recherche, car un beau site introuvable sur Google ou Yahoo! ne sert pas à grand chose.

Utilisation de technologies qui n’handicaperont pas le référencement :
Si vous voulez des animations Flash, incorporez-les dans votre HTML, mais ne faîtes pas un site entièrement en Flash. L’incorporation de Flash à des effets « esthétiques » ou pour « dynamiser » vos pages n’empêchera pas le référencement. Par contre vos informations principales doivent rester hors l’animation, si vous voulez qu’elles puissent être lues par les moteurs de recherche.

Fichiers externes :
En plaçant les feuilles de style CSS et scripts Javascript en fichiers externes, on simplifie considérablement le travail de mise à jour du site. Egalement on réduit du même coup la taille du fichier XHTML. Ce fichier est celui qu’intéresse les moteurs de recherche, et on a tout l’intérêt à présenter un codage propre sans informations superflues.

N’hésitez pas à nous contacter si vous avez besoin de plus d’informations.