Tout processus d’affaires devrait avoir comme objectif d’ajouter de la valeur directe ou indirecte, sans quoi il en résulte un gaspillage de ressources. C’est dans cette optique que devrait s’inscrire le commerce électronique, et notamment la conception Web. Avant d’entreprendre tout investissement, il est primordial de se demander comment l’intégration de nouvelles technologies aux processus existants peut ajouter de la valeur aux yeux du client.

Comme le décrivent Boisvert et Bégin : « le déploiement stratégique du commerce électronique ne s’improvise pas. Il résulte d’une volonté de réaliser la mission de l’entreprise en empruntant les moyens technologiques du cyberespace et en réinventant au besoin les modes de fonctionnement de l’organisation. » [1]

Le concepteur doit par conséquent procéder à une analyse systémique du contexte de l’entreprise. Il doit identifier toutes les activités touchées ou pouvant être optimisées par les nouvelles technologies de l’information et des communications – par exemple, la comptabilité, les commandes, la gestion des stocks. Par la suite, le concepteur doit concevoir un plan de réaménagement de ces activités duquel découlera une stratégie de commerce électronique.

Il existe trois volets au commerce électronique : informationnel, promotionnel et transactionnel. Selon des statistiques récentes, les sites Web québécois exploitent ces volets dans des proportions respectives de 78 %, 12 % et 10 %.

Chacun de ces volets peut être plus ou moins adapté à votre entreprise et vos produits et services. Il incombe par conséquent au stratège Web de définir lequel ou lesquels sont les plus appropriés dans le cadre spécifique du mix stratégique et du mix marketing de l’entreprise. Les facteurs culturels, économiques, technologiques et législatifs doivent, entre autres, être pris en compte.

Contactez-nous dès maintenant pour savoir comment vous pouvez tirer parti du commerce électronique.

L’interface d’un site Web peut être divisé en 7 éléments, aussi appelés les 7C [2]  : Contenu, Contexte, Communauté, Personnalisation (de l’anglais « customization ») , Communication, Connexion et Commerce.

Le contexte se définit comme l’apparence et la convivialité de l’interface. C’est en quelque sorte le contenant, l’emballage. Il s’inscrit généralement sur un axe dont les deux extrêmes sont l’esthétique et la fonctionnalité. L’objectif à atteindre est l’équilibre.

Le contenu est toute information disponible sur le site : texte, listes, images, multimédia, fichiers, etc. Le contenu revêt par ailleurs une dimension temporelle : certaines informations, comme la mission, les produits et les services, ont une durée de vie relativement longue. D’autres, comme les nouvelles et les réalisations récentes, une durée de vie plus courte.

La communauté quant à elle correspond à toute interaction entre les usagers. Elle peut prendre une forme passive, comme les témoignages, ou active, comme les babillards électroniques, les salles de clavardage et les messageries instantanées. Les études sur l’importance des communautés sont récentes [3], mais avec l’émergence du phénomène Web 2.0, le désir de l’utilisateur de commerce électronique d’entrer en contact avec ses pairs est de plus en plus mise en évidence. Plusieurs magasins virtuels en tire d’ailleurs déjà parti : Amazon et eBay pour n’en nommer que deux.

La personnalisation fait référence au degré possible d’adaptation à chaque utilisateur. Elle peut prendre diverses formes, comme la sauvegarde des préférences de l’utilisateur (langue, couleur, thème, etc.), les agents intelligents (infolettre filtrée), l’inscription par nom d’utilisateur et mot de passe, ou les suggestions basées sur le comportement d’autres utilisateurs (Amazon en est un bon exemple).

La communication se défini par le dialogue entre l’organisation et l’utilisateur. Elle se distingue du contenu par son caractère ponctuel. Cette communication peut être à sens unique ou à double sens, du simple formulaire de contact à la web diffusion en passant par l’information par clavardage.

La connexion est le degré avec lequel le site est lié à d’autres sites. Ces liens peuvent prendre diverses formes : contenu externe, services connexes, clients, fournisseurs, etc. Par ailleurs, il est possible en intégrant bien la connexion d’alimenter les autres éléments en économisant des ressources.

Enfin, le commerce correspond à l’infrastructure mise en oeuvre afin de réaliser une ou des transactions commerciales avec l’utilisateur : Site sécurisé, panier d’achat, paiement par carte de crédit, suivi des commandes, etc. Les méthodes d’établissement des prix, d’abord limité aux catalogues, sont devenues plus créatives au cours des dernières années. Nous sommes à l’ère des enchères, directes ou inversées, et du marchandage.

En conclusion, ces sept éléments et le processus dont ils font parti qu’est la conception d’un site Web, doivent s’inscrire dans le cadre du modèle d’affaire et de la planification stratégique de l’entreprise. Par ailleurs, il s’agit là d’un système et non d’éléments indépendants. Les relations entre les 7C sont donc aussi importantes que les 7C eux-mêmes.

Les experts en conception Web de Quantik Solutions sauront vous aider à déterminer l’agencement optimal de ces éléments en fonction de votre stratégie et de votre plan de communication.

Il existe une astuce afin d’entrer ces entêtes graphiques à l’intérieur d’une balise A ou H1 contenant le texte équivalent.

Cette méthode, bien que non entièrement conforme au standards W3C - elle nécéssite l’ajout de deux style height - reste très compatible : Internet Explorer 5.5 et plus PC/Mac, FireFox, Netscape 7, Safari, et Opera.

L’avantage, unique mais considérable, est qu’elle permet aux robots - Google et compagnie - de lire le texte de d’une entête ou d’un lien, et non de l’attribut ALT de l’image.

L’astuce est simple : créer une balise, lui assigner par feuille de style CSS un fond background-image correspondant à l’image désirée et faire en sorte que le texte soit invisible à l’utilisateur.

Balise d’en-tête H1

Examinons cet exemple. La ligne width correspond à la largeur de l’image. La première ligne height fera en sorte que le contenu texte sera invisible pour le visiteur parce qu’une hauteur nulle. La ligne padding-top augmente la hauteur nulle de vingt pixels de marge intérieure, afin que l’image de fond soit visible.

Une attention particulière doit être portée à la seconde ligne height. Elle ignorée par tous les fureteurs sauf Internet Explorer 5.5 parce que la première comporte la mention  ! important.

Par ailleurs, Internet Explorer 5.5 n’évalue pas correctement les paramètres CSS height et width en conjonction avec les marges intérieures padding. Alors qu’ils devraient les ajouter aux dimensions finales, en l’occurrence 150x0, pour arriver à 150x20, ce dernier les soustrait et arrive à une taille finale de 150x-20. Ainsi, cette seconde ligne height qui n’est évaluée que par Internet Explorer 5.5 fait en sorte que la taille finale est de 150x0 comme sur les autres fureteurs.

Bouton lien graphique avec états

Cette technique peut également être utilisée afin de créer des boutons avec états (roll-over et actif)

Les techniques conventionnelles consistent à créer trois images et à les changer lors d’événement onMouseOver, onMouseOut et onMouseDown en JavaScript. Cette méthode comporte 3 inconvénients :
  L’utilisateur doit avoir la technologie JavaScript activée sur son fureteur ;
  Le fureteur télécharge 3 fichiers images différents, donc autant d’appels de page, ce qui ralentit le chargement ;
  Le contenu du lien étant une image, seuls les contenus des attributs alt de l’image et title du lien sont indexés par les robots.

Voici l’alternative CSS : elle ne nécessite aucun JavaScript, ne produit qu’un appel de page pour l’image et permet aux robots d’indexer un texte relatif au lien.

Vous devez d’abord créer une image superposant les trois états du bouton. Par exemple, si votre bouton doit mesurer 150 pixels de large par 20 pixels de haut, votre image mesurera 150 pixels de large par 60 pixels de haut. En voici un exemple :

Le reste du travail est simple. L’astuce est similaire à l’astuce H1, le code se déclinant comme suit :

La feuille de style fait en sorte de déplacer verticalement le fond du bouton lors des événements hover et active. La partie non visible est cachée grâce au style overflow : hidden.

Conclusion

En somme, il est possible, en faisant une petite entorse aux normes W3C, d’optimiser ses en-têtes et ses boutons pour l’indexation par les robots. Est-ce que le jeu en vaut la chandelle ? C’est à vous de voir, mais nous sommes d’avis que oui.

Références

  Kryogenix : Another image replacement technique (anglais)
  Stopdesign : Using Background-Image to Replace Text (anglais)
  A List Apart : Articles : Facts and Opinion About Fahrner Image Replacement (anglais)

En théorie et technologiquement, deux méthodes s’offrent à nous pour se faire :
  l’utilisation de la géolocation pour déterminer la situation géographique du visiteur
  l’utilisation de JavaScript pour lire l’horloge de l’ordinateur du visiteur

La géolocation pose divers problèmes logistiques : les bases de données gratuites ne sont souvent pas assez précises pour déterminer avec exactitude le fuseau horaire, et les bases de données payantes sont souvent trop chères pour que le retour sur investissement de la détection du fuseau horaire soit positif.

Le JavaScript, quant à lui, offre une solution simple, mais présente deux désavantages mineurs :
  il est impossible de détecter le fuseau horaire pour les utilisateurs n’ayant pas JavaScript activé
  la précision du résultat dépend de l’exactitude de l’horloge de l’ordinateur du visiteur, car la détection se base sur cette dernière.

La méthode

La méthode que je vous propose est relativement simple et se résume en 3 étapes :

  Tenter de détecter le fuseau horaire de l’utilisateur via JavaScript, et transmettre le résultat par un appel XML-HTTP à un script qui le sauvegardera en cookie ou en session.
  Si la détection est impossible, tenter de lire le cookie (ou le profil de l’utilisateur s’il existe) afin de récupérer le dernier fuseau horaire détecté pour le visiteur
  Si aucun fuseau horaire n’a précédemment détecté, utiliser une valeur par défaut, ou tenter une détection par géo-location.

Conclusion

En somme, il est possible de détecter assez simplement au moyen de JavaScript le fuseau horaire de vos visiteurs afin de leur présenter des dates et des heures locales sans avoir à leur poser la question.

Néanmoins, la source la plus sûre pour déterminer avec exactitude cette information reste toujours l’utilisateur. Par conséquent, cette méthode ne devrait en aucun cas mener au retrait de la fonction permettant à l’utilisateur de le faire.

Étant concepteur Web, je suis avec intérêt l’émergence de ce type de solution depuis quelques années. J’en vends d’ailleurs à mes clients à l’occasion, car ils présentent pour eux des avantages certains, mais rarement à ceux qui d’entrée de jeu m’en demande un.

Un système de gestion de contenu bien conçu vous permet de modifier intégralement le contenu de votre site vous-même, sans connaître la programmation et sans risquer de défaire cette mise en page si chèrement payée au graphiste. On n’est jamais mieux servi que par soi-même, comme dit le proverbe, alors exit l’intégrateur Web ! Le concept est génial en soit ! Mais le jeu en vaut-il la chandelle ?

Vous ne modifiez que rarement le contenu de votre site. L’intégration d’un système de gestion de contenu, bien que de moins en moins dispendieuse, n’est pas sans frais. Il vous incombe donc d’évaluer ce que vous payez annuellement à votre intégrateur Web. Moins de 500$ ? Une telle application vous coûtera sans doute plus cher que de faire affaire avec un intégrateur Web compétent.

Vous ne modifiez qu’une infime partie de votre site. Le premier avantage majeur de ce genre de système est qu’il vous permet de modifier la quasi-totalité du contenu de votre site. À quoi bon pouvoir modifier tout le site si vous n’entendez mettre à jour qu’ 1% du contenu annuellement ? Votre budget de communication peut être mieux investi que dans un gestionnaire de contenu. Une solution personnalisée vous permettant de ne gérer que quelques éléments vous sera sans doute plus profitable.

Vous n’êtes pas pressé de voir votre nouveau contenu en ligne. Le second avantage majeur du système de gestion de contenu est qu’il vous permet de mettre à jour les informations contenues sur votre site en temps réel. Plus besoin d’attendre ! Mais êtes-vous à ce point pressé ? Un bon intégrateur Web devrait être en mesure de réagir dans les vingt-quatre heures en temps normal, et en moyenne trois fois moins lorsqu’une situation urgente se présente. Vous pouvez vivre avec ces délais ? Alors investissez ailleurs, sur du référencement par exemple, mais pas sur un gestionnaire de contenu.

En conclusion, un système de gestion de contenu est un outil qui s’avère d’une grande utilité pour de nombreuses entreprises. Cependant, dans plusieurs circonstances, il offre un ratio avantage/prix moins élevé que des solutions plus traditionnelles. Il n’est donc pas une solution à tous les maux.

Vous êtes désireux de savoir si l’outil pourrait vous être profitable ? Contactez-nous. Un bon conseil coûte moins cher qu’une décision mal informée.

L’optimisation de sites afin qu’ils fassent bonne figure sur les moteurs de recherche pour des mots précis peut être très complexe. Certains en font même une spécialité !

1) Insérez des titres pertinents à vos pages

Sans aucun doute, le titre d’une page est l’élément le plus important à considérer lors de l’optimisation, la raison principale étant que la grande majorité des moteurs de recherche accordent un haut niveau d’importance aux mots clés qui sont présents dans le titre.

Comme un être humain cherchant dans une bibliothèque, les moteurs de recherche accordent peu d’importance aux pages dont le titre est manquant ou impertinent.

À retenir :

  Toutes vos pages doivent contenir un titre unique, qui reflète bien le sujet traité
  Le titre doit contenir entre 50 et 80 caractères, incluant les espaces
  Le titre doit contenir les mots et phrases clés qui sont pertinents au contenu textuel de la page
  Les mots et phrases clés doivent se retrouver au début du titre, pour un maximum de 3 à 4 mots clés

En prenant exemple sur cette page, la programmation HTML pourrait ressembler à ceci :

2) Utilisation des balises META

Plusieurs croient que l’utilisation de ces balises suffit à avoir un bon classement sur les moteurs de recherche. C’était le cas il y a quelques années, mais suite à de l’abus, leur prise en compte par les moteurs de recherche a été grandement réduite, et sont même ignorées par plusieurs.

Quoi qu’il en soit, ces balises ne sont pas désuètes, et leur utilisation ne peut certainement pas nuire au classement de votre site.

La balise META keywords devrait contenir un maximum de 1024 caractères, séparés par des virgules, incluant les espaces.

Les mots clés utilisés dans cette balise doivent être reliés au contenu de la page en cours, et être présents dans le titre de la page et dans la balise META description.

La balise META description ne devrait pas comporter plus de 250 caractères, incluant les espaces, ce qui correspond environ à deux phrases.

Cette description devrait aussi inclure jusqu’à quatre de vos mots clés les plus importants. Idéallement, ces mots se retrouveront au début de la description.

3) Optimisation du contenu

Trois éléments principaux sont à prévoir pour optimiser le contenu de vos page :

  Le ratio balises HTML versus le contenu textuel
  L’utilisation des balises d’en-tête
  Le texte mis en évidence (gras, italique)

Contenu textuel

Une page riche en contenu textuel est particulièrement appréciée par les moteurs de recherche. Encore faut-il qu’ils puissent facilement différencier le code HTML du texte lui-même.

La manière la plus efficace d’en arriver à ce résultat est d’utiliser les feuilles de style en cascade (de l’anglais CSS, ou Cascading Style Sheets) pour gérer la présentation de vos pages.

Balises d’en-tête

Les balises d’en-tête (H1, H2) permettent de spécifier aux lecteurs et moteurs de recherche quel est le sujet de la page, et quelles en sont les sous-sections.

Les moteurs de recherche accordent une plus grande importance au texte qui se trouve entre une balise d’en-tête. Notez que vous devriez avoir un maximum d’une balise H1, correspondant générallement au titre de la page.

Texte mis en évidence

La grande majorité des moteurs de recherche détectent les mots qui sont mis en évidence dans le texte. Avec une utilisation judicieuse des balises <em> (italique) et <strong> (gras) sur vos mots et phrases clés, vous inciterez les moteurs de recherche à accorder plus d’importance à ces derniers.

4) Densité des mots et phrases clés

La densité des mots clés est calculée en analysant la totalité du contenu textuel de la page, et en comparant le nombre de fois que les mots clés apparaissent dans le texte.

Les experts s’entendent pour dire que ce pourcentage devrait se situer entre 3 et 10% pour un résultat optimal.

Il est par ailleurs préférable d’insérer ces mots et phrases clés dans le premier tier du contenu principal du site.

5) Utilisation de la propriété ALT aux images

Utilisez la balise ALT pour chacune des images de votre site. Ceci aidera les moteurs de recherche à les indexer, en plus de rendre votre site plus navigable au visiteurs ayant un handicap visuel.

Accessibilité, pertinence et qualité sont les mots d’ordre dans le domaine de l’optimisation pour les moteurs de recherche.

L’optimisation pour les moteurs de recherche est une science complexe. Plusieurs autres facteurs que ceux déjà mentionnés peuvent améliorer votre classement, tel que la soumission de votre site aux annuaires de recherche, garder le poids de vos pages en deçà de 50 Ko et limiter l’utilisation de Javascript et du Flash.

Quantik Solutions possède une solide expertise dans le domaine. Nous vous invitons à nous contacter pour en savoir plus.

La stratégie de contenu est primordiale. D’une part, le contenu de votre site doit répondre aux attentes des visiteurs qui arrivent sur votre site, et d’autre part, il doit permettre aux moteurs de recherche qui l’indexe de diriger vers votre site les visiteurs qui recherchent vos services.

La stratégie de lien est plus subtile : d’abord, elle vise à augmenter la visibilité de votre site, un peu à la manière des panneaux publicitaires en bordure des routes. D’autre part, plusieurs moteurs de recherche classent la pertinence de votre site en fonction notamment du nombre de liens pertinents qui y pointent.

Voici donc quelques stratégies de lien qui augmenteront l’achalandage à votre site et votre classement dans les moteurs de recherche.

1. L’échange de liens avec d’autres sites Web

Bien connu, cet échange de bons procédés a fait ses preuves. Proposez à vos clients, partenaires d’affaires et fournisseurs d’ajouter à leur site un lien au vôtre en échange de la réciproque.

Ces liens ont généralement une bonne valeur parce qu’ils proviennent de sites du même secteur d’activité que le vôtre. Évitez les liens imagés, et profitez de l’occasion pour glisser quelques-uns des mots clés de votre stratégie de contenu dans le texte du lien. Par exemple : Conception Web professionnelle par Quantik Solutions.

Par ailleurs, Google calcule la valeur du lien en fonction de la crédibilité – ou PageRank [4] - du site d’où il provient. Une manière simple de calculer la force d’un site, incluant, mais ne se limitant pas au « PageRank », est d’utiliser l’outil PageStrength Calculator offert par SEOmoz (anglais seulement).

Cependant, sachez que la plupart des moteurs de recherche accordent plus d’importance aux liens unidirectionnels qu’aux liens réciproques.

2. Soumettez votre site aux annuaires

Un moyen simple d’augmenter le nombre de liens unidirectionnels est de soumettre votre site aux annuaires. Il existe d’innombrables annuaires de site [5] [6] : locaux, mondiaux, et de langues multiples ; certains sont gratuits, d’autres payants. Si votre service est local, vous devriez commencer par les annuaires locaux, DMOZ et Yahoo, parce que des inscriptions à ces annuaires vous rapporteront du trafic local.

Il existe aussi des annuaires de liens [7], qui agissent un peu comme des signets pour les internautes. La valeur de ces liens est moindre, mais ils sont gratuits. Demandez à vos amis de vous y inscrire dans leurs signets.

3. Écrivez des articles

Vous êtes un expert dans votre domaine. Partagez votre savoir, et écrivez des articles qui pourront intéresser vos clients actuels et potentiels, partenaires et fournisseurs.

En plus de renforcer votre image d’expert, un article pertinent et bien écrit représente du contenu intéressant pour les sites et blogues spécialisés qui se feront souvent une joie de les reproduire avec votre autorisation.

Enfin, ce genre de matériel peut facilement être recyclé et utilisé dans votre campagne marketing hors site.

4. Écrivez sur les forums et les blogues

Il existe de nombreux forums et blogues sur tous les sujets inimaginables. Trouvez en quelques-uns dans votre secteur d’activité, et postez-y régulièrement. Une fois encore, vous êtes un expert dans votre domaine : répondez aux néophytes, ajoutez aux propos d’autres experts, commentez les nouvelles des blogues, ou postez-y vos articles ! N’oubliez pas d’inclure un lien vers votre site dans votre signature.

Cependant, assurez-vous de contribuer au site sur lequel vous postez. Des commentaires inutiles répétés comme « Dans le mille ! » ou « Excellent ! » ne serviront pas votre réputation en plus de vous valoir une expulsion potentielle : cette technique est aux forums ce que le spam est au courriel.

5. Écrivez des témoignages de satisfaction

Vous êtes satisfait du service de vos fournisseurs ? Écrivez un témoignage de satisfaction et demandez qu’on y inclue un lien vers votre site.

6. Acheter des liens

Certains sites bien référencés et considérés « crédibles » par Google sont disposés à vous vendre un lien de leur site vers le vôtre. Dispendieuse parce que la location est généralement mensuelle, mais très souvent profitable, cette stratégie vaut d’être mentionnée. Elle permet d’augmenter rapidement la crédibilité de votre site aux yeux de Google.

Cependant, la prudence est de mise : ne vous fiez pas à la bonne parole du vendeur et vérifiez toujours que le site est bel et bien crédible (avec l’outil PageStrength Calculator par exemple).