En train d'analyser... Yakaferci est en train d'analyser sur de nombreux critères SEO :

progression
  • les balises title et meta
  • les liens internes, externes, les images
  • le PageRank, la densité des mots de votre page
  • les pages 404
  • la génération d'un fichier Sitemap...
x
Confirmation d'envoi Nous vous remercions de votre contact et vous ferons
un retour sous 24 à 48h.


A bientôt,
L'équipe Yakaferci
x
Analyse complète de Site encours... Vous recevrez un email avec un lien direct vers votre rapport lorsque l’Analyseur de Site aura terminé l’analyse complète de votre site internet.


Merci et bonnes optimisations !
L'équipe Yakaferci
x
NOUVEAU : Extension Chrome Yakaferci à télécharger gratuitement !
Analysez n'importe quelle page web en 1 simple clic avec l'extension Chrome Yakaferci.
Télécharger l'extension Chrome (gratuite)
¿Olvidó su contraseña? Veuillez indiquer l'email de votre compte Yakaferci, un nouveau mot de passe vous sera envoyé par email immédiatement.


Retour
x


HTML5, SEO y la etiqueta «main»

¿Qué es el HTML5?

HTML5 es la quinta evolución del lenguaje HTML, el sistema de etiquetas omnipresente y necesario para construir sitios web. Esta evolución aún no ha sido validada oficialmente por el corsorcio W3C en versión definitiva. Este proceso de validación siempre es extremadamente largo (los primeros trabajos sobre el HTML5 comenzaron en 2004).

En relación con las evoluciones anteriores del HTML/XHTML, el HTML5 ha sabido conservar una cierta simplicidad para ser accesible al mayor número de webmaster, ofreciendo al mismo tiempo nuevas funciones muy potentes para las necesidades más sofisticadas. Incluso si siempre es difícil predecir el futuro en asuntos de tecnología, el HTML 5 probablemente estará cada vez más presente en la web.

Las versiones recientes de los principales navegadores (Chrome, Firefox, Internet Explorer...) son capaces de gestionar la inmensa mayoría de las funcionalidades introducidas por el HTML5. En concreto, esto significa que los creadores de sitios web ya pueden aprovechar ahora el HTML5. El precio a pagar es que ciertas funcionalidades no podrán funcionar con determinados navegadores antiguos nunca antes utilizados hasta ahora.

Este es el logo oficial del HTML5:

El HTML5 y el SEO / Posicionamiento natural

Hasta aquí no hay NINGÚN indicio de que Google favorezca a los sitios que utilizan HTML5 en relación con otras versiones del HTML. Esto es coherente con el objetivo oficial anunciado por Google: proporcionar el contenido más interesante para sus usuarios en función de su demanda. Y por tanto va a privilegiar la calidad del contenido antes que la tecnología utilizada para construir el sitio. Esto podría evolucionar en los próximos años.

En concreto, si tienes un sitio existente que no utiliza el HTML5 y por tanto está bien optimizado el posicionamiento natural, desde el punto de vista del SEO no hay una necesidad urgente de pasar al HTML5.

A la inversa, si por motivos de peso -que no sean para el SEO- has decidido crear o remodelar en profundidad tu sitio web utilizando HTML5, es interesante tener en cuenta estas 2 nuevas funcionalidades del HTML5 que te ayudarán a optimizar tu sitio:

  • Utilizar las nuevas etiquetas <header>, <footer>, <main>, <article>, <nav>, <aside> para estructurar tu sitio.

    En efecto, el HTML5 introduce une serie de nuevas etiquetas que permiten identificar bloques muy clásicos en la mayoría de los sitios web: un encabezado (header), un pie de página (footer), una zona de navegación / un menú (nav), un artículo de contenido (article), una cinta al lado (aside). Es interesante desde el punto de vista del SEO, ya que esto facilita enormemente la tarea de Google de «comprender» la estructura de tu sitio. Y en particular orientar mejor las zonas de contenido más importantes de tu página.

    A día de hoy Google ya es capaz de realizar esto con los sitios que no utilizan el HTML5, pero su trabajo en este caso es algo complicado, con un riesgo de error, precisamente porque no existen estas etiquetas precisas.

    Encontrarás más abajo en este artículo un ejemplo de estructura clásica de una página en HTML 5.

  • Reducir o eliminar tu dependencia de las tecnologías propias (tipo Flash) en tu sitio gracias a nuevas etiquetas HTML5 para el audio y el vídeo.

    Desde el punto de vista del SEO, si un sitio utiliza demasiadas zonas externas (tipo Flash), será más difícil optimizar el posicionamiento natural. Google es capaz de indexar el contenido de un componente Flash, pero su tarea es más complicada que para el HTML simple. El HTML5 permite evitar la utilización de estas tecnologías externas en numerosas situaciones.

La etiqueta <main> útil para el SEO

La especificación oficial del HTML, que aún no se ha adoptado oficialmente, describe muy bien esta nueva etiqueta main:

La etiqueta «main» de un documento delimita todo el contenido que realmente es único en este documento. Esto excluye por tanto todos los contenidos que sistemáticamente se respetan en todos los documentos de un sitio (menú, encabezados, pies de página...).

Su colocación es muy simple:

		<main role="main">
			...
		</main>

Por ello parece claro que esta etiqueta main es especialmente interesante para el SEO: en efecto, en definitiva permite indicar de forma muy clara y simple a Google qué zona de su página contiene el texto más importante que se debe indexar (precisamente porque es único). Esto le permitirá con mayor facilidad ignorar o dar menos importancia a los textos de los menús, encabezados, pies de página...

Google no ha descrito oficialmente de qué forma se podría beneficiar de esta etiqueta, pero es muy realista pensar que ya lo está explotando.

La herramienta de densidad de palabras clave se adapta al HTML 5

En coherencia con el capítulo anterior, Yakaferci ha adaptado su herramienta de análisis de densidad de palabras clave con el fin de que si una etiqueta main está presente en la página analizada, entonces solamente se tendrá en cuenta el contenido que hay dentro de esta etiqueta.

Esto se aplica a la vez para la zona de cálculo de las densidades de palabra clave, al igual que para la zona «Vision Google» del informe de Yakaferci.


Analizar gratis la página:
Analizar mi página


Las otras novedades principales del HTML5

Fuera de los dos puntos descritos más arriba que conciernen al SEO, estas son las otras principales novedades del HTML5:

  • Una nueva etiqueta <canvas> para crear imágenes de forma dinámica.
  • La posibilidad de crear sitios web cuyas determinadas funcionalidades sigan funcionando incluso sin acceso a Internet. Es interesante para la nueva generación de aplicaciones de tipo Cloud (portal de correo, Google docs...).
  • Formularios HTML más potentes. En particular, actualmente es posible validar el contenido de los campos introducidos por el visitante directamente en HTML, sin necesidad de utilizar un código Javascript o interacciones cliente / servidor como a día de hoy.

Ejemplo de página HTML5

Esta es la estructura de una página que utiliza el HTML5:

<!doctype html>
<html lang="fr">
	<head>
		<meta charset="utf-8" />
	</head>
	<body>
		<header>
			Logo, tag line, login...
		</header>
		<nav>
 			 <ul>
			    <li><a href="#">Accueil</a></li>
				<li><a href="#">Menu 1</a></li>
				<li><a href="#">Menu 2</a></li>
				<li><a href="#">Menu 3</a></li>
  			</ul>
		</nav>
		<article>
			<h1>Titre 1...</h1>
				<h2>Titre 1.1...</h2>
					<p>paragraphe...</p>
					<p>paragraphe...</p>
				<h2>Titre 1.2...</h2>
					<p>paragraphe...</p>
					<p>paragraphe...</p>
		</article>
		<footer>
			<p>Copyright, Mentions legales...</p>
		</footer>
	</body>
</html>

La herramienta gratuita de Yakaferci para analizar las versiones HTML que tus páginas utilizan


Analizar gratis la página:
Analizar mi página


Para iniciar el análisis Yakaferci, basta con introducir el enlace hacia tu página en el cuadro de arriba y pinchar en el botón Analizar. A partir de ahí podrás acceder a distintas páginas del informe, en concreto la de las versiones de HTML.

Más información...

Si este artículo te ha despertado interés por saber más sobre el HTML5, aquí tienes algunos enlaces útiles:

AUDITORÍA SEO

Nuestros expertos identifican los puntos que bloquean o ralentizan tu SEO.

  • Búsqueda de palabras clave
  • Estrategia a medida
  • Auditoría de contenido
  • Auditoría técnica
  • Auditoría de popularidad
  • Análisis de la competencia
  • Acompañamiento
DEMANDER UN DEVIS