S'abonnerReset CSS Eric Meyer
Par Brice, 6 mai 2009 | Xhtml-Css
L’interprétation d’une feuille de style CSS est différente selon le navigateur, car ils ont tous une propre feuille de style de base pour chaque éléments, c’est pourquoi quand un webmaster fait une mise en page de son site, il fait un reset css pour que les éléments soit interprétés de la même façon partout. Le reset css permet de gomer une bonne partie des problèmes de compatibilité entre navigateurs, tout ça sans hack CSS, ou sans commentaires conditionnels, simplement grâce à une déclaration exhausitve des propriété CSS de base d’un fichier HTML.
La météo sur votre site
Par Brice, 4 mai 2009 | Outils
Vous chercher un module de météo gratuit simple et fonctionnel, adapté a votre langue, voici un très bon site qui permet de réaliser un encart météo sur mesure, a afficher sur votre site. ForecaBox permet de gérer pas mal de langue, de trouver toutes les villes dans le monde (ou presque), de définir l’unité, et de choisir le format d’affichage ! Cela reste assez graphique et s’intègre plutôt bien avec les sites, voici un exemple d’affichage :
NicEdit Un editeur WYSIWYG pour votre site
Par Brice, 30 avril 2009 | Outils
Vous cherchez une façon de mettre en page vos textes sans taper du code html ? Vous souhaitez faciliter l’administration de vos clients sur leurs interfaces admin ? Ne cherchez plus, cet éditeur WYSIWYG est fait pour vous ! Après avoir testé plusieurs scripts gratuits, NicEdit m’a semblé le plus facile à adapté, et surtout très léger ! Certes, il n’a pas autant d’option que TinyMCE ou CKEditor, mais si vous voulez restreindre les possibilités de mise en pages à quelques options, NicEdit est idéal.
Des PNG transparent avec IE6
Par Brice, 30 avril 2009 | Xhtml-Css
Depuis toujours, IE6 ne sait pas gérer les PNG transparent (PNG-24), il faut pour cela “bidouiller” notre site pour que l’afficher correctement. Voici une solution efficace pour régler ce problème :
Utiliser un script de remplacement des PNG automatique
Tout d’abord, il faut télécharger ce script (version 1), et prendre uniquement les fichier iepngfix.htc et blank.gif.
Ensuite, insérer ce code CSS dans vos pages web :
<style type=”text/css”>
img, div { behavior: url(iepngfix.htc) }
</style>
Biensur, on peu parametré ce code pour d’autre balises, par exemple :
<style type=”text/css”>
img, div, a, input { behavior: url(iepngfix.htc) }
</style>
Si vous placez blank.gif dans un répertoire, éditer iepngfix.htc et modifier la ligne 15
blankImg = ‘images/blank.gif’;
Simple, efficace, et fonctionnelle 
Erreurs de duplicate content
Par Brice, 23 avril 2009 | Référencement
Le duplicate content, s’agit de page web identique accessible via plusieurs adresses. Dans la plus part des cas, on est même pas au courant. Mais cela a pour conséquence de discréditer votre site envers les moteurs de recherches, car ceux-ci considère qu’on ne peu pas définir lequel doit avoir les points. Voici une liste d’erreurs de duplicate content à ne pas commettre.
Balise canonical contre le duplicate content
Par Brice, 20 avril 2009 | Référencement
Le duplicate content (contenu dupliqué) est l’un des problèmes qu’un webmaster peu rencontrer lors de son référencement, il s’agit la souvent d’une des raisons dans le mauvais positionnement du site.
En effet, le contenu dupliqué est le fait d’avoir une page reproduite à l’identiques en plusieurs exemplaires. La cause peut être du à une mauvaise optimisation, ou d’une copie non autorisé du site internet. Voici quelque exemple d’erreur à ne pas commettre. Le duplicate content est très néfaste pour le référencement, car il diminue le PR de Google, et peut même aller jusqu’a la désindexation du site, car il en devient impossible de connaitre l’originale.
Google à sortie une balise à insérer dans vos pages, pour indiquer quelle sont les urls originales, au cas où il pourrait y avoir plusieurs url possible pour la même page. Cela à pour but d’éviter le duplicate content, cette balise s’insert dans le <head> du code html de cette façon :
<link rel="canonical" href="http://www.nomdedomaine.com/votrepage.html" />
Cette méthode ne fonctionne qu’à l’intérieur d’un même domaine, et ces sous-domaines, elle est validée par Google, Yahoo! et Microsoft.
Le texte des liens entrants
Par Brice, 20 avril 2009 | Référencement
Ceci est une méthode souvant utilisée dans les partenariats avec d’autres sites pour faire connaitre le vôtre en échange de liens négociés, et le BL est un critère important pour la pertinence de votre site.
Définition
Le backlink désigne un lien pointant vers une page de votre site, c’est un lien entrant, qu’il soit interne ou externe au site.
Il est sous cette forme :
<a href="www.flyoverweb.com/">Flyoverweb</a>
Critère important pour la pertinence sur les moteurs, car il est normal qu’un site sur lequel beaucoup d’autres sites populaires proposent un lien comme référence veut dire qu’il vaut le coup d’oeil.
L’attribut ALT de la balise IMG
Par Brice, 20 avril 2009 | Référencement
Cet attribut reste mineur au vu d’une optimisation de référencement, mais elle est quand même présente, et obligatoire si l’on veut respecter les normes du WC3, donc on va en parler brièvement.
Le codage HTML d’une balise image à la forme ci-dessous :
<img src="www.votresite.com/images/logo.gif" alt="mots-clés" />
Cet attribut sert à proposer un texte alternatif à l’image affichée. Ce texte s’affiche lorsque l’on passe la souris sur l’image. Il est aussi obligatoire pour que la page soit conforme aux normes du WC3, n’hesitez donc pas à y insérer des mots-clés de votre page.
Les métabalises
Par Brice, 20 avril 2009 | Référencement
Les métabalises permettent de fournir aux moteurs de recherche un certain nombre d’informations sur le contenu de la page web. Il est prudent de faire une bonne optimisation de ces balises.
Pourquoi moins d’importance ?
La réponse est simple : trop de fraude ont été réalisées. C’est pourquoi ces zones qui auraient dû être très pertinentes ont été considérées de “réservoir à spam”.
Cependant, ces balises sont utiles pour certains moteurs de recherche pour améliorer le classement, nous allons donc voir comment les utiliser.
L’optimisation d’url
Par Brice, 20 avril 2009 | Référencement
L’intitulé des adresses de vos pages est un critère très important. Il est nécessaire d’optimiser les URL de vos pages web, un bon choix dans les mots clés inclus dans vos URL peut faire grimper la position de vos pages.
Le nom de domaine
Il est très important d’avoir un nom de domaine optimisé, car c’est le premier critère qui va être décisif dans la recherche par mots clés. Un domaine comme perso.votre-fai.com/votre-site/ est bien pour un premier temps, mais il faudra acheter un domaine au nom de votre site au plus vite (prix entre 10 et 20 euros par an).