2009-02-02 32 views
42

Tengo una página web que utilizo las etiquetas h1 varias veces en varios DIV y le doy estilo a h1 para que cada div tenga el tamaño apropiado.¿Está bien usar varias etiquetas h1 en la misma página, pero tener un estilo diferente?

Por ejemplo ...

#content h1 { 
    font-size:22px; 
} 

#left-nav h1 { 
    font-size:14px; 
} 

#content .recent-news h1 { 
    font-size:16px; 
} 

¿Es esta bien? Estoy preocupado por SEO.

¿Cuál es la mejor manera de hacerlo? ¿O me estoy preocupando por nada?

+0

tengo curiosidad por lo que le preocupa SEO. No tengo conocimiento de ningún caso en el que el motor de búsqueda siquiera mirase css, pero esa es mi intuición y no se basa en nada. Aunque no estoy seguro de por qué lo haría, se supone que el motor de búsqueda se preocupa por el contenido, ¿verdad? –

+3

No se trata de SEO, sino de lectores de pantalla que buscan encabezados de página. H1 es el encabezado superior de la página y debe usarse una vez. H2-6 son subcabeceras y pueden usarse repetidamente. Al menos así es como lo veo. –

+0

+1 ¡Excelente pregunta! –

Respuesta

9

En mi opinión, no necesita preocuparse, está bien hacerlo así.

H1 designa parte de su contenido como encabezado de primer nivel. Por lo tanto, si tiene un encabezado de primer nivel en su div de navegación (por ejemplo, <H1>Navigation Menu</H1>), por supuesto que debería ser #nav h1.

Si debe tener varias H1 dentro de su contenido depende: Si tiene un blog y cada entrada tiene su propio encabezado, esas serían H1. Sin embargo, si su blog tiene un encabezado (por ejemplo, <H1>My Blog!</H1>), el encabezado de entrada del blog debe ser un H2.

Pero eso es solo teoría. Vaya por lo que es legible, marcado semántico. Puede decidir mejor al mirar su html y preguntarse: '¿Es legible? ¿La legibilidad mejoraría si lo hiciera de la otra manera? La respuesta variará de un proyecto a otro.

+2

http://www.w3.org/2003/12/semantic-extractor.html Asegúrate de que te parezca correcto desde este punto de vista. –

10

En general, solo debe tener una h1 por página, y h1 debe representar el contenido de esa página. Siempre y cuando esté dispuesto a diseñar con CSS, averigüe qué nivel de títulos (h2, h3, h4, etc.) representan correctamente los encabezados que desea usar y, a continuación, ajústelos.

3

Semánticamente, prefiero usar una h1 en la página, principalmente para el título de la página. Probablemente no importe demasiado con SEO, y con la forma en que html funciona con HTML5, la etiqueta genérica header lo hará mucho más simple y este argumento quedará obsoleto.

14

Recuerde que sus h1 se utilizan para indicar el contexto, no el diseño. Por lo tanto, no hay nada intrínsecamente incorrecto en tener varios en una página.

En este ejemplo específico, debe decidir si sus h1 de navegación izquierda tienen la misma importancia contextual que sus h1 de contenido y h1 de noticias recientes. Si existe una jerarquía clara en su mente, use las etiquetas de encabezado para demostrarlo.

0

Al tratar de responder a la misma pregunta, he publicado esta pregunta que puede contener información útil. Mi preocupación con el uso del mismo H1, H2, H3 en diferentes lugares es que, a menos que SIEMPRE especifique un estilo 'padre' como lo hizo en su ejemplo *, entonces puede tener problemas.

Dilemma in deciding how to create CSS for H1, H2, H3 etc.

*   eso quiere decir que nunca se define 'h1' por sí mismo

1

no me gusta la idea de múltiples H1 s. H1 es el encabezado de nivel superior más importante y la página será básicamente sobre ese tema. Si tiene un segundo tema igualmente importante, no lo coloque en otra etiqueta H1, simplemente colóquelo en otra página. Se lo merece, ¿verdad?

0

Intento tener solo un H1 en la página y tenerlo casi de nuevo reorganizado desde el contenido de la etiqueta del título/H1 es la idea principal de una página individual todo lo demás debe ser una etiqueta h2 y Más bajo ...

0

Si se trata de seo, es mejor usar etiquetas h1 Y si desea usarlo solo para fines de sincronización, use css stylesheets.

Lo más importante es que: Si se utiliza más de una etiqueta h1 en una página web, entonces google puede considerar esa página como spam. use otras etiquetas de encabezado distintas de h1 como h2 h3 h4 h5 h6 cualquier número de veces.

27

Matt Cutts de Google respondió a More than one H1 on a page: good or bad? (5 marzo de 2009) con:

Bueno, si hay una razón lógica para tener varias secciones, que no es tan malo tener, ya sabes múltiples h1 s . Prestaría atención al exagerando. Si toda su página es h1, se ve bonita Creti, ¿verdad? Así que no haga todos los h1 y luego CSS para que se vea como texto normal porque vemos personas que son competidores que se quejan de que si los usuarios alguna vez desactivan CSS o el CSS no se carga, parece realmente malo . Entonces, ya sabes, está bien tener un poco de h1 aquí y entonces tal vez hay dos secciones en una página, y entonces quizás tenga un un poco de h1 aquí.

Pero realmente debería usarlo para encabezados o encabezados, que es lo que tiene la intención. No solo arroje h1 en cualquier lugar que pueda en una página. Porque puedo decirte que si lanzas h1 en cualquier lugar de una página, personas han intentado abusar de eso y nuestros algoritmos intentan tomar ese así que realmente no te hace tanto bien. Entonces lo usaría en donde tenga sentido y con más moderación, pero puede tenerlo varias veces.

+1

gracias, buen enlace; otros videos de ese canal son bastante buenos también :) – stephenmurdoch

0

Todo depende un poco de lo que su doctype es. Con html5, está bien utilizar múltiples etiquetas h1 por sección. (¡no lea, por <section></section>!) Al utilizar en el ejemplo XHTML 1.0 Transitionaldoctype, evitaría usar múltiples etiquetas h1 en una sola página.

Cuando se utiliza en el ejemplo de la XHTML 1.0 Transitionaldoctype, me gustaría ir a menudo para algo como esto:

  • h1: máx. una vez por página
  • h2: max. dos veces por página
  • etc.

Además @ Joel, a pesar de que su respuesta es una especie de bien, por favor, no trate de confundir a cualquiera ... puedo decir que soy un ingeniero de software de Google, porque simplemente trabajo con Google (no con la empresa, sino con el producto) Y soy ingeniero ... Indique el nombre de su empresa Y cualquier certificación cuando reclame cosas como tales.

+3

Joel no se refería a sí mismo como un ingeniero de Google, se estaba refiriendo al tipo en el video de youtube al que se vinculaba (aunque la forma en que lo dijo) no fue muy claro). El video es de Matt Cutts, jefe de spam web en Google (http://en.wikipedia.org/wiki/Matt_Cutts) y presumiblemente la fuente más creíble sobre temas como este. – Tom

+0

Es un año después de la fecha de publicación original, pero parece que has visto el video ... Por lo tanto, no puedo decir que sea spam. –

+0

¿Por qué habría una diferencia entre XHTML y HTML5 con respecto a las etiquetas de encabezado? La semántica debería seguir siendo la misma? – fritzmg

0

Creo que es una buena práctica de SEO colocar una etiqueta H1 en la parte superior de cada elemento de bloque en mi página, pero así soy yo.Por supuesto, esta etiqueta H1 debe contener información relevante para las palabras clave/temas a los que apunta.

Este es un método de SEO muy efectivo que he encontrado, por lo que las personas que le dicen que no lo haga están tratando de evitar que se una a nuestras ganancias.

Cuestiones relacionadas