Antes de que el terror nos saque de este apunte, el HTML no es un tipo de código para programar, pero sí es fundamental conocer sobre él sobre todo si eres o estás estudiando SEO.
Más allá de tener agregarnos otras responsabilidades, conocer sobre las principales etiquetas de este lenguaje nos ayudará a entendernos mejor con otros equipos, así como hacer rastreo de contenido interno más rápido, así como auditorias más completas de un sitio en particular.
Sin más, primero vamos a entender qué es el dichoso HTML.
¿Qué es el HTML?
Referirnos a él como código podría generar ciertas confusiones, aunque seguro que lo encontrarás en alguna otra página; sin embargo, el HTML es un sistema de marcado que estructura el contenido de su sitio web el cual leen los sistemas de los buscadores como Google, aunque no es el único.
Aunque no hay que confundirlo con el sistema de marcado Schema, ya que se usan para diferentes propósitos.
En otras palabras, el HTML es un lenguaje internacional que le ayuda a los buscadores a entender mejor la estructura de tu contenido a través de etiquetas específicas para cada parte de una web.
Este etiquetado le ayuda a definir a un sitio web cómo se compone por dentro, más no le da el apartado visual de ella.
¿Qué significa HTML?
HMTL significa HyperText Markup Language, o en español, Lenguaje de Marcado de Hipertexto
La importancia de este etiquetado está en el orden que le brinda a los motores para entender tu contenido ya que le da organización y prioridad a ciertas partes de la web.
Sin embargo, mucho de este lenguaje no es visible en el front de las páginas, por lo que toca localizarlo a través de la inspección de elementos o con herramientas como plugins.
De este lenguaje hay mucho que conocer; sin embargo, de momento vamos a centrarnos en las principales etiquetas que debemos tener en cuenta.
HTML y SEO: ¿cuáles debemos conocer?
Hay un mar inmenso de etiquetas que en algún momento vamos a encontrarnos, pero ahora te voy a compartir la lista de cuáles son aquellas que principalmente estarás en contacto en el día a día.
<head> Donde van más etiquetas "escondidas", pero importantes para Google
<body> Donde va nuestro contenido principal y en el que se
<a> Para enlaces internos o externos
<p> Para párrafos de texto
<h1> El título principal de la página
<h2> Para subtítulos de una página
<h3> Para subtítulos y elementos importantes en la estructura del contenido
<tittle> Para el título de la página que se muestra en la pestaña
<meta name="description" content=""> Metadescripción que será mostrada en los resultados de búsqueda de los motores que la muestre. Un breve resumen del contenido
<strong> Para resaltar el texto en negritas
<em> o <i> Para darle énfasis al texto con cursiva
<img> Para imágenes
<img src="" alt=""> Para describir la imagen que estás usando
<ul>, <ol>, <li> Etiquetas para crear listas tanto ordenadas como no ordenadasSin embargo, sólo conocerlas no lo es todo, debes de tener en cuenta que ubicarlas dentro del lenguaje del HTML también es importante.
Como te mencioné anteriormente, hay dos etiquetas que se llaman head y body, si bien no son precisamente cruciales para el SEO del día a día, tienes que conocer que ambas son de una jerarquía mayor a las demás presentadas y que en head van unas mientras que el body otras.
En head
La etiqueta head es la primera que lee cualquier navegador y el bot del motor de búsqueda, ahí se enlazan recursos que el sitio web ocupa para cargar de manera correcta a los usuarios finales.
En esta vas a encontrar principalmente:
- <tittle>
- <meta name="description" content=""> En body
Mientras que en body vas a encontrar las siguientes otras etiquetas:
<a>
<p>
<H1>
<H2>
<H3>
<strong>
<em> o <i>
<img>
<img src="" alt="">
<ul>, <ol>, <li>Siendo éstas las que principalmente usarás en tus primeros días de SEO ya que estarás optimizando páginas en títulos o en el texto de ellas para mejorar la experiencia de los usuarios.
¿Por qué es importante conocerlas?
El SEO es más que importante en la actualidad aún cuando estamos en la era de la IA, conocer sobre las etiquetas te servirá para tener bien ubicados los aspectos importantes de nuestra página web, que estén bien configurados e incluso para detectar errores en ella.
Si bien puede que con tu CMS no te toque manipular directamente estas etiquetas, lo que sí podrás hacer es monitorear a través de auditorias si es que te falta un elemento como el H1.
Eventualmente hablaremos sobre la importancia de esta etiqueta y cómo repercute directamente en escalar posiciones, por ahora está bien si nos quedamos con que es el título de una página en cuestión y, por sí misma, ya es importante.
