Astuces W3C

Vous avez des questions sur le référencement ? Des conseils ou astuces...

Modérateur: david96

Astuces W3C

Messagede Yatooweb » Sam 3 Fév 2007 12:47

Ces actuces sont des bases pour la qualité d'une page et donc la qualité de votre référencement. Cela ne fait pas tout bien entendu mais c'est un bon début. Personnellement, je fais en sorte d'obtenir des pages validées W3C, parce qu'une page sans erreur sur W3C Validator est plus facilement lisible par les Bots ainsi que les logiciels pour handicapés visuel.

1. La balise <title> est la plus importante
Il doit être un court résumé de votre page avec un maximum de 60 à 80 caractères. Le titre de votre page est utilisé:
- pour la fenêtre de votre navigateur
- par défaut lors de l'ajout de votre page aux favoris
- par les moteurs de recherche lors d'une recherche

2. Ne pas utiliser "cliquez ici" comme intitulé de lien
- utilisez un intitulé qui résume le contenu de la page du lien
- expliquez ce que le lien offre
- il est recommandé de ne pas utiliser de verbe dans votre intitulé de lien

Exemple: Calculez votre position sur les moteurs de recherche avec l'outil de positionnement de site Yatooweb

3. Utilisez une bonne redirection
Si vous désirez rediriger http://www.example.org/foo vers http://www.example.org/bar, n'utilisez pas des méthodes comme:
Code: Tout sélectionner
<META HTTP-EQUIV=REFRESH CONTENT= " 1 ; URL= http://www.example.org/bar " />

Cela handicap la fonction de "page précédente" de votre navigateur (vraiment désagréable pour les visiteurs) et assez mauvais pour le référencement.
Il est recommandé d'utiliser une redirection 3xx:
301 - pour indiquer un redirection permanente
302 - pour indiquer une redirection temporaire
A lire:
Redirections et référencement sur Webrankinfo
Contrer une "mauvaise" redirection 302 sur Webrankinfo

4. Utilisez la balise <h1> pour votre titre
A la différence de la balise <title>, <h1> peut contenir un lien ou d'autres élements HTML. Par défaut il est vrai que la taille de la police peut en dissuader certains à l'utiliser. Utilser un style CSS afin de réduire cette taille. Attention: J'ai souvent vu des sites qui en profitent pour définir une petite police et écrire tout un texte en <h1> pensant que cela sera un plus pour leur référencement, AUCUN INTERET.
Exemple:
Code: Tout sélectionner
<h1>Les Animaux</h1>

   <h2>Les Chiens</h2>
      <h3>Les Bulldogs</h3>
         <h4>Les Bulldogs Français</h4>
         <h4>Les Bullgos Anglais</h4>
      <h3>Les American Staffordshire Terrier</h3>

   <h2>Les Chats</h2>
... ainsi de suite


5. Utilisez l'attribut alt pour vos images
L'attribut alt est utilisé pour img, area et optionnellement input et applet afin de fournir un texte équivalent à l'objet.
- Si l'image est un texte (comme les logos de site généralement), mettez le texte dans votre attribut alt.
- Si l'image est utilisée pour faire des puces dans une liste, un trait horizontal ou autre décoration, il est bien d'avoir un alt vide, mais il est préférable d'utiliser un CSS.
- Si l'image présente une information importante, essayer de la récapituler dans le alt et d'ajouter un longdesc.

6. N'oubliez pas d'ajouter un DOCTYPE
Kesako ? Il y a différents types HTML, tels que: HTML 4.01 Strict, HTML 4.01 Transitional, XHTML 1.0 Strict... Chaque type HTML a ses propres carctéristiques W3C. Les outils interprétants l'HTML, comme votre navigateur web, ont besoin de connaître le type de document (Document Type Definition ou DTD), c'est pourquoi, entre autre, chaque document (X)HTML doit posséder un DOCTYPE, placé tout au debut. Exemple pour XHTML 1.0 Transitional:

Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

A lire:
DTD HTML4.01 et XHTML1.0 : comment choisir ? sur Alsacréations

D'autres astuces à venir...
Dernière édition par Yatooweb le Dim 25 Fév 2007 23:06, édité 5 fois.
Avatar de l’utilisateur
Yatooweb
Administrateur
Administrateur
 
Messages: 1018
Inscription: Mar 30 Jan 2007 14:10
Localisation: Aude

Messagede david96 » Mar 13 Fév 2007 01:41

Très bonne synthèse, par contre :
La redirection 302 est à éviter aujourd'hui !
En effet des webmasters malicieux l'ont détourné de son but premier et en ont abusé malhonnêtement (tout comme le meta name="keywords" à une certaine époque).
Bref depuis les Moteurs de recherche se méfient d'une redirection 302... Donc...
Avatar de l’utilisateur
david96
Modérateur
Modérateur
 
Messages: 963
Inscription: Mar 13 Fév 2007 00:52
Localisation: Grenoble

Messagede Yatooweb » Mar 13 Fév 2007 09:20

Effectivement, j'avais oublié cette technique qui consistait à "voler" une page. Il existe en fait un service Google pour pour supprimer ce type de pages qui utilise la redirection 302.
http://www.webrankinfo.com/analyses/art ... ns-302.php
Avatar de l’utilisateur
Yatooweb
Administrateur
Administrateur
 
Messages: 1018
Inscription: Mar 30 Jan 2007 14:10
Localisation: Aude

Messagede david96 » Mar 13 Fév 2007 15:46

Avatar de l’utilisateur
david96
Modérateur
Modérateur
 
Messages: 963
Inscription: Mar 13 Fév 2007 00:52
Localisation: Grenoble

Messagede Yatooweb » Mar 13 Fév 2007 16:39

Ah oui j'ai lu trop vite l'article j'ai cru qu'il proposait une autre solution... :roll:
Avatar de l’utilisateur
Yatooweb
Administrateur
Administrateur
 
Messages: 1018
Inscription: Mar 30 Jan 2007 14:10
Localisation: Aude

Messagede nomasis » Lun 21 Mai 2007 10:39

éviter les liens javascripts aussi non ? :lol:
Bonne journée
Avatar de l’utilisateur
nomasis
YatooNovice
YatooNovice
 
Messages: 13
Inscription: Mar 24 Avr 2007 07:01

Messagede david96 » Lun 21 Mai 2007 13:26

Pour être compatible avec tous les moteurs, je pense aussi !

Par contre, avec l'évènement onclick dans l'ancre, il y'a no soucie, testé et confirmé ! :D

Plus de détail à ce sujet : lien-a-href-javascript-window-open-url-t397.html
Avatar de l’utilisateur
david96
Modérateur
Modérateur
 
Messages: 963
Inscription: Mar 13 Fév 2007 00:52
Localisation: Grenoble

Messagede nomasis » Mar 22 Mai 2007 08:09

ah oui David, ça doit marcher en effet mais j'y ai pas droit : je suis en strict.
Bonne journée
Avatar de l’utilisateur
nomasis
YatooNovice
YatooNovice
 
Messages: 13
Inscription: Mar 24 Avr 2007 07:01

Messagede david96 » Mar 22 Mai 2007 12:42

Mince, tout comme l'attribut target="_blank".

C'est pour cette raison que mon site est en transitional ! :)
Avatar de l’utilisateur
david96
Modérateur
Modérateur
 
Messages: 963
Inscription: Mar 13 Fév 2007 00:52
Localisation: Grenoble

Messagede david96 » Lun 30 Juil 2007 23:00

Mince c'est là que j'aurais du poster mon post, bon pas grave !

Ami du W3C je vous présente un outil merveilleux, je vous invite à suivre ce chemin :lol: :
outil-validator-html-pluggin-sympa-pour-firefox-t548.html
Avatar de l’utilisateur
david96
Modérateur
Modérateur
 
Messages: 963
Inscription: Mar 13 Fév 2007 00:52
Localisation: Grenoble

Messagede nomasis » Mar 31 Juil 2007 06:39

Excellent David ! Excellent !
Pour débuguer c'est vraiment impeccable.


J'ai trouver aussi cette extension pour faire la chasse aux Ko superflus :
Yslow.
L'extension nécessite Firebug.
Elle donne aussi des conseils pertinents pour l'optimisation du poids de page.
Bien à vous.
Bonne journée
Avatar de l’utilisateur
nomasis
YatooNovice
YatooNovice
 
Messages: 13
Inscription: Mar 24 Avr 2007 07:01

Messagede david96 » Mar 31 Juil 2007 13:07

Yes ! Merci à toi, je m'en vais tester ce pluggin, l'optimisation, toujours et encore, optimisons compagnon ! :lol:
Avatar de l’utilisateur
david96
Modérateur
Modérateur
 
Messages: 963
Inscription: Mar 13 Fév 2007 00:52
Localisation: Grenoble

Messagede Vincent60 » Sam 17 Nov 2007 07:48

Bonjour à tous

J'ai passé mon site sur W3C validator et là... roulement de tambour... aucune surprise... des tonnes de problèmes. Qu'à celà ne tienne, ce merveilleux outil propose une page réécrite suivant les normes W3C qu'il suffit de copier/coller pour remplacer la page bourrée d'erreurs... Je me suis dit... Sauvé ! Eh bien non... en repassant cette page dans W3C il détecte encore des tonnes d'erreurs. Etonnant non ? La quadrature du cercle, c'est pas encore pour demain... Qu'on se le dise

A bientôt
Vincent60
YatooNovice
YatooNovice
 
Messages: 4
Inscription: Jeu 21 Juin 2007 09:50

Messagede Yatooweb » Lun 19 Nov 2007 11:14

Bien qu'après quelques tests dans lesquels W3C a correctement corrigé les erreurs présentes sur des pages non valides, je n'irai pas lui confier la réécriture de mon code :)

Il n'a pas su réinterpréter certains caractères de ma page et les a donc remplacer par "�" cependant la page a été validé W3C.
Avatar de l’utilisateur
Yatooweb
Administrateur
Administrateur
 
Messages: 1018
Inscription: Mar 30 Jan 2007 14:10
Localisation: Aude

Re: Astuces W3C

Messagede thibault » Sam 17 Déc 2016 21:57

Bonjour,
Merci pour cette astuce, cela va me permettre d’éviter les erreurs comme ne pas rediriger une page vers 302.Merci encore.
thibault
YatooNovice
YatooNovice
 
Messages: 17
Inscription: Sam 17 Déc 2016 00:29


Retourner vers Référencement général

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron
W3C XHTML 1.0
W3C CSS 2.1
YATOOWEB © 2005 - 2020


Contact | Logos & liens | Partenaires | Labo | Plan du site