Forma correcta de colocar header ?

[ioscar]

Mi duda es la siguinte , cual es la forma correcta de colocar el nombre de mi pagina junto con su menu .
Forma 1:

Código HTML:

<header id="header-p">
	<h1 id="logo"> Kulkan</h1> 
	<input type="text" name="fbuscar" placeholder="Buscar..." id="ffbuscar" maxlength="46" size="46" requerid />		
	<nav >
	      <ul>
		  <li><a href="#" title="Inicio">Inicio</a></li>
		  <li><a href="#" title="Estrenos">Estrenos</a></li>
		  <li><a href="#" title="Mas-Vistas">Mas Vistas</a></li>
		  <li><a href="#" title="Documentales">Documentales</a></li>	 
		</ul>
	/nav>	
</header> 

Forma 2:

Código HTML:

<header id="header-p">
	<h1 id="logo"> Kulkan</h1> 
	<input type="text" name="fbuscar" placeholder="Buscar..." id="ffbuscar" maxlength="46" size="46" requerid />		
	
</header> 
<nav >
	      <ul>
		  <li><a href="#" title="Inicio">Inicio</a></li>
		  <li><a href="#" title="Estrenos">Estrenos</a></li>
		  <li><a href="#" title="Mas-Vistas">Mas Vistas</a></li>
		  <li><a href="#" title="Documentales">Documentales</a></li>	 
		</ul>
</nav> 

y que pasa si hay varios header en mi pagina como afectaria en cuestiones de CEO

[Carlangueitor]

No puedes tener varios headers, es una cuestión de semántica. En todo caso, es posible tener más de un nav, aunque se recomienda solo uno.

Saludos

[ioscar]

Entonces un solo header , no importa que necesite poner otro titulo en alguna parte de la pagina ?

y con respecto a mi nav me recomiendas que lo pnga dentro del header o fuera ?

[carlos_belisario]

bueno según he leído en varias lecturas que he realizado puedes utilizar un solo header por sección, fijate acá como utilizan el

Código HTML:

<header>
    <h1>The most important heading on this page</h1>
    <p>With some supplementary information</p>
</header>
 
<article>
<header>
    <h1>Title of this article</h1>
    <p>By Richard Clark</p>
</header>
    <p>...Lorem Ipsum dolor set amet...</p>
</article>
 

de manera que el primer header es el encabezado de la página como tal y el segundo es del artículo, al igual que el footer según leí, saludos

[ioscar]

orale muchas gracias

[Rafael]

Soy un poco ignorante del tema, pero si se puede poner un header por sección, no debería ser

Código HTML:

<header>
    <h1>The most important heading on this page</h1>
    <p>With some supplementary information</p>
</header>
 
<section>
<header>
    <h1>Title of this article</h1>
    <p>By Richard Clark</p>
</header>
    <p>...Lorem Ipsum dolor set amet...</p>
</section>
 

Ahora, supongo que el anidar section y articles debería corresponder a la misma jerarquía de h1, h2, h3, por ejemplo:

Código HTML:

<section>
<h1></h1>
  <article>
  <h2></h2>
  </article>
 
  <article>
   <h2></h2>
   </article>
</section>
 

[carlos_belisario]

eso según he leído es lo que se quiere y es correcto, ya que las etiquetas para títulos tomarán la importancia por jerarquía de etiqueta, que es lo que presentas en el html que has dejado, fijate como lo hacen la gente de wordprees en el index.php de ellos cuando no hay post.

Código PHP:

<article id="post-0" class="post no-results not-found"><!-- -->
                    <header class="entry-header">
                        <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentyeleven' ); ?></h1>
                    </header><!-- .entry-header -->
 
                    <div class="entry-content">
                        <p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'twentyeleven' ); ?></p>
                        <?php get_search_form(); ?>
                    </div><!-- .entry-content -->
                </article><!-- #post-0 -->
 

cuando hay varios artículos si utiliza el h2 ya que todo los articles están en el mismo nivel jerárquico, saludos

[Rafael]

Aunque probablemente la cosa debería ser:

Código HTML:

<header>
<h1>The most important heading on this page</h1>
<p>With some supplementary information</p>
</header>
 
<section>
<header>
<h2>Title of this article</h2>
<p>By Richard Clark</p>
</header>
<p>...Lorem Ipsum dolor set amet...</p>
<article><h3></h3></article>
</section>
 

La cosa es si andiamos una sección, es, pues, una sección, no es la página principal, porl lo que no debería tener un h1, sino una jerarquía menor.


Lo que no estoy seguro es el uso del P ahí dentro.
Opción 1
<header><h1></h1><p></p></header>

Opción 2
<header><h1><span></span></h1></header>

Opción 3
<header><h1></h1><h2></h2></header>

Opción 4
Ninguna de las anteriores

[leonidasesteban]

es muy facil solo sigue esta regla el header úsalo como el h1 solo 1 por pagina la etiqueta nav para que logre relevancia solo úsala en tu menú principal si quieres hacer otros menus usa solo ul pero el menu que desees indexar que vaya con el nav :)

todo lo que te dije es para que logres los mejores resultados de SEO