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

Discussion dans 'Référencement Google' créé par calaisnath, 8 Septembre 2008.

  1. calaisnath
    calaisnath Nouveau WRInaute
    Inscrit:
    8 Septembre 2008
    Messages:
    8
    J'aime reçus:
    0
    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
     
  2. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 857
    J'aime reçus:
    5
    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
     
  3. calaisnath
    calaisnath Nouveau WRInaute
    Inscrit:
    8 Septembre 2008
    Messages:
    8
    J'aime reçus:
    0
    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
     
  4. nickargall
    nickargall WRInaute accro
    Inscrit:
    13 Juin 2005
    Messages:
    6 601
    J'aime reçus:
    4
    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> !
     
  5. metropoway
    metropoway WRInaute discret
    Inscrit:
    3 Mars 2004
    Messages:
    219
    J'aime reçus:
    1
    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...)
     
  6. calaisnath
    calaisnath Nouveau WRInaute
    Inscrit:
    8 Septembre 2008
    Messages:
    8
    J'aime reçus:
    0
    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? 8O
     
  7. nickargall
    nickargall WRInaute accro
    Inscrit:
    13 Juin 2005
    Messages:
    6 601
    J'aime reçus:
    4
    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 :)
     
  8. metropoway
    metropoway WRInaute discret
    Inscrit:
    3 Mars 2004
    Messages:
    219
    J'aime reçus:
    1
    Effectivement... c'est un peu le principe
     
  9. fredfan
    fredfan WRInaute accro
    Inscrit:
    2 Juillet 2008
    Messages:
    2 850
    J'aime reçus:
    2
    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
     
  10. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 857
    J'aime reçus:
    5
    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/

    :D
     
  11. nervusdm
    nervusdm WRInaute impliqué
    Inscrit:
    5 Janvier 2008
    Messages:
    609
    J'aime reçus:
    0
    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.

    J'imagine déjà mal un fichier de plusieurs mo pour du css.. :D
     
  12. calaisnath
    calaisnath Nouveau WRInaute
    Inscrit:
    8 Septembre 2008
    Messages:
    8
    J'aime reçus:
    0
    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)??
     
  13. Leonick
    Leonick WRInaute accro
    Inscrit:
    8 Août 2004
    Messages:
    19 274
    J'aime reçus:
    0
    c'est quoi élément PA ?
     
  14. fredfan
    fredfan WRInaute accro
    Inscrit:
    2 Juillet 2008
    Messages:
    2 850
    J'aime reçus:
    2
    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.
     
  15. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 857
    J'aime reçus:
    5
    C'est le Proactinium...



    ...ou des éléments à positionnement absolu :roll:
     
  16. Pandore
    Pandore WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 108
    J'aime reçus:
    0
    Si c'est la même règle déjà utilisée pour toute la page, pourquoi diable la répéter ??? 8O Comme déjà dit plus haut, le "C" de C.S.S. signifie "Cascade". :wink:
     
  17. calaisnath
    calaisnath Nouveau WRInaute
    Inscrit:
    8 Septembre 2008
    Messages:
    8
    J'aime reçus:
    0
    Non non, justement, je me sers de ces regles (flottant gauche et droite) à divers moments dans ma page, pour placer mes images à l'intérieur de mes calques. Mais pas toujours


    Plus generalement, avant je faisais un tableau avec par exemple 10 lignes et une colonne; dans chaque cellule, je mettais une image et un descriptif de l'image

    Mais vu les difficultés que j'avais pour la mise en page, j'ai opté pour les CSS

    Donc vaut-il mieux:

    -utiliser 10 calques (éléments PA) dans lequel j'utilise des regles de CSS pour placer mes images par rapport à mes textes
    -utiliser 10 balises DIV avec des ID différents: je mets alors dans chaque DIV mes images et mes textes, arrangés au moyen de mes regles CSS (dans ce cas là, ma balise DIV n'est pas un calque bien sur)

    Qu'est-ce qui est le mieux? Calques (él. PA) ou DIV sans calque ?
     
  18. malvina14
    malvina14 WRInaute discret
    Inscrit:
    5 Janvier 2007
    Messages:
    210
    J'aime reçus:
    0
    Bonjour,
    Faux on peut parfaitement externaliser, tout comme on peut mettre des tableaux (pour les données tabulaires) et les personnaliser ou utiliser les liste, mettre 10 éléments en position absolue me parait beaucoup et où est l'intérêt des feuilles de style si ce n'est de les externaliser pour séparer le contenu de la forme. Quand à ton exemple de 10 lignes 1 colonne, moi je ferai
    Code:
    <ul>
    <li></li>
    <li></li>
    etc..
    </ul>
    
    c'est beaucoup plus simple et léger à gérer que des calques.
     
Chargement...
Similar Threads - CSS Calques Google Forum Date
Problèmes avec les calques css Développement d'un site Web ou d'une appli mobile 19 Mai 2008
Calques, css et référencement Problèmes de référencement spécifiques à vos sites 1 Mai 2008
Indexation des calques css ?? Référencement Google 19 Janvier 2006
CSS - tableaux et calques Administration d'un site Web 21 Décembre 2004
Grid CSSS 3 et IE ou Edge ? Développement d'un site Web ou d'une appli mobile 2 Novembre 2022
Comment Modifier une balise H1 non paramétrable par du CSS Débuter en référencement 13 Octobre 2022
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021
Utiliser une grille CSS peut-il nuire au référencement ? Débuter en référencement 17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
WordPress Suppression élément avec Css Demandes d'avis et de conseils sur vos sites 16 Août 2020
Conflit image responsive et animation css Développement d'un site Web ou d'une appli mobile 20 Février 2020
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020
CSS Google Shopping AdWords 23 Janvier 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019
Comment gérer le ALT d'une image en CSS background-image YouTube, Google Images et Google Maps 17 Décembre 2019
Contenu mixte vers http / css - réelle gravité ? Débuter en référencement 24 Septembre 2019