Vitam - Blog.

Ils vous arrivent parfois d’arriver sur une page introuvable.
Soit parce que vous écrivez une mauvaise adresse url, soit parce que la page n’existe plus.

Certains navigateurs web affichent alors le message :

« 404 File Not Found » ( « fichier non trouvé »)
The requested URL was not found on this server.

Comme vous le savez sûrement, ces pages 404 sont modifiables, et vous permettent d’informer plus correctement sur le problème.
Mais il est aussi important d’offrir aux visiteurs une ou des portes d’accès vers les autres pages du site. Vous pouvez donc soit re-diriger automatiquement vers la homepage de votre site ou encore offrir des liens vers certaines pages de votre site.

Chez Vitam nous avons décidé il y a déjà quelques temps de cela, d’y afficher le plan du site et ainsi offrir un maximum des portes d’entrées vers un contenu plus ciblé à l’intérieur des différents sites que nous réalisons.

Voici d’autres exemples :

• http://www.mons2015.eu/blahblah/
• http://www.ebsummit.eu/blahblah/
• http://www.energyefficiency.be/blahblah/

Surtout quand on a une bonne idée et un bon réalisateur. Cela peut donner quelque chose comme ça:

Et pour finir la semaine, voici une vidéo faite par des élèves de l’IHECS à la demande du Mouvement Européen Belgique en vue des élections européennes.

Certains d’entre vous doivent savoir que pour un bon référencement, une même page doit toujours avoir une (et une seule) url.

Vitam a poussé le raisonnement plus loin. Si on suit cette logique, une url ne devrait pas afficher deux contenus différents non plus. Or, dans les sites multilingues c’est souvent le cas. La langue étant stockée par le site, les url’s restent identiques pour un même contenu mais dans un langage différent.

Vitam a donc opté pour l’insertion du code iso de la langue directement dans l’url d’une page.

Mais alors, pourquoi s’arrêter là?

On sait également que le texte de l’url en lui-même peut influencer le référencement, c’est pourquoi, en plus d’avoir la langue dans l’url, nous les avons rendues multilingues. Par exemple, une page qui aurait l’url /fr/accueil en français deviendrait en anglais /en/home/ alors que, concrètement, il s’agit de la même page.

Si vous me suivez toujours, allons encore un peu plus loin.

Certains nous demanderont: “que se passe-t-il si on rentre l’url suivante /fr/home/ en suivant l’exemple plus haut ?” Logiquement le navigateur devrait afficher la même page que /fr/accueil … mais, du coup, on aurait deux url’s différentes pour un même contenu. Ce qui est en contradiction avec la première règle citée, n’est-ce pas? Eh bien nous y avons pensé, l’url se traduira automatiquement dans la bonne langue !

Un exemple concret ? Surfez sur www.energyefficiency.be et essayez de manipuler les url’s, vous serez bluffés !

Après la Belgique, allons faire un tour en Europe et voyons comment le parlement européen incite au vote.
Encore une fois, c’est par une vidéo que le message est diffusé.

Maintenant une série faite par Le Parlement Européen des Jeunes pour la même cause et avec le même moyen de diffusion.

On vous parle depuis quelques temps déjà de l’usage de la vidéo sur le web comme moyen de communication. On vous avait parlé aussi de l’usage qu’allaient en faire les partis politiques (surtout après la campagne web menée par Obama qui se révéla extrêmement fructueuse).

Voici un premier exemple avec Ecolo et la part belle faite à la vidéo dans leur site.

Saison 1

Saison 2

Saison 3

Ici

Le jQuery(lien : http://fr.wikipedia.org/wiki/JQuery), pour ceux qui ne connaissent pas, est un framework Javascript libre. Il permet d’améliorer le coté “user friendly” des sites web.

Pour le concours Contrex, il fallait faire un questionnaire en 3 étapes.
Vitam a voulu éviter de faire 3 pages où les internautes doivent recharger toute la page à chaque étape.
Nous avons donc créé un questionnaire sur une page et grâce au jQuery, nous n’affichons qu’une étape après l’autre.

Ce qui est surtout intéressant, c’est le choix de l’image dans la première étape. Il faut choisir une image de femme qui représente la femme Contrex.
Pour réaliser cela, il faut mettre un champ avec une liste de sélection où le participant choisit le numéro de l’image souhaitée.
Afin de rendre ce choix plus sympathique, Vitam a remplacé ce champ par un simple clic sur une des 5 images.
Grâce à jQuery, nous avons caché la liste de sélection et lorsque l’internaute clique sur l’image, la valeur de l’image est attribué au champ contenant la liste de sélection.

Pour voir à quoi ressemble la page sans ces effets, il faut désactiver le javascript. Vous aurez alors l’occasion de voir le concours en entier. Et vous pourrez y participer car il fonctionne évidemment sans javascript.

D’ailleurs, s’il y en a parmi vous qui veulent participer: http://contrex.be/fr/concours/ . Le concours a lieu jusqu’au 15 juin.

Vitam recherche deux nouveaux talents.

1 programmeur PHP

Vitam recherche un programmeur ayant une expérience dans la programmation en PHP/MySQL.

Flexible et sociable, cette personne devra travailler sur divers projets dans un cadre de travail agréable mais exigeant au niveau de la qualité fournie.

Une connaissance du Jquery et de l’intégration est un plus.

Le contrat porte sur un temps plein pour une période de 3 mois pouvant déboucher sur un CDI

1 intégrateur XHTML/CSS

Vitam cherche un intégrateur XHTML/CSS.

Cette personne sera le lien entre les designers et les programmeurs.

Il devra pouvoir fournir un travail soigné, cross-browsers, cross-versions et valide W3C.

Un connaissance du code PHP et de Jquery est un plus.

Le contrat porte sur un temps plein pour une période de 3 mois pouvant déboucher sur un CDI

Si vous vous reconnaissez dans un de ces profils, contactez-nous via le formulaire de contact.

Un petit tour à New York ça vous dit? C’est par ici