Nicolas Vannier - développeur web à Bourges

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/

Piwik est un outil gratuit et Open Source à installer sur son propre serveur avec le couple PHP / MySQL. Il n’a cependant rien à envier au célèbre Google Analytics !

Il permet, entre autre, d’obtenir des statistiques en temps réel (alors qu’il faut attendre 24 heures pour Google Analytics), de conserver et d’être maître de ses données et enfin dispose d’une interface agréable entièrement personnalisable.

Lien : http://piwik.org/

Cette fonction permet d’afficher le poids pour un fichier par exemple, en partant d’un nombre d’octets. Le résultat affichera 1 Mo plutôt que 1024 Ko par exemple.

function GetSizeName($octet){
    $unite = array(' octet',' Ko',' Mo',' Go');
 
    if ($octet < 1000) {
        return $octet.$unite[0];
    } else {
        if ($octet < 1000000) {
            $ko = round($octet/1024,2);
            return $ko.$unite[1];
        } else {
            if ($octet < 1000000000) {
                $mo = round($octet/(1024*1024),2);
                return $mo.$unite[2];
            } else {
                $go = round($octet/(1024*1024*1024),2);
                return $go.$unite[3];
            }
        }
    }
}

Source : http://feedproxy.google.com/~r/phps/~3/yba5-QGqgV4/convert-octets-to-ko-mo-go

Développer un site pour iPhone ou iPad est similaire à la réalisation d’un site classique, mais certaines normes spécifiques sont tout de même à respecter, comme par exemple éviter l’utilisation du Flash.

J’ai retenu deux sites qui mettent en avant les bonnes pratiques et les balises meta à utiliser pour Safari Mobile.

Lien 1 : http://www.yashh.com/blog/2008/dec/30/designing-iphone/
Lien 2 : http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/

Référence Apple Safari Doc : http://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html