Personnaliser les puces de liste (ul > li) en HTML grâce à CSS permet de donner un peu de caractère à son design.
A retenir, les puces de liste permettent d’organiser votre contenu et n’oubliez pas qu’un contenu

x valorisé par un moteur de recherche. Cela dit, ceci n’a aucun rapport avec leur personnalisation.

Donc comment faire?
Vous pouvez choisir d’utiliser l’un des quatre styles disponibles par défaut fournis par CSS
Pour supprimer la puce

list-style-none: square;

Pour obtenir un cercle avec un

vide à l’intérieur

list-style-type: circle;

Pour obtenir un rond plein (par défaut)

list-style-type: disc;

Pour obtenir un carré plein

list-style-type: square;

Ou vous pouvez remplacer la puce par défaut par l’image de votre choix

list-style-image: url('url_vers_l_image.gif');

Vous avez enfin la possibilité de modifier la « position » de la puce sur la ligne
Par défaut, la valeur est

list-style-position: outside;

Vous pouvez changer pour

list-style-position: inside;

De cette manière, la puce va se placer exactement ou le texte était placé avec l’attribut outside.

On notera enfin que pour changer la couleur d’une puce, il n’y a pas de moyen direct en CSS, il faudra donc faire votre puce vous même et utiliser la propriété citée plus haut:

list-style-image: url('url_vers_l_image.gif');

Lorsque l’on crée un site internet, on est en général friand de toutes les statistiques possibles et imaginables.
Et entre autres, on apprécie de savoir si Google a bien indexé nos pages et dans quelles mesures il les consulte.

Quel plaisir de vo

ir son site apparaître pour la première fois dans Google

Il ne faut pas non plus négliger les autres principaux moteurs de recherche, Yahoo et Bing pour ne pas les citer.

Nous allons donc voir ici comment soumettre son site et son site map aux moteurs de recherche, et quel type d’informations on peut espérer obtenir de ces outils.

Google

Pour soumettre son site, c’et ici. Pour utiliser le Google Webmaster Tool, c’est par ici.

Je vous passe la mise en place de la vérification qui permet de prouver que le site que vous voulez suivre est bien le vôtre, etc…
Passons donc au vif du sujet. Google est a priori le moteur de recherche qui propose l’outil le plus complet.
Que peut-on y faire?

Configuration du site

Déjà, y soumettre un sitemap. Format inventé par Google et adopté par la plupart des autres moteurs de recherche, le sitemap garantit la bonne indexation de l’ensemble des pages de votre site internet. Vous saurez grâce à l’outil combien de pages ont été soumises à Google et combien parmi celles ci sont indexées dans leur moteur. (ces informations apparaîtront probablement plusieurs jours après la soumission, il faut savoir être patient).

L’outil donne accès à d’autres informations de configuration. En vrac:

- Accès du robot d’exploration (tester son fichier robots.txt, générer un fichier robots.txt, demander à Google de supprimer une URL de son index)

- Liens de site: Si Google vient un jour à créer automatiquement des liens de sites pour votre site internet (sorte de sous parties de votre site), vous pourrez les gérer.

- Changement d’adresse: si vous êtes amené à changer le nom de domaine votre site, indiquez le ici afin de ne pas perdre (ou à défaut à minima) votre travail de référencement.

- Quelques autres paramètres du genre zone géographique ciblée par votre site, définir le domaine favori, définir la vitesse d’exploration de Google (l’augmenter pour un site d’actualité, la diminuer dans le cas contraire, car si Google crawle souvent votre site et n’y trouve pas de mise à jour, ceci pourrait être nuisible à votre traffic), et enfin le traitement des paramètres à signaler comme inutiles à google (les identifiants de session, etc…)

Votre site sur le web

C’est cette rubrique qui vous donne les fameuses statistiques d’indexation tant attendues

A commencer par les requêtes de recherche. L’ensemble des mots clés tapés par des internautes sur Google et ayant conduit à votre site est résumé ici, par date, avec de jolis graphes comme on les aime. Impressions, Clics, CTR, position moyenne, tout y est.

Pour chaque page de votre site, une interface regroupe l’ensemble des liens externes y faisant référence. Intéressant pour savoir qui parle de vous et gérer votre notoriété et référencement. Il est connu que plus de sites qui traitent du même sujet que le vôtre font référence à votre site, mieux vous serez référencé!

Vous obtiendrez aussi la liste des mots clés par pertinence et variantes que Google a trouvé en crawlant votre site. Afin d’optimiser votre référencement, travaillez sur cette liste, et faites en sorte que l’importance des mots clés sur lesquels vous vous référencez augmente.

L’interface qui affche pour chaque page de votre site les liens internes à votre site qui y font référence tient une place à part dans mon coeur. Elle vous confirme que votre maillage est bien fait et que les pages que vous considérez comme les plus importantes sont bien celles qui sont le plus référencées ici.

Enfin, vous pourrez obtenir la liste des abonnés à votre flux RSS via Google.

Diagnostic

Cette rubrique vous donnera un aperçu de ce que Google ou les internautes voient de votre site internet.

Si Google détecte des logiciels malveillants sur votre site, c’est ici qu’il vous l’indiquera. Il en sera de même pour les erreurs d’exploration (liens introuvables, etc…) .

Les statistiques d’exploration de Google pour votre site sont visibles ici. Le nombre de pages explorées par jour, le nombre de Kilo-octets téléchargés par jour, le Temps de téléchargement d’une page (en millisecondes) sont autant d’informations utiles à consulter et travailler pour optimiser votre référencement et votre site internet.

les suggestions HTML de l »outil vous signaleront toute anomalie détectée sur votre site en rapport avec la construction html de celui-ci. (Balises meta ou title en double, contenu non indexable, etc…)

Le Labo

Récemment apparue, cette nouvelle rubrique vous permet d’obtenir quelques interaction supplémentaires entre votre site web et Google.

Vous serez capables de voir votre site exactement comme Google le voit marrant et

intéressant pour travailler votre référencement.

Le Google SideWiki permet aux utilisateurs de communiquer des informations utiles concernant n’importe quelle page Web. Utilisez cet outil pour créer une entrée spéciale rédigée par le propriétaire de la page pour ce site Web.

Les performances du site vous sont proposées et vous invitent à réduire de manière sigificative les temps de chargement de vos pages en vous proposant des outils et solutions concrètes.

Enfin le Sitemap pour vidéos apparu récemment vous permet d’indexer au mieux vos vidéos.

Tout ce petit monde est regroupé sur le tableau de bord en page d’accueil du webmaster tools et parfois, quelques messages seront disponibles de la part de l’équipe de Google pour vous aider à optimiser tout ca!

Suite de cet article dans le billet Gérer les informations de son site internet sur les trois principaux moteurs de recherche: Microsoft Bing Partie 2/3

Sur certains sites – la plupart du temps pour des raisons de sécurité évidente -, les développeurs empêchent Firefox d’enregistrer le mot de passe.

Mais comment font-ils? Ils ajoutent simplement dans le code HTML des champs concernés l’attribut:

AutoComplete="Off"

Si d’un point de vue sécurité, cela peut parfaitement se comprendre (imaginez-vous sauvegarder accidentellement vos identifiants de connexion à votre banque alors que vous surfez dans un cyber café depuis le Guatémala), il est parfois pénible d’avoir à retaper systématiquement les mots de passe (celui de votre compte Yahoo par exemple).

Voici donc un moyen de surcharger ce système et de pouvoir enfin sauvegarder vos mots de

passe sur n’importe quel site!!

Attention, la manipulation ne fonctionne que sur Firefox 3.

• Cliquez sur Démarrer, puis Executer
• tapez %programfiles%\Mozilla Firefox\components et appuyez sur OK
• Le répertoire va s’ouvrir, trouvez le fichier nommé nsLoginManager.js et ouvrez le avec notepad ou tout autre éditeur de texte de votre choix (non, pas Word, ça n’est pas un éditeur de texte). On ne double clique pas sur le fichier, cela exécuterait le javascript et vous afficherait une erreur.
• Dans ce fichier, à la ligne 725, vous trouverez le bout de code suivant. commentez-le en offshore merchant account ajoutant // devant chacune des 3 lignes

 // if (element && element.hasAttribute("autocomplete") &&
       //     element.getAttribute("autocomplete").toLowerCase() == "off")
       //     return true;

• Sauvegardez le fichier
• Redémarrez Firefox
• Enjoy!