Nicolas Vannier - développeur web à Bourges

Le portail n9ws a totalement été revu. Finies les news défilantes ou les informations rangées par onglet : place à la clarté et à l’information !

Le site est désormais présente désormais sur la page d’accueil un bloc « A la une », affichant les 3 dernières n9ws, un bloc « Sur le blog » et « En ce moment », permettant d’obtenir les dernières informations dans différentes rubriques.

Dans la page des actualités, on retrouve bien entendu la n9ws, mais aussi des boutons permettant de Partager sur Facebook, Twitter ou encore par mail. Le bloc « Voir Aussi » propose des liens vers les n9ws de la même catégorie. Afin de ne pas afficher trop de commentaires sur cette page, seuls les derniers postés sont présents.

Le site devrait bénéficier également d’un meilleur référencement, avec des titres pour chacune des pages (quoi de plus logique après tout) et des URL réécrites de façon à laisser le titre des n9ws dans celles-ci.

n9ws étant présent sur Facebook, il était naturel que l’on retrouve nos fans sur notre page d’accueil, tout comme nos partenaires qui nous soutiennent depuis plusieurs années pour certains. La n9wsletter, remise au goût du jour il y a peu, est également mise en avant (plus de 1000 abonnés).

La recherche est disponible sur toutes les pages dans le bandeau du haut, et permet aussi bien de rechercher des actualités, des messages sur le forum ou encore des billets sur le blog.

Site : http://www.n9ws.com

Date : 06/2010 – 09/2010

Description

La ferme des Petits Gazons est une exploitation familiale située dans le Cher (18), sur la commune de Montlouis, à 40 minutes de Bourges.

Détails

J’ai réalisé le développement de ce projet en collaboration avec la graphiste de mon entreprise. Le site comprend une navigation horizontale et des effets de navigation réalisés en jQuery. Vous pourrez y trouver une galerie photos, une zone d’actualités ainsi qu’un formulaire de contact.

Lien : http://www.lespetitsgazons.fr/

A l’heure actuelle, seuls les navigateurs les plus évolués interprètent déjà une partie des spécifications du HTML5.

C’est le cas de Safari ou Chrome, et Firefox dans une moindre mesure. Il faut bien évidemment oublier IE6, 7 et 8, la version 9 venant de sortir en bêta et n’étant compatible qu’avec Vista et Seven, il faudra toujours proposer une solution d’accessibilité pour les anciennes versions (malheureusement).

Le Flash est assez mal vu à l’heure actuelle, et de nombreuses solutions proposent d’utiliser un lecteur vidéo en… HTML5 !

Voici un lecteur particulièrement intéressant : http://fryplayer.net/
Note : le site est en russe ou ukrainien, mais le bouton Download est assez visible et le code est relativement facile à comprendre.

Le CSS3 n’est pas encore sorti officiellement, mais déjà de nombreux navigateurs le supportent plus ou moins suivant les propriétés utilisées.

Évidemment, Internet Explorer ne supporte pas les propriétés CSS3, ce navigateur étant tellement peu mis à jour régulièrement qu’il est de moins en moins recommandable. Si IE9 supportera les normes HTML5 et CSS3, il ne sera malheureusement pas compatible avec Windows XP, qui représente encore une bonne part de marché notamment dans le secteur des entreprises.

Heureusement, les vrais navigateurs comme Chrome, Safari, Opera et Firefox évoluent rapidement !

Sur le site proposé en lien en fin d’article, quelles propriétés CSS3 sont supportés par les navigateurs d’aujourd’hui.

Lien : http://www.findmebyip.com/litmus/#target-selector

Je vous parlais l’autre jour du formidable outil de statistiques en ligne Piwik. Ce dernier a été mis à jour il y a quelques jours avec, au menu :

• corrections de bugs
• ajout d’un widget SEO
• nouvelle interface, plus simple et plus rapide

Plus d’informations sur le site officiel de Piwik : http://piwik.org/

Après avoir reçu mon iPhone 4, j’ai voulu télécharger des applications.

En voici une liste intéressante :

• Allociné : permet de rechercher les fiches des films, les bandes-annonces et les films dans le cinéma près de chez vous
• AroundMe : certainement la meilleure application et la plus pratique. Après avoir été géolocalisé, l’application trouve tous les commerces et services près de chez vous classés par catégories : banques, cinémas, etc.
• Firefox Home : beaucoup de personnes pensent qu’il s’agit d’un navigateur alors que c’est faux. Après avoir installé Sync pour Firefox sur votre ordinateur, vos marques-pages, et éventuellement mots de passe seront récupérés sur votre iPhone au sein de cette App.
• Wikipedia Mobile : tout le contenu de Wikipedia pour l’iPhone (attention : l’application n’est pas disponible hors ligne).
• Pages Jaunes : une référence indispensable pour trouver les numéros de téléphone utiles.
• SNCF Direct : permet de connaître les trains au départ / à l’arrivée de chaque gare.
• Wikango : il s’agit d’une application, qui, grâce à une communauté assez importante, permet de signaler et avertir les radars proches de votre position.

Le blog officiel de Google pour les Webmasters est riche en informations sur le référencement.

Voici quelques bonnes pratiques à connaître pour bien faire référencer son site, et certaines légendes.

A faire :

• 

  Taille des balises pour les moteurs de recherche

  mettre une balise META Title : celle-ci permet aux internautes de connaître le titre de la page. Taille maximale : 68 caractères.
• mettre une balise META Description : celle-ci n’est pas utilisée par les moteurs de recherche pour indexer, mais elle permet d’avoir un bref aperçu de ce que propose votre site. Taille maximale : 160 caractères.
• mettre au moins une fois le contenu de la balise Title dans un H1 et en gras.
• toujours utiliser l’attribut ALT des images, et ne pas le mettre vide : les moteurs de recherche ne savent pas (encore) lire les images.

A éviter :

• Eviter d’utiliser des liens en JavaScript / AJAX. Préférez la solution qui consiste à remplir l’attribut href de votre lien, et en jQuery par exemple, effectuer votre action en reprenant l’attribut puis retourner false (afin d’éviter au navigateur de charger la page).
• Eviter à tout prix le Flash : le référencement est quasi nul, et votre iPhone affichera une belle brique bleue avec « Plugin introuvable ».
• Vos pages ne doivent pas contenir trop de liens, sans quoi Google ne l’indexera pas, par exemple.

Les mythes à propos des moteurs de recherche :

• mettre les balises strong à la place de b : tous les moteurs de recherche reconnaissent les deux et ne favorisent ni l’un ni l’autre
• mettre plein de mots clés dans la balise META Keywords : cette balise n’est plus utilisée depuis un bout de temps, puisque les moteurs de recherche indexent maintenant en analysant de façon sémantique les pages Web.
• installer un fichier robots.txt pour autoriser les moteurs de recherche à indexer votre site : par défaut, les moteurs de recherche indexent toutes les pages qui ont des liens pointant vers celles-ci. Si vous souhaitez cependant empêcher les moteurs de recherche d’indexer certaines de vos pages, il faut le préciser dans ce fichier.
• Soumettre votre site sur Google. Il y a longtemps que cette pratique n’est plus nécessaire. Les pages sur les serveurs de Google sont restées actives, mais ne sont plus vraiment prises en compte.
• S’inscrire dans plein d’annuaires de référencement : la plupart du temps, ces annuaires ne permettent pas d’obtenir un très bon référencement. Il vaut mieux faire quelques échanges de liens avec des gros sites. Et évitez de mettre 30 partenaires en bas de votre page, ça ne fait pas sérieux !

Les pratiques qui dépendent de votre situation :

• utiliser un Sitemap : beaucoup de personnes pensent qu’il est nécessaire d’avoir un sitemap. Mais si vos pages sont bien reliées entre elles, et qu’elles disposent d’un contenu référençable, un sitemap n’est pas nécessaire.

De manière générale, votre site sera bien référencé si quelques sites de confiance font un lien vers le vôtre et que vous proposez un contenu intéressant qui attire les visiteurs. Il faut bien entendu respecter les quelques normes que j’ai citées précédemment, mais le contenu de votre site joue beaucoup également.

Official Google Webmaster Center Blog : http://googlewebmastercentral.blogspot.com/