Encabezado con <h1> o <div>, esa es la cuestión

[rogertm]

Hola, he estado mirando Twenty Ten, la plantilla que trae Wordpress por defecto desde la versión 3.0, pues quiero usarla como framework para crear mis propios themes y me ha saltado una duda.

El asunto es el siguiente, en el archivo header.php, Twenty Ten presenta el siguiente código:

Código PHP:

<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
<<?php echo $heading_tag; ?> id="site-title">
    <span>
        <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
    </span>
</<?php echo $heading_tag; ?>>
 

Osea, si estamos en la portada del sitio, nos devuelve el encabezado entre etiquetas <h1> ... </h1>, si no, entonces dentro de un <div> ...</div>. Según mis modestos conocimientos, esto se debe a que prioriza el mayor heading para la portada del sitio, dejando para las páginas y noticias esa jerarquía a los títulos de estas (páginas y noticias)

Mi duda es si esto es así como me imagino o se debe a otra cosa, y qué ventajas tiene esto desde el punto de vista semántico, por decirlo de alguna manera.

Gracias de antemano.

[GatorV]

Tema movido desde Web general a HTML

[joseomaker]

por seo y semantica,las etiqueta h (h1,h2,h3,h4...) es lo indicado

[rogertm]

Oops... Había dejado esto por olvidado ... Mirando en Drupal 7, también pasa lo mismo, cambian h1 por div, entonces, creo que es cuestión de jerarquizar, el contenido, dependiendo de la sección en que uno se encuentre. Para mi tiene sentido...

Saludos

[junihh]

Es interesante lo que viste de WP y Drupal, aunque antes de aplicar ese metodo me preocuparia por lo que se conoce como "landing page", que son las paginas indexadas internas.

Creo que para hacer algo como eso, lo ideal seria poner el H1 como ultima linea de codigo en el HTML y llevarlo al tope con CSS, para que se indexe el contenido antes que el titulo del site en vez de poner el titulo en un DIV.

[DragonX]

yo soy de la vieja escuela roger y lo sabes para mi el H1 es intocable, al igual que los demas, y los utilizo solament en los contenidos, no en el sidebar o footer, solo en los cont, por eso yo no reemplazaría al h1 por un class!

un abrazo amigo!

[rogertm]

Bueno, para mi sigue teniendo sentido, pues en Twenty Ten cuando entras a un post o una página, o cualquier otro lugar que no sea el front del sitio, se etiqueta dentro de h1 el nombre del post o la página o lo que sea. Creo que es lo que dice @junihh cuando habla de landing page, pero no pondría un h1 con el título del sitio al final para que se indexe, pues entorpecería la jerarquía de las etiquetas...

[cvander]

No se animan a empezar a usar <header> y <hgroup> o <article> para empezar a ver que ventajas trae el html5 en los posts.

Siempre mantendría el <h1> para los títulos de artículos individuales y <divs> cuando los estés listando, pero empezar a usar más semántica podría ser una práctica interesante

[junihh]

@cvander: Decirte que ya comence a codear en HTML5, pero por el momento solo a modo de prueba y aprendizaje. Tengo un proyecto personal en proceso y quiero aprovechar el "localStorage" para guardar datos del usuario localmente y asi evitar hacer consultas al servidor. La intencion es ahorrarle carga de trabajo al servidor y depender lo mas posible de ajax.

[rogertm]

Iniciado por cvander

No se animan a empezar a usar <header> y <hgroup> o <article> para empezar a ver que ventajas trae el html5 en los posts.

Siempre mantendría el <h1> para los títulos de artículos individuales y <divs> cuando los estés listando, pero empezar a usar más semántica podría ser una práctica interesante

Anjá.. de echo, hace algún tiempo estuve jugando un poco con eso y me pareció muy bien, y ahora ando cocinando un pastelito ahí que quiero hacerlo todo en HTML5

[kseso?]

Últimamente me estoy replanteando el tema del h1 único por página obligatoriamente.
El h1 lo estoy enfocando, en blog´s, como el título del articulo. Y eso me llevó a plantearme si en una página que sea un resumen de artículos debería cambiar la etiqueta.
Y estoy por decantarme por un NO.
La alternativa sería pasarlo a un h2, pero ¿cuál debería ser el h1?
Y no, no me convence el nombre de la página o su descripción, que para eso ya está el title del head o alguno de los meta.

Una analogía hablando de libros:
En un libro, el equivalente al h1 sería el propio título del libro.
¿Debe cambiar ese etiquetado en función de si el libro está sólo (aislado de otros) o en una estantería acompañado de más libros?

Son mis dudas.

[rogertm]

Interesante el ejemplo que pones @kseso?, a ver, en un libro, el h1 sería el título, luego el índice, el prólogo, etc, estarían en h2, en el caso del índice, los items estarían en una lista, por decirlo e alguna manera...

¿Pero que pasa si entramos a un capítulo? El nombre del capítulo pasaría a ser el h1 y el título del libro quedaría a un segundo (o n plano).

O ¿que tal si el libro está en un estante? por ejemplo, Novelas o Poesías, entonces esos serían los h1 del estante, y los títulos de los libros pasarían a h2...

[kseso?]

Casi, pero no, Roger.

Yo, personalmente, asimilo cada artículo o post al libro. No es el dominio el libro, sino todos y cada uno de los post.
Así en cada artículo su título es el h1 y a partir de él, si hay caso y se justifica, en el cuerpo o desarrollo del post habrá algún h2 y a su vez dentro de cada h2 podrá haber o no h3... etc.

Y la cuestión que yo me traigo en mente, y la que intenté trasmitir en el anterior, es si el título de ese post debe cambiar su h1 a otra etiqueta y el porqué cuando coincida (por ejemplo en la portada del blog) con otros artículos. Ya se muestre todo su contenido o sólo una parte o sinopsis de ellos.
Ojo, no cuando sea una recopilación de los artículos publicados y sólo aparezcan relacionados los títulos, como pudiera ser en una sección de "últimos artículos publicados" o la relación de todos los etiquetados bajo una misma categoría.

Espero haberme explicado mejor.

[rogertm]

Iniciado por kseso?

Casi, pero no, Roger.

Yo, personalmente, asimilo cada artículo o post al libro. No es el dominio el libro, sino todos y cada uno de los post.
Así en cada artículo su título es el h1 y a partir de él, si hay caso y se justifica, en el cuerpo o desarrollo del post habrá algún h2 y a su vez dentro de cada h2 podrá haber o no h3... etc.

Y la cuestión que yo me traigo en mente, y la que intenté trasmitir en el anterior, es si el título de ese post debe cambiar su h1 a otra etiqueta y el porqué cuando coincida (por ejemplo en la portada del blog) con otros artículos. Ya se muestre todo su contenido o sólo una parte o sinopsis de ellos.
Ojo, no cuando sea una recopilación de los artículos publicados y sólo aparezcan relacionados los títulos, como pudiera ser en una sección de "últimos artículos publicados" o la relación de todos los etiquetados bajo una misma categoría.

Espero haberme explicado mejor.

Uhmm... creo que soy yo quien no se explica bien, pues coincidimos, y creo que bastante.

Para que se vea gráficamente lo que digo, que es como lo hace Twenty Ten y con lo que estoy de acerdo:

Home

Código:

<h1>Home</h1>
    <h2>Post 1</h2>
    <h2>Post 2</h2>
    <h2>Post 3</h2>

Post

Código:

    <div>Home</div>
<h1>Post</h1>
    <h2>Post part 1</h2>
    <h2>Post part 2</h2>
    <h2>Post part 3</h2>

Sería algo así, aunque yo normalmente uso h3 para seccionar los post en partes, cuando escribo algo que tenga la estructura Introducción, Desarrollo, Conclusión...

[junihh]

Pues aunque lo que dice @kseso parece razonable, todavia toca el tema de multiples titulos en una sola pagina. El caso es que tenemos el nombre de la empresa <h1>Empresa</h1>, pero aparte tenemos el titulo de la seccion (mismo caso con los blog) <h2>Titulo de seccion</h2>. Si ponemos todos los titulos principales en H1, quizas el indexador no los asimile todos.

Me ha tocado casos en los que tengo hasta tres titulos en una misma pagina, entonces le dejo al nombre de la empresa en H1 y todos los demas en H2. Los subtitulos dentro de H2 los pongo como H3 y sucesivamente.

Prefiero dejarle la exclusiva del H1 al nombre de la empresa o nombre del blog.