C'est autorisé, mais le cacher n'est pas une bonne idée (notons que le clip va faire que ton élément fera 1px sur 1px, pour montrer l'image c'est râpé). Et surtout... le h1 ne doit pas être ton logo général ou le nom de ton site, sauf sur la page d'accueil. Le h1 c'est "le truc important de la page", son titre, par exemple.
Mettons que tu aies un blog : "Le blog de David". Ce texte sera le h1 de la page d'accueil. Sur l'article "Hier j'ai mangé une pomme", cette phrase sera le h1 de la page (éventuellement "Hier j'ai mangé une pomme | Le blog de David", afin de préciser de quoi on parle et d'où on parle).
- Edité par Lamecarlate 8 septembre 2015 à 7:54:17
Pas d'aide concernant le code par MP, le forum est là pour ça :)
julesruru > c'est pris en compte, et blacklisté dans la foulée le plus souvent. Donc, c'est techniquement possible mais ça va avoir des conséquences SEO inverses de celles recherchées.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Oui c'est vrai que c'est pas très fair-play, mais du coup la réponse à sa question est : non, si google voit qu'il essaie de déjouer le bon fonctionnement, il sera black-listé aussi.
Caché un h1 derrière une image reviens à la display none en théorie.
Donc si un h1 n'est pas un vrai h1 bien visible, on dira qu'il triche.
<h1><img src="monimage.jpg" alt="Le titre de ma page" /></h1>
est tout à fait valable, car il a un texte alternatif (ça méritera peut-être même un title pour afficher le titre à celles et ceux qui ne sont ni des robots ni des lecteurs d'écran).
- Edité par Lamecarlate 8 septembre 2015 à 14:49:51
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Ben t'as tout faux <h1> c'est un titre de niveau 1. Ça veut dire que c'est un titre, le plus important de la page (à peu de choses près). Rien à voir avec la taille, qui se définit en CSS. Si les <h1> sont gros et gras, c'est parce que c'est une convention, parce que les navigateurs ont une feuille de styles intégrée, pour rendre lisible du HTML non encore stylé par son auteur⋅e.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
(Oui je pense qu'il va halluciner mais je pense aussi que tu as bien répondu à sa question et que comme ça il ne fera pas la même erreur que j'aurai pu faire )
Question, j'ai vu ici que l'on pouvait mettre plusieurs h1 dans une page, et le h1 sera le titre le plus important de son bloc (un header, une section ou un footer par exemple). Vu votre discussion, est-ce juste?
Le <h1> correspond au titre principal d'une section, d'un bloc de contenu. Aussi, le header contient un <h1> (le titre du site), ainsi que chaque article dans le cas où ils seraient affiché les uns à la suite des autres dans leur intégralité. Dans ce cas, le <h1> représente le titre principal de l'article, et ce pour chacun des articles. Tout dépend de la configuration du site, en fait. Mais en règle générale, un titre principal est associé à un bloc de contenu. C'est comme dans un journal papier, en fait. Il y a un titre principal et des sous-titres pour chaque article. Sur la une (qui est un bloc de contenu à part entière), par contre, les titres des articles sous des "sous-titres" de la une du journal.
Pour ce qui est de cacher le <h1> derrière le logo, c'est tout à fait possible sans utiliser un "display: none;". Tu pourrais par exemple utiliser une indentation négative:
/* Le texte "sort" de la page,
sans pour autant décaler le contenu ou la taille du bloc.
Il restera toujours disponible pour les screen-readers
utilisés par les non/mal-voyants */
h1 {
text-indent: -9999px; /* Par exemple... */
}
/* On modifie le type de conteneur de l'image.
La propriété "text-indent" s'appliquant à tous les éléments de type inline (img inclu),
on lui donne le type block. */
h1 > img {
display: block;
}
Cette méthode me paraît utiliser beaucoup de propriétés pour un résultat similaire : un bloc/nœud de texte visible par les screen-readers, toujours présent et actif dans le DOM (et qui n'est donc pas répertorié par les robots comme un "faux-h1").
D'ailleurs, est-il vraiment nécessaire de placer le logo dans une balise img ? (C'est une vraie question !)
En plaçant un bloc h1 et en "masquant" le texte à l'intérieur, cela aurait à mon avis plus de sens pour les robots qu'une image dans un titre principal. Le logo serait alors inséré via la CSS et positionné à l'aide des propriétés background-*. Dans mon exemple, le scope "h1 > img" pourrait être supprimé dans ce cas.
Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.
Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre. En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.
Au lieu de déterrer un sujet il est préférable :
soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
soit de créer un nouveau sujet décrivant votre propre contexte
ne pas répondre à un déterrage et le signaler à la modération
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)