CSS et Calques: Google ne pénalise-t-il pas ?

le Lun Sep 08, 2008 14:30

Bonjour

Avec la possibilité qu'on a maintenant de faire des mises en page rien qu'avec CSS, tout en se passant de tableaux, je fais de superbes pages, que j'optimises bien sûr, mais je trouve que la quantité de code que l'on a est très important. Il me semble que la quantité est plus importante que quand on utilisait le système de tableaux imbriqués. Ceci dit, il est vrai que les règles sont dans le HEAD

J'utilise énormément d'éléments PA (calques), et un très grand nombre de règles CSS

J'aimerais juste savoir si le fait d'utiliser un grand nombre de claques (éléments PA) et de règles CSS n'est pas pénalisé par Google

Merci

le Lun Sep 08, 2008 14:37

L'intérêt du CSS réside dans le "C" de "Cascaded" (= en cascade).

Le but est de simplifier la structure en utilisant des classes qui se répètent, et en regroupant un maximum les éléments et dépendances.

Aurais-tu un exemple de ton utilisation, qu'on puisse te dire si elle est optimale, ou non ?

Merci

PS: Bienvenue sur le Forum

le Lun Sep 08, 2008 14:46

HawkEye a écrit:L'intérêt du CSS réside dans le "C" de "Cascaded" (= en cascade).

Le but est de simplifier la structure en utilisant des classes qui se répètent, et en regroupant un maximum les éléments et dépendances.

Aurais-tu un exemple de ton utilisation, qu'on puisse te dire si elle est optimale, ou non ?

Merci

PS: Bienvenue sur le Forum

Bonjour

Et bien par exemple, au lieu de faire un tableau avec 10 lignes et une image enrouré de texte dans chaque ligne (cellule), avec toutes les difficultés que cela représente pour placer le texte autour de l'image en HTML.....

.....je fais 10 calques, dans lequel je mets mon image et mon texte comme bon me semble tout autour (j'utilise les options flottantes par exemple, entre autres)

C'est beaucoup plus simple je trouve

le Lun Sep 08, 2008 15:10

L'intéret aussi est d'externaliser les déclarations de style dans une feuille .css externe, comme ça le code n'est plus dans le <head> !

le Lun Sep 08, 2008 15:15

nickargall a écrit:L'intéret aussi est d'externaliser les déclarations de style dans une feuille .css externe, comme ça le code n'est plus dans le <head> !

J'allais le dire :wink:

Pas cool, si tous tes CSS sont dans ta page HTML (dans le head).

Faut les externaliser :
-> Parce que c'est l'intérêt du truc de séparer le contenu (HTML) du contenant (CSS) ;
-> Pour n'avoir à charger les styles qu'une seule fois ;
-> Pour ensuite les faire évoluer sans avoir à toucher au contenu
-> Pour les adapter à différentes sorties (screen, print...)

le Lun Sep 08, 2008 16:14

Je fais des CSS externes dès que je le peux, mais pour ceux qui est des calques, je ne peux pas externaliser

Et puis c'est vrai qu'externaliser est pratique, mais quand on a enormément de pages, c'est un risque (car modifier la CSS externe modifie TOUT le site!)
De plus, faire une grande quantité de CSS externes et de suite on a du mal à s'y retrouver. J'aime bien contrôler la page sans avoir recours à une CSS externe.

Donc y'a un risque vis à vis de GG qui pourrait pénaliser les sites comme le mien car il contient trop de CSS dans le code?

le Lun Sep 08, 2008 16:18

A priori non.
Mais bon c'est la première fois que j'entends dire qu'externaliser le CSS complique la vie

A la limite place dans tes pages spécifiques une couche de div intermédiaire qui permet de les "isoler" ensuite dans des feuilles de style spécifiques
ou, plus tordu,
fais des feuilles de style CSS dynamiques

le Lun Sep 08, 2008 16:47

calaisnath a écrit:car modifier la CSS externe modifie TOUT le site!

Effectivement... c'est un peu le principe

le Lun Sep 08, 2008 18:13

calaisnath a écrit:car modifier la CSS externe modifie TOUT le site!

Pas forcément : tu peux faire un css pour tout le site et plusieurs petits css qui précisent des points qui n'apparaissent que dans certaines pages
Ça devient très facile à lire et à corriger
En plus avec des css intégrés tu as tendance à les modifier petit à petit sur certaines pages et ça donne un air hétérogène à l'ensemble du site qui ne fait pas très fini

le Lun Sep 08, 2008 18:14

calaisnath a écrit:Donc y'a un risque vis à vis de GG qui pourrait pénaliser les sites comme le mien car il contient trop de CSS dans le code?

nickargall a écrit:A priori non.

Franchement... je doute.

Si pour un poids total important, une page n'apporte que peu d'informations (ratio contenant/contenu élevé), il pourrait y avoir un risque.
Je ne suis pas formel: je n'ai pas testé (y'a plus fun, comme tests :roll:

).

calaisnath, sans vouloir te forcer à changer tes habitudes, j'ai tout de même l'impression que tu utilises les feuilles de style à mauvais escient: c'est un peu comme si tu faisais un site statique en php, ou une galerie d'images "en dur"...

Tout l'intérêt réside précisément dans le fait qu'on peut regrouper les éléments par type et par dépendance, et donc alléger le code et simplifier la gestion du design.

En résumé: http://w3qc.org/ressources/traductions/ ... ndex07.htm
En étendu: http://www.alsacreations.com/

le Lun Sep 08, 2008 23:42

Et puis c'est vrai qu'externaliser est pratique, mais quand on a enormément de pages, c'est un risque (car modifier la CSS externe modifie TOUT le site!)

Ben c'est le principe, adopté un design commun. Imagine un site avec 4000 pages, il est pratique den e modifier que le fichier .css.

Exemple personne : Pour ma part mon site fonctionne en "2 designs".
un fichier basique contient tout ce uqi ne change jamais ( taille de texte.. ) type css.css.
2 fichiers ( pour 2 designs ) peuvent être chargés ( l'un ou l'autre ) en fonction des paramètres. Ceci est clairement plus simple.

Si pour un poids total important, une page n'apporte que peu d'informations (ratio contenant/contenu élevé), il pourrait y avoir un risque.
Je ne suis pas formel: je n'ai pas testé (y'a plus fun, comme tests Rolling Eyes).

J'imagine déjà mal un fichier de plusieurs mo pour du css..

le Mar Sep 09, 2008 1:01

Tout d'abord merci à tous pour toutes ces informations
:wink:

Je vais prendre l'exemple de la page que j'ai faite cet apres midi:

J'ai fait 10 calques, positionnés un petit peu de partout dans ma page, et dans chaque calque, j'ai mis une image avec du texte autour
J'ai défini 2 règles CSS pour l'image (flottant droit, flottant gauche), et une régle CSS pour le texte (police, taille, centrage etc), la même que j'ai utilisée pour toute la page
Ce qui fait 3 CSS + les 10 calques

Il est vrai que je peux rentrer tout cela en CSS externe pour m'en servir pour d'autres pages du même modèle, ce que je vais faire d'apres vos conseils

Honnetement je n'arrive pas à me rendre compte du poids que ça peut peser. Quel est le ratio code/contenu à ne pas dépasser?

Sinon, que pensez vous d'une page avec 3 CSS dans le HEAD et une dizaine de calques (éléments PA)??

le Mar Sep 09, 2008 6:44

calaisnath a écrit:Sinon, que pensez vous d'une page avec 3 CSS dans le HEAD et une dizaine de calques (éléments PA)??

c'est quoi élément PA ?

le Mar Sep 09, 2008 7:55

Si pour un poids total important, une page n'apporte que peu d'informations (ratio contenant/contenu élevé), il pourrait y avoir un risque.

Est-ce qu'on peut confirmer ou infirmer ça ?
Si une page contient quelques lignes, des photos de contenu et des photos de présentation, on peut avoir un tout petit contenu avec un poids html+css+photos+scripts assez élevé.
Comment et pourquoi les moteurs pourraient-ils nous en vouloir ?
D'autant plus qu'ils ne chargent que le html.

le Mar Sep 09, 2008 8:46

Leonick a écrit:
calaisnath a écrit:Sinon, que pensez vous d'une page avec 3 CSS dans le HEAD et une dizaine de calques (éléments PA)??
c'est quoi élément PA ?

C'est le Proactinium...

...ou des éléments à positionnement absolu :roll:

CSS et Calques: Google ne pénalise-t-il pas ?

CSS et Calques: Google ne pénalise-t-il pas ?

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne