Le site internet du prestataire web Omnireso, consultant en stratégie de communication online, est depuis Octobre aux nouvelles couleurs d'une charte graphique revisitée.

Alors que l'habillage graphique précédent, relativement simple et neutre dans les tonalités bleues, reposait sur une infrastructure en HTML5 et CSS3, cette version revient à des standards éprouvés du marché, en xHTML 1.0 et CSS 2.1, pour une meilleure compatibilité d'affichage (et pour éviter d'avoir recours à des scripts supplémentaires et des hacks en cascade).

L'intégration web a été réalisée en interne et testée sur les principaux navigateurs et plateformes actuelles. Plutôt logique vu qu'Omnireso propose justement ce type de prestation web (intégration de charte graphique en xhtml + css) dans son panel de services aux entreprises.

De même, l'analyse SEO et l'optimisation du code des pages ont été intégrées dans en amont du projet et font l'objet d'un suivi et d'actions correctrices au besoin.

Le temps de chargement de ces pages est très court grâce à une prise en compte des éléments graphiques récurrents, des zones à découper, et des mises en page typographiques à dupliquer.

Après avoir testé différents designs et habillages graphiques (environ 4 depuis la mise en ligne du site il y a plus d'un an), Omnireso semble avoir trouvé une charte et un design en accord avec ses valeurs et l'image que l'entreprise souhaite véhiculer !

http://www.omnireso.com/

Mis en ligne en Juin 2010 d'abord en HTML5, puis remanié en xHTML afin que le site puisse être compatible avec la majorité des plateformes d'accès à Internet, le site de la psychologue pour enfants nantaise Emilie Bernardeau a également subi un lifting de CSS. Le site était en effet centré horizontalement dans la page, avec des éléments graphiques d'arrière-plan disposés sur des parties structurelles, ce qui pouvait sembler bizarre selon les résolutions d'écran utilisées.

Le design de la page d'accueil a donc été revu afin de s'inscrire dans un cadre plus restreint, toujours centré horizontalement. Certains éléments de texte ont été revus ou supprimés afin que la hauteur n'oblige pas l'internaute à utiliser la barre de défilement verticale.

La technologie Flash d'Adobe, on le sait, présente l'ultime inconvénient de ne pas être ni standard ni ouverte, et donc peu performante en terme de référencement naturel, puisque les robots des moteurs de recherche ne peuvent
parcourir un document Flash pour en lire le contenu et en extraire les mots-clés.

Depuis le temps que cette lacune a été pointée du doigt dans le monde du web, ce sont les développeurs de sites qui ont du se creuser les méninges pour proposer des sites "Full Flash" parfaitement référençables. L'astuce principale consistant à encapsuler un contenant Flash à l'intérieur d'un gabarit xHTML, et à servir les même contenus aux deux technologies, via une base de données et un CMS par exemple. Les internautes disposant du lecteur Flash affichant le conteneur Flash, les autres (et les robots) parcourant la version xHTML.

Plus récemment, Adobe a commencé à se pencher sur le problème en proposant son logiciel Wallaby, qui serait capable de convertir une animation Flash en HTML5. Lire le résumé qu'en fait le site des anciens étudiants en multimédia DUMAC: Adobe et Flash Wallaby.

Toujours est-il que l'utilisation de Flash pour les sites à petits budgets (n'ayant pas les moyens de réaliser les passerelles évoquées ci-dessus) est pénalisante pour leur référencement naturel.

C'était le cas du centre de bien-être d'Haguenau Digivital.

Ce site a fait l'objet d'une intégration xHTML d'après la maquette graphique intégrée dans Flash. Toutes les animations Flash ont donc été remplacées par du texte brut ("en dur") et des liens entre les pages. Le nouveau découpage xHTML 1.0 et l'utilisation des CSS 2.1font donc de ce site un cas d'école de refonte de site Flash, puisque les internautes disposant du player (lecteur Flash) ne verront pas la version HTML du site, chaque page web comportant la balise d'objet Flash encapsulé.
Seuls les robots ou les utilisateurs d'IPhone ou d'Ipad verront ce type de page : Amincissement par digitopuncture.

Nul doute qu'avec cette opération, les statistiques de consultation du site vont pouvoir décoller !

La fin ANNONCÉE de L'intégration graphique pour le navigateur Microsoft Internet Explorer 6 ?

Microsoft lance en effet un site communautaire intitulé THE IE 6 COUNTDOWN (le compte à rebours d'IE 6), incitant les webmasters à envoyer le logo du site sur lequel ils placent un message, afin que ce site événementiel puisse l'afficher au côté des autres participants...

Las, la transmission du logo se fait par simple adresse email (ie6countdown@microsoft.com), et nulle trace sur le site d'un listing affichant les relais d'information.

Quant au reste, le site ne comporte que quelques pages et prône les bénéfices d'une mise à jour en argumentant sur la rapidité et la confidentialité accrues dans leurs versions plus récentes d'Internet Explorer.

Bref, du vrai bon buzz relayé sur le web par la cohorte de professionnels de l'internet, pestant contre la ténacité d'IE 6 qui surfe sur la Toile depuis 10 ans et reste utilisé par 12% des internautes de par le monde en février 2011, dixit le site IE6countdown via Net Applications... Le but est le suivant : afficher un message à tous les utilisateurs d'Internet Explorer 6 visitant votre site, et les inciter à mettre à jour leur logiciel. Tout ça dans l'objectif de réduire la part d'utilisateurs d'IE6 à 1%.

<!--[if lt IE 7]> 
  <div style=' clear: both; height: 59px; padding:0 0 0 15px; 
position: relative;'>
  <a 
href="http://www.microsoft.com/windows/internet-explorer/default.aspx"><img
 src="http://www.ie6countdown.com/images/upgrade.jpg" border="0" 
height="42" width="820" alt="" /></a></div>
 <![endif]-->

En communiquant de la sorte, avec un biais original et décalé puisqu'il s'agit de mettre un terme à l'utilisation de son propre vieux navigateur dépassé qu'est IE6, Microsoft possède l'avantage marketing de l'image procurée par une société donnant dans l'auto-évaluation et l'auto-dérision. IE6 n'a pas besoin de ce dernier coup de pouce de son géniteur pour disparaître, puisque les campagnes de ce type existent depuis bien longtemps : le Web Standards Project par exemple, qui officie dans l'évangélisation des bonnes pratiques et du respect des standards du web (ce qu'a ignoré Microsoft jusqu'à la version 8 de son navigateur - et encore diront les puristes) depuis...2001. http://www.webstandards.org/action/previous-campaigns/

C'est donc un superbe tour de communication de la part de l'éditeur, que de ramasser les miettes tout en faisant parler de ses nouveaux produits.

Pour l'instant le site ne semble être proposé qu'en anglais, et les possibilités d'interaction et d'incitation à la diffusion du message ne sont pas à la hauteur, ou pour le moins sont à sens unique (l'internaute relayant le message mais n'obtenant rien en échange - au contraire de ce qui est annoncé : -, oui le propre du marketing viral...)

Voilà le message-type diffusé par les volontaires via Twitter : I'm doing my part to get IE6 to 1% http://bit.ly/ie6countdown #ie6countdown

http://www.theie6countdown.com

Le site de la psychologue pour enfants et adolescents Emilie Bernardeau est désormais en ligne !

Conçu en HTML5 et CSS, il se veut informatif et accessible à tous les publics susceptibles de faire appel aux services d'une psy sur Nantes.

http://www.psychologie-nantes.com/

Vous possédez un site basé sur un CMS ou propulsé par E-Majine ou Izi-Media et souhaitez re-travailler son ergonomie et son design ?

Je vous propose mes prestations d'intégrateur web en utilisant les technologies xHTML et CSS, afin de vous garantir un respect des normes et standards de publication pour Internet.

Contactez-moi via le site d'Ancenis Web, création de sites internet et référencement en pays d'Ancenis.