SEO y HTML5

Leojg · #1 (**permalink**) 06/01/2012, 06:28

Hola gente, como están?

Bueno, yo ando metiendome de a poco en esto del HTML5.

Una de las grandes ventajas de HTML5 es que trata de hacer las webs mas semanticas, osea, mejor orientadas a SEO. Mi gran duda es que tags contribuyen a esto y cuales no.

Por ejemplo, tengo una pagina con una estructura como esta:

Código HTML:

<!DOCTIPE html>
<html lang="es">
	<head>
		<link rel="stylesheet" type="text/css" href="Style.css" media="all"/>
		<title>Asd</title>
	</head>
	<body>
		<header>
			<hgroup>
				<h1>Cabecera</h1>
				<h2>Cabecera2</h2>
			</hgroup>
		</header>
		<article>
                        <form action="#" method="#"
			<textarea cols="40" rows="10" name="txtShout"></textarea>
			<input type="submit" name="btnSubmit"/>
                        <form>	
		</article>
		
		<article>		
			<section>Algo</section>
		</article>
		<footer></footer>
	</body>

</html>

Esto está "bien"?... osea, cuando se usan articles? Si yo quiero hacer un formulario como en este caso, está bien usar un article para encerrarlo?

Cuando se deben usar DIVs? Tengo entendido que para aquellas cosas que no se contemplan con las demás etiquetas semánticas. Cuando ocurre esto?

Si yo quiero aplicar el mismo estilo al header, a los articles y al footer, debo hacerlo uno por uno o puedo ponerle el mismo atributo class a todos?

Seguramente sean dudas tontas, pero el SEO es algo que me preocupa mucho la verdad XD

Saludos y gracias.

mariomon17 · #2 (**permalink**) 07/01/2012, 09:22

Creo, que no estoy seguro, que lo correcto seria donde tu tienes section que fuera un article. Y lo que pones como article, sections.

Un saludo :)

Leojg · #3 (**permalink**) 07/01/2012, 12:08

Investigando un poco creo que ahora entiendo mejor cuando se usa section y article.

Es que eso lo hice medio siguiendo el video de la introduccion a html5 de mejorando.la

y ahi metian los section dentro de los article

mariomon17 · #4 (**permalink**) 07/01/2012, 13:26

Tambien se puede meter un section dentro de un article.

Un saludo :)

dyaguejuarez · #5 (**permalink**) 08/01/2012, 11:39

Mirando las nuevas desde un punto de vista semántico podemos definir <article> como la unidad semántica más baja, por lo que dentro de un <article> no podrá ir un <section>.
Los divs seguirán utilizándose para definir los espacios dentro de tu diseño web, digamos que seguirán siendo cajas contenedoras para colocar los diferentes elementos.

Por ejemplo un para un post y sus comentarios, tendrías un section para el post, un article para el texto e imagen y otra section con los comentarios organizados en articles.

<section class="post">
<header><h3>Título del post<h3><header>
<article>Descripción del post</article>
<section class="comentarios">
<article>Comentario1</article>
<article>Comentario2</article>
<article>Comentario3</article>
<article>ComentarioN</article>
</section>
</section>

miktrv · #6 (**permalink**) 08/01/2012, 11:50

El artícle debería de ser independiente, es decir, en el caso de los comentarios debes de usar article.

Te paso más info:

http://www.whatwg.org/specs/web-apps...rticle-element

Un saludo!

mariomon17 · #7 (**permalink**) 08/01/2012, 13:16

Cita:

Iniciado por dyaguejuarez

Mirando las nuevas desde un punto de vista semántico podemos definir <article> como la unidad semántica más baja, por lo que dentro de un <article> no podrá ir un <section>

Eso no es correcto, dentro de un article (como ya se ha dicho en este mismo foro) puede ir section, de hecho la W3C lo utiliza como ejemplo en la definicion de section: http://www.w3.org/TR/html5/sections....ection-element

Un saludo.

dyaguejuarez · #8 (**permalink**) 09/01/2012, 04:20

Cita:

Iniciado por mariomon17

Eso no es correcto, dentro de un article (como ya se ha dicho en este mismo foro) puede ir section, de hecho la W3C lo utiliza como ejemplo en la definicion de section: [url]http://www.w3.org/TR/html5/sections.html#the-section-element[/url]

Gracias, no había leído las especificaciones del W3C, siempre hay mucho que aprender.

Pero lo que ahora me llama la atención es que usa tres h1 en 15 líneas de código, ellos dicen que es para no preocuparse por si la sección es de un nivel superior o inferior, mi pregunta es: ¿Estas especificaciones están realizadas desde un punto de optimización SEO? ¿Tanto h1 no diluirá el sitio en las búsquedas?

mariomon17 · #9 (**permalink**) 09/01/2012, 08:55

El estandar no incluye recomendaciones de SEO.
Poner varios h1 es correcto semanticamente pero no lo hagas, como bien dices Google dejara de darle importancia a tus h1 si tienes varios.

Un saludo :)

ryugen · #10 (**permalink**) 09/01/2012, 09:33

Cita:

Iniciado por mariomon17

El estandar no incluye recomendaciones de SEO.

Y está bien que no lo haga, lo estándares se tienen que desarrollar por fuera de las grandes empresas.
Ahora bien, actualmente varios h1 en tu página puede afectar tu ranking en google, pero esperemos que en un futuro, Google adapte esto y se adecue a la nueva semántica y al nuevo "outline" de documentos.
Igualmente como por ahora eso se encuentra en desarrollo, no creo que cambie hasta que no sea un estandar estable o "recomendable"