le css ameliore t'il le positionnement?

webmaster39 · 17 Mars 2007

bonjour,
j'ai refait un de mes sites en css, jai entendu dire que c'était l'avenir du référencement car site bien conçu pour les visiteurs... etc...je voulais savoir si mon site sera mieux positionné, enfin si quelqu'un a des infos......
merci

Maxib · 17 Mars 2007

Il ya deux écoles :

- Celle qui dira que le CSS n'a rien à voir avec le positionnement et que les feuilles de styles ne te permettront pas de l'améliorer, ce qui n'est pas totalement faux mais...

- ... La deuxième école pense que le fait de correctement structurer un site grâce à des feuilles de styles correctement utilisées permettent aux moteurs de lire plus facilement et plus rapidement les pages et surtout le contenu. Cette rapidité de crawl permettrait d'être valorisé dans les résultats des moteurs.

Mon avis à moi est que le CSS permet de rendre un site beaucoup plus mobile et extensible qu'une structure en <table> par exemple, et que les normes d'accessibilités sont plus compatibles avec le CSS qu'autre chose.
Le code est clairement plus léger et lisible améliorant ainsi le confort de developpement.

En bref, le CSS n'est pas l'avenir du web, il en est le présent. Plus même, il est la passerelle entre le présent et le futur puisque beaucoup de technologie de plus en plus utilisées sont (presque) indépendante des CSS.

christophebe · 17 Mars 2007

Cela n'a pas une influence importante sur le référencement mais un code bien réalisé et des pages légères et sans multiples table ne peut qu'être un atout positif.

shin_akuma · 17 Mars 2007

La Css rentre dans la norme XHTML et de plus c'est très pratique car tu peut à tout moment modifier la structure de tes hn sur toutes tes pages en un clin d'oeil par exemples bref au niveau du travail c'est vraiment plus facile à comprendre,à reprendre et à modifier. De plus je pense que plus on avancera plus les robots seront sensibles à un code bien fait si jamais une norme W3C venait à être intégrer dans ces bots...
Les <table> c'est pour les tableaux avant tout pas pour une mise en page...

Leonick · 17 Mars 2007

M'enfin, il y a css et css. Si c'est pour remplacer des <table><tr><td> par des <div class="menu><div class="menu1"><ul><li><div>blah blah<a><span>
je n'en vois pas l'intérêt.
SI c'est pour avoir <p style="align:center"> à la place de <p align="center"> parce que ça ne passe pas en xhtml strict, aucun intérêt non plus.
L'intérêt des css, c'est que si je décide de mettre tous les titres de mon site en vert, je change une ligne dans ma css et aussitôt toutes mes pages : 2, 100, ou plusieurs milliers ont aussitôt ce changement. Et cela en 20 secondes, temps de transfert de la css comprise.
Avec des <h1 style="font-color:blue"> sur des milliers de page, je vous laisse voir le temps nécessaire :wink:

st-antigone · 17 Mars 2007

Non le css n'améliore pas le positionnement mais apprendre les qualités d'une programmation en css (ou d'ailleur en javascript, en php, en java etc ..) te permet de voir d'autre manière de structurer un site et ainsi de travailler plus facilement un site ce qui a pour conséquence une amélioration globale de sa qualité et donc de son positionnement.

yazerty · 17 Mars 2007

Ca n'améliore pas le positionnement non. C'est simplement une méthode permettant effectivement une meilleure structuration des éléments d'une page web.

ps : tu devrais enlever la lecture par défaut de la musique sur ton site, c'est très perturbant et ça peut en déranger certains (lecture d'autre musique personnelle, entourage qui ne doit pas entendre ce que tu fais, etc)...

webmaster39 · 17 Mars 2007

Sur quel site pour la musique? répond moi en mp
et pourrais tu en voyant ma source me dire si c'est un vrai style css qui me permettrait de changer facilement un élément sur toutes mes pages s'il te plait?
et comment modifier une feuille de style avec Nvu est ce possible pour un débutant?
merci

xTrade · 17 Mars 2007

webmaster39 a dit:
Sur quel site pour la musique? répond moi en mp
et pourrais tu en voyant ma source me dire si c'est un vrai style css qui me permettrait de changer facilement un élément sur toutes mes pages s'il te plait?
et comment modifier une feuille de style avec Nvu est ce possible pour un débutant?
merci

Oublie Nvu.

L'intérêt du css, c'est que tu tapes ta page html (avec notepad+++ par exemple) juste en indiquant les titres, les blocs....
La mise en page en elle-même est faite avec les feuilles css et il est bien plus pratique pour cela de le faire soi-même avec un éditeur de texte tout bête.

Si tu veux plus d'infos sur le css, va voir alsacréation, cssplay, listomatic, selfhtml...

nalrem · 17 Mars 2007

Un webmaster qui va prendre la peine de faire un minimum d'analyse sur la disposition de ces blocs et leurs hiérarchie a de fortes chances de dégager des éléments lui permettant d'améliorer son référencement.

Par ailleurs, si je référence à mort un site Y, mais qu'un certain pourcentage de personnes n'ont pas le matériel pour le visionner complètement, je perds potentiellement ce même pourcentage en ventes.

edit : travailler avec dreamweaver ou autres logiciels wysiwyg ne pose pas de problème pour faire du css dès lors qu'on est capable de comprendre et modifier le code généré. C'est à mon sens un gain de temps conséquent pour les tâches répétitives

climax · 17 Mars 2007

je suis passez en premiere position sur le principale mot cle de mon site apres avoir utiliser le css et il n'est pas valide xhtml
à mon avis un site fait avec css c'est un atout suplementaire pour le referencement

webmaster39 · 17 Mars 2007

comment savoir si le site est valide xhtml

Szarah · 17 Mars 2007

Tu mets l'en-tête pour le DOCTYPE adéquat et tu passes au valideur du W3C.

webmaster39 · 17 Mars 2007

j'ai passé mon site dans le validateur et j'ai 30 erreur, je ne sais pas exactement ce que c'est car tout est en anglais , je ne maitrise pas parfaitement la langue.....

Leonick · 17 Mars 2007

webmaster39 a dit:
comment savoir si le site est valide xhtml

déjà, on apprend les règles relatives au strict (x)html
ensuite on fait de son mieux pour les appliquer
et enfin, on passe la page au validateur pour fignoler : il y a toujours des balises qui se retrouvent mal fermées à cause d'un if mal placé ou qui ne renvoie pas ce que l'on pensait.

Il ne suffit pas de faire une page en mode wysiwyg et passer ça au validateur, puis "ah oui, on a oublié le doctype", on le met et le validateur nous dit
"vous avez 450 nouvelles erreurs" et on vient sur WRI, en copiant tout le rapport et en disant "aidé moa svp, chai plu koi fer" :lol: :lol:

Szarah · 17 Mars 2007

Leonick a dit:
Il ne suffit pas de faire une page en mode wysiwyg et passer ça au validateur, puis "ah oui, on a oublié le doctype", on le met et le validateur nous dit
"vous avez 450 nouvelles erreurs" et on vient sur WRI, en copiant tout le rapport et en disant "aidé moa svp, chai plu koi fer" :lol: :lol:

Hihi Leonick, on dirait un témoignage de repenti

>> webmaster39
Il faut prendre les erreurs une par une en commençant par celles que tu comprends.
Sur ton www, tu mélanges un DOCTYPE pour HTML 4.01 et une déclaration xmnls pour XHTML.

Leonick · 17 Mars 2007

Szarah a dit:
Hihi Leonick, on dirait un témoignage de repenti

Non, juste d'un grand habitué de WRI et qui ne prend plus la peine de lire les posts qui font 100 lignes avec tout le code, en disant mon formulaire ne marche pas,
le script il marche pas et j'y connais rien en php (ni en html) je l'ai récupéré,
ou "je voudrais faire un moteur concurrent de google" et j'ai 20 sites pour l'instant, mais on va monter à plusieurs millions dès le mois prochain, mais mon script il affiche tous les sites, comment faire pour en afficher que 10" :lol: :lol:

Szarah · 17 Mars 2007

Leonick a dit:
Szarah a dit:

Hihi Leonick, on dirait un témoignage de repenti

Cliquez pour agrandir...

Non, juste d'un grand habitué de WRI et qui ne prend plus la peine de lire les posts qui font 100 lignes avec tout le code, en disant mon formulaire ne marche pas,
le script il marche pas et j'y connais rien en php (ni en html) je l'ai récupéré,
ou "je voudrais faire un moteur concurrent de google" et j'ai 20 sites pour l'instant, mais on va monter à plusieurs millions dès le mois prochain, mais mon script il affiche tous les sites, comment faire pour en afficher que 10" :lol: :lol:

C'est vrai que le niveau de certains, question techniques de base, est affligeant. En même temps, ils ont le courage de demander et c'est un peu pour eux qu'on est là. Les paresseux qui ne veulent rien apprendre et qui attendent que la solution leur tombe toute rôtie dans le bec, on les détecte vite et là je fais comme toi : je m'abstiens d'intervenir.

webmaster39 · 17 Mars 2007

je fais parti des débutant qui ont un job et un enfant alors pa facile d'apprendre sans etre aidé.
Mas ne suis pas fainéant.....lol
je penses qu'on apprend bien en regardant les scripts...;

Leonick · 17 Mars 2007

Szarah a dit:
C'est vrai que le niveau de certains, question techniques de base, est affligeant. En même temps, ils ont le courage de demander et c'est un peu pour eux qu'on est là.

Tout à fait, moi c'était par rapport à ceux qui ont l'"idée du siècle" pour monter un service concurrent à google ou youtube mais qui ne connaissent (et surtout ne veulent pas prendre le temps de connaitre) pas les bases du html. Ne parlons pas du php.
Et de mettre en vrac le code html, css ou php en attendant qu'on leur donne la solution, et qui même parfois, font un "up" au bout d'1/2 heure en ajoutant "mais qu'est ce que vous faites, vous dormez ?" :twisted:

webmaster39 a dit:
je fais parti des débutant qui ont un job et un enfant alors pa facile d'apprendre sans etre aidé.

on est là pour ça

aider, pas faire :wink:

webmaster39 · 17 Mars 2007

oui biensur je comprends c'est normal.Grace à ce forum j'ai progressé, loin d'etre un pro lol mais un peu mieux quand meme.un site tout pret ne serait pas une satisfaction pour moi quand aux scripts tout prèt c'es vrai que c'est tentant de le demander car c'est le genre de chose ou 1 à 2 ans sont parfois nécessaires à créer.Le temps d'apprendre et de mettre en oeuvre etc.....
c'est un métier.

Leonick · 17 Mars 2007

Si on a cherché avant c'est normal de poser des questions. Mais quand sur certaines question, en sélectionnant la question et faisant rechercher sur google on trouve la réponse, là ça n'est pas normal :twisted:

webmaster39 · 17 Mars 2007

oui mais la passion certains l'on d'autres ne cherchent qu'a communiquer leur site et à ce montrer.
Mais la satisfaction n'est pas au rendez vous......

dd32 · 17 Mars 2007

Juste un petit rappel au cas où :

Débuter en référencement
L'objectif de ce forum est de permettre aux nouveaux de poster des messages sans craindre de se faire dire "on l'a déjà dit 100 fois dans ce forum !".

Pourriez-vous vous recentrer sur la question posée svp ?

>> le css ameliore t-il le positionnement ? <<

Szarah · 17 Mars 2007

dd32 a dit:
Juste un petit rappel au cas où :

Débuter en référencement
L'objectif de ce forum est de permettre aux nouveaux de poster des messages sans craindre de se faire dire "on l'a déjà dit 100 fois dans ce forum !".

Cliquez pour agrandir...

Pourriez-vous vous recentrer sur la question posée svp ?
>> le css ameliore t-il le positionnement ? <<

Je dirais que OUI.
Mais par la bande.
Améliorer le positionnement, ça passe par une maîtrise du code, oui ?
Et le b a BA du code, aujourd'hui ce sont les CSS.
Même l'aigle rampe avant de voler

Leonick · 17 Mars 2007

dd32 a dit:
Pourriez-vous vous recentrer sur la question posée svp ?
>> le css ameliore t-il le positionnement ? <<

On en a déjà discuté plein de fois
oui : car mes sites se positionnent bien sur de nombreux mots clés
non : car dans beaucoup de résultats les 1° sites sont codés avec les pieds

Mais je ne désespère pas que d'ici quelques temps cela aura un avantage et tous les sites mal codés n'auront pas le temps de rectifier ça correctement rapidement et se retrouveront à glisser dans les classements.
Donc autant avoir de l'avance dès maintenant en utilisant les css, mais des css externes :wink:

Pandore · 18 Mars 2007

Maxib a dit:
Mon avis à moi est que le CSS permet de rendre un site beaucoup plus mobile et extensible qu'une structure en <table> par exemple, et que les normes d'accessibilités sont plus compatibles avec le CSS qu'autre chose.

Il ne faut pas tout mélanger là !

:!: le CSS c'est pour la mise en forme de la page !

ça n'a donc rien à voir avec l'utilisation ou non d'une struture en table et les normes d'accessibilité. ça sert à dire : de quelle couleur je vais mettre le texte, comment je vais positionner cet élément par rapport à ce conteneur, etc. ...

:wink:

nalrem · 18 Mars 2007

Décrire une présentation dans un fichier css c'est déjà séparer la forme du contenu, et c'est à mon sens donc déjà commencer à faire de l'accessibilité.

Et je suis aussi assez d'accord avec Maxib, un site sans css (ou feuilles de styles équivalentes) aura toutes les peines du mal à être accessible, sauf s'il n'y a aucune info de présentation dans le site.

Par contre, ce n'est pas parce qu'il y a du css derrière un site qu'il ne faut pas mettre des table. Ca dépend

Leonick · 18 Mars 2007

tout dépend ce qu'on entend par css, si c'est our avoir ça, <h1 style="font-color:blue"> aucun intérêt.
Si c'est pour avoir <style ...>ma css</style> dans chaque page, aucun intérêt.
On peut avoir des pages valides xhtml et aussi sémantiquement, qui comportent des tableaux. Les tableaux sont fait pour des données tabulaires

Pandore · 19 Mars 2007

nalrem a dit:
Décrire une présentation dans un fichier css c'est déjà séparer la forme du contenu, et c'est à mon sens donc déjà commencer à faire de l'accessibilité.

ça n'a strictement aucun rapport ! 8O à moins qu'on ne parle pas de la même "accessibilité" (pour moi, au sens Openweb et cie :wink

...

Le visiteur regarde la page web générée et non pas son code ! Il s'en cogne complètement de savoir si dans le code d'une page web, le contenu et sa mise en forme sont séparées !

zeb · 19 Mars 2007

Pandore a dit:
nalrem a dit:

Décrire une présentation dans un fichier css c'est déjà séparer la forme du contenu, et c'est à mon sens donc déjà commencer à faire de l'accessibilité.

Cliquez pour agrandir...

ça n'a strictement aucun rapport ! 8O à moins qu'on ne parle pas de la même "accessibilité" (pour moi, au sens Openweb et cie :wink ...

Le visiteur regarde la page web générée et non pas son code ! Il s'en cogne complètement de savoir si dans le code d'une page web, le contenu et sa mise en forme sont séparées !

Pas forcement a l'extrème je connais des gens qui sont encore en 56K et quand ils sont sur un site avec du CSS externe ils restent car il n'ont pas a recharger le fameux code dont ils sont censé s'en cogner ;-)

Pandore · 19 Mars 2007

Oui, c'est une conséquence de la séparation de la mise en forme avec css en fichier externe et contenu de la page web : ça fait fondre le poids des pages et le fichier css est chargé une seule et unique fois. Donc un affichage plus rapide et un gros gain aussi en bande passante ^^

P.S. : Ceci dit ça m'étonnerait fortement que les gens dont tu parles regardent le code source de la page web qu'il sont en train de visiter pour voir si il y a un fichier css ! lol :lol:

christophebe · 20 Mars 2007

Pour les personnes souffrant d'un handicap et utilisant un navigateur adapté à leur handicap, la séparation du contenu et de la forme est importante.

C'est dans ce sens que le css augmente l'accessibilité !

webmaster39 · 20 Mars 2007

mon site est il pratique pour ces fonctionnalités?
c'est un kit gratuit, il y avait une feuille fe style à insèrer à part.

nalrem · 20 Mars 2007

Le kit graphique sur clicbox n'est pas franchement un modèle d'accessibilité.

Histoire de continuer à troller... si on s'en tient à openweb et à la définition classique de l'accessibilité web : respect des standards pour que les contenus soient accessibles à tous... alors on peut dire que le css est devenu un standard, alors il contribue à l'accessibilité

(css bien fait bien sûr)

De même, ça ne suffit pas à faire du 100% accessible, car il faudrait idéalement mettre en oeuvre de bonnes pratiques (cf opquast).

zeb · 20 Mars 2007

webmaster39 a dit:
mon site est il pratique pour ces fonctionnalités?
c'est un kit gratuit, il y avait une feuille fe style à insèrer à part.

sur ton site (celui en www) je passe même pas la home car c'est du macromedia et que j'ai pas la possibilité d'avoir le plugin. Si c'est delui dont tu parle, c'est 0 pointé dans ce domaine. (et pas besoins d'un handicap pour pas passer la porte)

tu devrais au moins mettre un lien vers des pages internes (si il y en a) car les 'sans flash' y en a pas si peut que cela.

Pandore · 20 Mars 2007

christophebe a dit:
Pour les personnes souffrant d'un handicap et utilisant un navigateur adapté à leur handicap, la séparation du contenu et de la forme est importante.

C'est dans ce sens que le css augmente l'accessibilité !

J'aimerais bien que tu nous donnes quelques exemples concrets s.t.p., afin d'illustrer ce que tu essaies de nous dire par là ...

P.S. :

nalrem a dit:
Histoire de continuer à troller... si on s'en tient à openweb et à la définition classique de l'accessibilité web : respect des standards pour que les contenus soient accessibles à tous... alors on peut dire que le css est devenu un standard, alors il contribue à l'accessibilité Smile (css bien fait bien sûr)

Ce raccourcis est très tiré par les cheveux je trouve ! lol :lol:

nalrem · 20 Mars 2007

Petits exemple pour la route

:

Un code accessible à 100% :

Code:

<html>
<head></head>
<body>
<h1>Le titre</h1>
<p>Le contenu</p>
</body>
</html>

Un code non accessible à tous :

Code:

<html>
<head></head>
<body>
<h1 style="font-size: 10px; color : red;">Le titre</h1>
<p style="font-size: 8px;">Le contenu</p>
</body>
</html>

Le css inclue dans le html directement empêche une personne qui aurait un petit déficit visuel de pouvoir bien percevoir le contenu. Il pourrait éventuellement faire grandir le texte avec le ctrl+, mais ça ne l'aiderait pas sur la couleur.
Si on place les infos dans un css externe, alors il peut déconnecter la feuille de style, et il se retrouve avec le code du 1er exemple qui est parfaitement lisible, quelles que soient les circonstances (même avec des claviers tactiles).
Peut-être que dans peu de temps les navigateurs seront capables de parser toutes les infos de mise en forme afin de pouvoir toutes les virer sur demande... Mais je ne sais pas si ce serait profitable au niveau du futur de l'accessibilité, j'en doute

Voilà voilà, j'espère que c'est plus clair ^^

Par contre, ça ne suffit pas, pour une navigation vraiment accessible, il faudrait utiliser les attributs title, alt, mettre en place des liens vers des zones spéciales de la page pour éviter de devoir se taper à chaque fois les 15 paragraphes d'introduction (pour le cas où la lecture ne peut être fait que linéairement par quelqu'un), etc.. Sans parler des formulaires et cie.

Leonick · 20 Mars 2007

les css, en externe, c'est le premier pas vers l'accessibilité. En supposant que les tailles des polices ne soient pas réglées en dur (genre font-size:9px)

L'étape suivante reste la vraie accessibilité avec le AA voire le AAA du WAI http://www.contentquality.com/Default.asp

Pandore · 20 Mars 2007

Merci pour ton exemple nalrem :wink:

nalrem a dit:
Peut-être que dans peu de temps les navigateurs seront capables de parser toutes les infos de mise en forme afin de pouvoir toutes les virer sur demande...

Je pensais que c'était déjà le cas actuellement ...

C'est étrange tout de même qu'un navigateur spécialisé pour ce genre de public n'inclus pas ce genre de choses ... Ma barre de développement Web developper le fait pourtant elle ! :shock: Il y a une fonction pour enlever les styles incorporés sur la page ...

Leonick a dit:
L'étape suivante reste la vraie accessibilité avec le AA voire le AAA du WAI

Le AAA n'est pas évident à atteindre.

Leonick · 20 Mars 2007

Pandore a dit:
Leonick a dit:

L'étape suivante reste la vraie accessibilité avec le AA voire le AAA du WAI

Cliquez pour agrandir...

Le AAA n'est pas évident à atteindre.

c'est pour cela que je mettais d'abord le AA. Selon mes sites c'est double ou triple A.

webmaster39 · 20 Mars 2007

pour répondre c'est le site en .fr je voulais savoir si c'est un site css valide ou si c'est du vent....
je rappel que ce site n'est pas valide au validateur W3C

Leonick · 20 Mars 2007

webmaster39 a dit:
pour répondre c'est le site en .fr je voulais savoir si c'est un site css valide ou si c'est du vent....

c'est du vent

Code:

<body style="color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee" vlink="#551a8b">

mélange de css en dur dans la page :cry: et d'attribut d'un autre siècle.
et dans la css, le

Code:

font: 13px/1.1em

du body me parait bizarre. Il ne me semble pas que cela soit autorisé, mais bon...

webmaster39 · 20 Mars 2007

ça doit etre le fod qui est spéciale, pourquoi ne serais ce pas autorisé????
pour info.

yborean · 21 Mars 2007

Perso je penses que personne ne peut répondre à ça, vu que personne ne connait les algos actuels des moteurs.

un site en full HTML sémantique, sans CSS, et un autre en full HTML sémantique avec CSS, qui ressort premier tout autres attributs égaux, personne ne sait. non ?

je penses que les algos doivent forcémment prendre peu à peu en compte les feuilles de styles, pour la mise en valeur des tailles de texte etc..

perso ça me parait une évolution logique, et pas futuriste.

webmaster39 · 21 Mars 2007

quelqu'un as t'il une adresse pour télécharger un editeur W3C simple d'utilisation et en français car j'vais Nvu bien pratique et j'ai trouvé maya mais en anglais..difficile en anglais.

Leonick · 21 Mars 2007

Context ou Notepad+ selon les webmaster :wink:

webmaster39 · 21 Mars 2007

ok merci je vais regarder ça....