J’ai découvert il ya peu un reset css type de Eric Meyer, voici son code :

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: “”;
}
blockquote, q {
quotes: “” “”;
}

Pour ma part, je faisais un reset pour chaque éléments, une vieille habitude, autant dire que c’était assez pénible !
Voici un article sur 5 reset css etudiés.

Pour le mettre en place, c’est très simple, commencez par télécharger ce script avec les options que vous désirez. Ensuite, de-zippez le, vous aurez 2 fichiers utiles (nicEdit.js et nicEditorIcons.gif), placez les dans le répertoire qui vous convient.

Pour faire fonctionner ce script, insérer dans vos pages ce code d’appel du fichier Javascript :

<script src=”js/nicEdit.js” type=”text/javascript”></script>

Puis,  vous avez la possibilité de faire fonctionner l’éditeur WYSIWYG sur toutes les balises textaera comme ceci :

<script type=”text/javascript”>
//<![CDATA[
bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
//]]>
</script>

Ou de faire fonctionner sur une cible définie comme ceci :

<script type=”text/javascript”>
//<![CDATA[
bkLib.onDomLoaded(function() {
new nicEditor({maxHeight : 300}).panelInstance('texte');});
//]]>
</script>

<textarea name=texte cols=90 rows=15 id=’texte’></textarea>

Ici il fonctionne pour l’id “texte” uniquement, vous remarquerez l’option maxHeight : 300, qui permet de définir une hauteur minimum, je vous la conseil pour avoir un minimum de visibilité. Voici le wiki  du script, vous y trouverez les options et configurations.

Si vous avez un problème d’afficher des icones, vous devrez surement modifier la ligne ci-dessous en fonction où se trouve le gif :

iconsPath : ‘./js/nicEditorIcons.gif’

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

Erreur n°1 : Site accessible avec et sans www

C’est l’erreur de base qui peu couter cher ! Souvent les webmasters laisse ont l’accès a leur site avec ou sans les www, cela même sans vraiment s’en rendre compte, malheureusement sa signifie alors une double indexation, pour le même site, et ont a la une belle duplication de tout le site.
La solution consiste a rediriger l’un vers l’autre, avec la redirection 301, via le .htaccess comme ceci :

RewriteCond %{HTTP_HOST} !^www\.domaine\.fr [NC]
RewriteRule (.*) http://www.domaine.fr/$1 [QSA,R=301,L]

Ou avec un code php psi votre hébergeur n’autorise pas le mod_rewrite :

$request_uri=$GLOBALS['REQUEST_URI'];
$domaine=$_SERVER["HTTP_HOST"];
$sous_domaine=substr($domaine,0,strpos($domaine,”.”));
if ($sous_domaine!=”www”)
{
$url=”http:/www.URL-DE-VOTRE-SITE.com”;
// pour les robots on peu evidemment ajouter cela :
header(”HTTP/1.1 301 Moved Permanently”);
header(”Location: “.$url);
header(”Connection: close”);
exit;

On peu aussi utiliser le meta canonical.

Erreur n°2 : Double url pour la page d’index

Voici un exemple d’erreur à corriger très vite :

http://www.nomdedomaine.com/ ou http://www.nomdedomaine.com/index.html

En effet c’est deux url distinct sont la même page, c’est pourquoi il est préférable de ne pas mettre vos liens vers la page d’accueil vers index.html. Voici une solution pour une redirection 301 sous htaccess :

RewriteRule index\.html$ http://www.domaine.fr/%1 [R=301,L]

Et une solution php :

<?php
$url = $_SERVER["REQUEST_URI"];
if($url==’/index.html’)

{
header(”HTTP/1.1 301 Moved Permanently”);
header(”Location: http://”.$_SERVER['HTTP_HOST'].”/”);
}
?>

Attention ce code doit absolument être au tout début de votre fichier, avant toute ligne HTML.

Erreur n° 3 : Plusieurs noms de domaines pour un site

Acheter plusieurs noms de domaines pour un même site est main courante, cela permet de viser plusieurs extensions (.fr, .com, …), ou réserver des adresses plus courtes a retenir, etc.

Il ne faut surtout pas qu’ils soit tous indexés, pour cela vous pouvez faire la redirection 301 via htaccess vers votre domaine principal.

Erreur n° 4 : Avoir 2 Url pour la page 1 (pagination)

Avoir une page web qui pagine pour éviter la longueur, c’est bien mais il faut faire attention de ne pas avoir 2 url pour la page 1, voici un exemple à éviter :

Page par défaut : http://www.domaine.fr/page.html

Page 2 : http://www.domaine.fr/page-2.html

Page 1 en revenant de la page 2 : http://www.domaine.fr/page-1.html

On à donc 2 url pour la page 1, et les deux seront indexé, il faut donc empêcher cela soit en modifiant vos codes, ou on faisant une redirection 301 pour éviter le duplicate content.

Erreur n° 5 : 2 type d’Url indexables (réécrites et classiques)

Quand on fait une réécriture d’url d’une page web, il faut s’assurer que l’ancienne url n’est plus utilisée dans vos liens, sinon vous aurez une page dupliqué qui pourra avoir un malus de pertinence.

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.

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.

Importance du texte du lien

Ce texte est sans doute le plus important pour promouvoir son site en terme de visibilité. Google est parti du principe suivant : Allons voir ce que pensent les autres sites pour savoir ce que vaut le tient.

C’est pourquoi il est important d’utiliser des mots qualifiants pour mettre en valeur le site ciblé, à éviter à tout pris :

Le site de Flyoverweb : <a href="www.flyoverweb.com/">Cliquez içi</a>

Choisissez donc bien les mots pour chaque lien afin d’améliorer le positionnement de la page liée et varier les expressions, car ceci n’est pas considéré comme une situation naturelle (cad que les liens ont été mis dans le but d’améliorer le référencement).

URL absolue ou relative

Pour écrire vos liens internes, vous avez 2 possibilités, soit en URL absolue :

<a href="http://www.flyoverweb.com/referencement/optimisation-site-web/metabalised.html">Les métabalises</a>

ou relative :

<a href="/metabalised.html">Les métabalises</a>

Cela ne change rien pour le robot qui convertit toutes les URL en URL absolue. Par contre c’est plus simple d’écrire des URL relatives, donc autant les écrire ainsi.

Conclusion

Que les liens entrants soient externes ou internes, ils sont très importants à condition que leurs textes soient optimisés. Donc pensez-y, même pour vos pages internes.

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.

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.

Métabalise “description”

Cette balise permet de renseigner les moteurs de recherche du résumé de la page, parfois cette description est affichée dans le résumé de la page trouvé (sous le titre).

Si la page ne contient pas de métabalise “description” ou si le moteur ne l’affiche pas, un snippet est affiché (extrait de la page).

Voici le code HTML pour cette balise :

<META NAME="description" CONTENT="contenu de la balise" />

A noter que l’accentuation en HTML des caractères est codée : &eacute signifie é.
Cette balise doit être placée après la balise <TITLE>...</TITLE> et avant la balise de fin d’en-tête </HEAD>.

La limite de caractère pour cette balise est de 150 à 200, espaces et accents codés compris. Faites en sorte que votre description contienne le plus de mots clés ciblés à votre page, beaucoup copient le titre de la page et le developpent quand les idées manquent.

Métabalise “keywords”

La métabalise “keywords” fournit des mots-clés aux moteurs de recherche. Ces mots-clés sont séparés par une virgule, ou un espace. Il semble que Google ne prend pas en compte le contenu de cette balise.

Voici le code de cette balise :

<META NAME="keywords" CONTENT="voiture, voitures, voiture de sport, constructeur, distributeur, tunning" />

Cette balise peut contenir jusqu’a 100 mots-clés ou 1000 caractères. Au vu de son importance, n’y passez pas des heures. A vous de trouver les occurences qui pourront être tapées dans les moteurs de recherche (y compris les fautes possibles).

Les autres balises

De très nombreuses autres balises sont disponibles (revisit-after, classification, distribution, rating, identifier-URL, …) et elles ne sont absolument pas prises en compte par aucun moteur.

Il éxiste cependant une balise qui est prise en compte : la métabalise “robots” qui permet d’indiquer aux robots des moteurs ce qu’ils doivent faire.

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).

Pour améliorer votre pertinence, votre domaine doit contenir plusieurs mots clés décrivant au mieux ce que vous proposer : nom de l’entreprise, activité principale, etc, toujours séparé de tiret, ex : entreprise-activité.com.

La pertinence de recherche par mots clés dans le nom de domaine est très importante, c’est pourquoi insérer plusieurs mots clés dans votre nom de domaine peut s’avérer judicieux. Cependant un domaine à rallonge, peut devenir un inconvéniant pour l’internaute, car plus le domaine est court, plus il est facile de le retenir. La solution serait de créer plusieurs nom de domaines avec 2-3 mots clés qui pointeraient vers votre domaine principal, je tiens a vous signaler que cette technique est considérée comme du spam par l’IPEA, mais cela semble très bien toleré de nos jours (si on en abuse pas).

Sites bilingues

Si votre site est bilingue, achetez le domaine avec l’extension correspondant à la langue, .fr pour français, .com pour l’anglais…

Faite pointer les domaines vers les pages d’accueils des différentes langues, cette technique est préférable à la page d’accueil contenant des drapeaux, à moins de faire une optimisation d’url du genre votre-site.com/fr/ et votre-site.com/en/ pour les différentes langues.

Evitez les portail

Il est certainement plus facile de tout regrouper sur le même site afin de minimiser les coûts d’hébergement, le temps d’administration, etc, mais l’usine à gaz ne permet pas à l’internaute de s’y retrouver, et encore moins les moteurs de recherche. Voiçi les avantages à en tirer :

• L’internaute peut aller directement sur le site qui lui convient sans chercher l’information parmis des milliers qui ne l’intéresse pas.
• Chaque site est geré de façon indépendante, et ainsi ne subit pas les résultats des autres, de plus, il est plus facile d’adapter le site au thème choisi.
• Cela améliore la pertinence dans les recherches
• Cela renforce le PR de chaques sites, en multipliant les liens de l’un vers l’autre, cependant Google ne tient pas compte des liens externes pointants vers des sites hebergés sur le même serveur.

Les sous-domaines

Une autre solution pour améliorer votre visibilité : créer des sous-domaines pour séparer certaines parties de votre site web, par exemple, diviser votre site en thème important :

• www.site.com pour votre page d’accueil principale.
• forum.site.com pour la partie communauté.

On peut retrouver plusieurs sous-domaine intéressants à mettre en place, sur Google cela représente des sources d’informations différentes, et cela apportent plusieurs avantages :

• L’adresse est plus rapide à taper pour l’internaute et plus mnémotechnique.
• Votre pertinence est multipliée sur Google.
• Ce n’est pas considéré comme du spam par l’IPEA, puisque les sous-domaine pointent vers des pages différentes.

Biensûr, nous conviendrons que cette technique est à utiliser sans abus, par exemple créer des centaines de sous-domaines pour mieux référencer le site, cela serait considéré comme du spam.

L’intitulé complet des URL

Les URL de vos pages web sont aussi importantes que le nom de domaine et le sous-domaine, une adresse comme www.societe.com/annonces/voitures/ propose trois mots clés interessants : société, annonces, voitures. Cela semble bien mieux que www.societe.com/cat-1/type-2.php, non?

L’insertion de mots clés dans vos URL de pages web sera toujours un plus pour la pertinence, et aussi pour la visibilité de l’internaute, une technique permet de réécrire vos URL de façon automatique afin d’optimiser vos pages.