Feuilles de style css et balise H1

Discussion dans 'Administration d'un site Web' créé par Guig2, 18 Février 2003.

Tags:
  1. Guig2
    Guig2 WRInaute occasionnel
    Inscrit:
    31 Janvier 2003
    Messages:
    250
    J'aime reçus:
    0
    Je me demandais si Google considérer les mots gros et gras fait grace à des feuilles de style css comme les mots entre les balises H1?
     
  2. Aglaia
    Aglaia WRInaute discret
    Inscrit:
    22 Décembre 2002
    Messages:
    85
    J'aime reçus:
    0
    Si tu dois écrire en gros en gras, pourquoi ne pas utiliser une pure balise h1, justement, plutôt que des CSS ?
    Pourquoi faire compliqué quand on peut faire simple ?
    Google attachera forcément plus d'importance aux mots présents dans la balise h1 qu'aux autres.
     
  3. Guig2
    Guig2 WRInaute occasionnel
    Inscrit:
    31 Janvier 2003
    Messages:
    250
    J'aime reçus:
    0
    Disons que au niveau de la conception du site la feuille de style permet de recréer le même style sans avoir à retaper tout les balises taille, couleur, police etc...
    D'après toi donc ni le css définit un style gros et gras type H1, google ne l'interpretera pas comme du H1?
     
  4. Aglaia
    Aglaia WRInaute discret
    Inscrit:
    22 Décembre 2002
    Messages:
    85
    J'aime reçus:
    0
    Que tu écrives font-size: 72px ou font-size: 8px, il ne fera aucune différence. D'ailleurs la plupart des webmasters en profitent pour truquer la balise h1 en redéfinissant la taille de police des h1. Comme ça elles gardent leur importance mais ne gâchent pas le site.
    Google ne lit même pas les css (à moins qu'un expert ne me contredise).
     
  5. hetzeld
    hetzeld WRInaute passionné
    Inscrit:
    2 Décembre 2002
    Messages:
    1 586
    J'aime reçus:
    0
    Bonsoir,

    L'utilisation des balises <h1>...<hn> doit se faire pour mettre en évidence la structure de la page.
    Elles ont pour les moteurs une signification particulière, représentant en quelque sorte les titres et subdivisions d'une page. Il est donc logique que les moteurs s'y intéressent.

    Le web a évolué et pratiquement tout le monde trouverait horrible une page faite uniquement avec du texte et des balises <h1> ... <hn> pour les titres. C'est sur ce plan que les feuilles de style viennent à la rescousse. Elles permettent de redéfinir ces balises <hn> pour adapter les titres en taille, police et coloris à la page qui les reçoit, tout en gardant l'information structurelle qui est très importante.

    Les moteurs privilégient aussi les mots encadrés des balises <b>, <strong> et <em>.
    Ces balises peuvent aussi être redéfinies à l'aide des CSS.

    Dan
     
  6. Guig2
    Guig2 WRInaute occasionnel
    Inscrit:
    31 Janvier 2003
    Messages:
    250
    J'aime reçus:
    0
    Bon parlons plus concrètement, j'ai un style titreorange employé dans un code du style :
    Code:
    <td width="407" class="titreorangebig">mon titre qui cartonne</td>
    Est-ce que google va accorder plus de poid à ce titre sachant que dans la définition css du titre rien ne fait référence au balise h1 hn, simplement sont défini police taille gras et couleur?
    Ou alors est-ce qu'il vaut mieux abandonner le style css et le remplacer par des balise h, strong, color etc...
     
  7. hetzeld
    hetzeld WRInaute passionné
    Inscrit:
    2 Décembre 2002
    Messages:
    1 586
    J'aime reçus:
    0
    Bonjour,

    tu pourrais redéfinir une classe <h1> comme:
    h1.orangebig {
    font-size:20px;
    font-weight:bold;
    font-family:....;
    display:inline;
    }

    Et y faire référence dans:
    <td><h1 class="orangebig">Ton titre...</h1></td>

    Tu aurais le meilleur des 2 mondes. :wink:

    Dan
     
  8. sophroman
    sophroman WRInaute discret
    Inscrit:
    14 Juillet 2002
    Messages:
    137
    J'aime reçus:
    0
    le meilleur des 2 mondes

    Cool, cette fois j'ai réussi à utiliser un conseil : :D

    .h1 {
    font-size:20px;
    font-weight:bold;
    color: #336699;
    font-family:Verdanna;
    display:inline;
    }

    <div class="h1"><H1>Galerie ...</H1> </div>

    Merci.
    Régis 8)( je vais attraper la grosse tête )
    51 messages et 51 ans ...
     
  9. Guig2
    Guig2 WRInaute occasionnel
    Inscrit:
    31 Janvier 2003
    Messages:
    250
    J'aime reçus:
    0
    ca a l'air sympa cette affaire!
    J'essaye dès que j'ai le temps.
    Merci hetzeld
     
  10. hetzeld
    hetzeld WRInaute passionné
    Inscrit:
    2 Décembre 2002
    Messages:
    1 586
    J'aime reçus:
    0
    Re: le meilleur des 2 mondes

    Pas de quoi !

    Dan (645 messages et heureusement pas 645 ans:lol: )
     
  11. sophroman
    sophroman WRInaute discret
    Inscrit:
    14 Juillet 2002
    Messages:
    137
    J'aime reçus:
    0
    Dan le "Hightlander" du web :lol:

    Régis,
    52 messages et toujours 51 ans je ne vieillis plus :D
     
  12. khalyman
    khalyman Nouveau WRInaute
    Inscrit:
    21 Juillet 2003
    Messages:
    34
    J'aime reçus:
    0
    span class="h1"

    apres avoir défini la balise h1 dans ma feuille de style, ma balise c'est ca : <span class="h1">

    ca fonctionne tout de meme? Le h1 est bien visible comme ca ?

    merci

    Julien
     
  13. nikoshr
    nikoshr WRInaute occasionnel
    Inscrit:
    10 Juillet 2003
    Messages:
    295
    J'aime reçus:
    0
    Re: span class="h1"

    Le but du jeu ici est de donner une structure au document, par des balises comme H1 et ensuite de leur appliquer des styles pour que l'affichage soit correct. Avec un <span class='h1'>, il n'y a pas de structure indiquée, juste une mise en forme. Donc, il vaut mieux écrire quelque chose comme
    Code:
    <h1>Mon titre</h1>
    et une feuille de style contenant la mise en forme, par exemple
    Code:
    H1 {
      font-size:100%;
      color:red;
    } 
    Est-ce plus clair?
     
  14. khalyman
    khalyman Nouveau WRInaute
    Inscrit:
    21 Juillet 2003
    Messages:
    34
    J'aime reçus:
    0
    okeeeeeee

    beaucoup plus clair

    merci!
     
Chargement...
Similar Threads - Feuilles style css Forum Date
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
Feuilles de styles CSS : pourquoi vos mailings arrivent en vrac Développement d'un site Web ou d'une appli mobile 29 Septembre 2011
Les feuilles de style.css peuvent-elles nuire au référecnement? Débuter en référencement 20 Septembre 2010
Goggle crawle les feuilles de styles CSS Référencement Google 23 Juin 2006
feuilles de styles non obtenues par Googlebot Crawl et indexation Google, sitemaps 28 Septembre 2018
Feuilles de style fabriquées en dynamique ? Développement d'un site Web ou d'une appli mobile 11 Août 2012
Deux feuilles de Styles Développement d'un site Web ou d'une appli mobile 30 Janvier 2010
feuilles de styles Débuter en référencement 29 Juillet 2009
IE 8 et feuilles de style Développement d'un site Web ou d'une appli mobile 14 Juillet 2009
Externalisation feuilles de style : impact sur référencement Référencement Google 1 Février 2008
Deux feuilles de style pour 2 version d'IE Développement d'un site Web ou d'une appli mobile 3 Octobre 2007
Dossier inexistant et feuilles de style Développement d'un site Web ou d'une appli mobile 7 Août 2007
les attributs des feuilles de style sont ils pris en compte? Référencement Google 22 Février 2007
php et feuilles de style Développement d'un site Web ou d'une appli mobile 27 Octobre 2005
Les feuilles de styles peuvent elles marcher dans GMAIL ? Gmail, Google Talk, Blogger et Orkut 13 Août 2005
passage aux feuilles de style help Administration d'un site Web 3 Janvier 2004
Feuilles css en cache ? Administration d'un site Web 26 Septembre 2006
WordPress Problème affichage style avec Elementor (titre, bordures, separateur) Administration d'un site Web 8 Août 2022
Récapitulatif Média d'information style portail Référencement Google 23 Novembre 2020
Style wordpress Développement d'un site Web ou d'une appli mobile 11 Avril 2020