HTML básico para mejorar el SEO

A día de hoy, la mayoría del mundo navegamos a menudo por internet, pero muchas personas no saben realmente cómo funcionan las páginas web. Una de las bases principales de las páginas web es el HTML. Este es un lenguaje de marcas que sirve para plasmar en la web la información que queremos mostrar y, junto a otras herramientas como JavaScript y CSS, marcan el estándar de construcción de las páginas web.

Es conocido por todos que el buen uso de las etiquetas HTML en las páginas web es crucial para el posicionamiento orgánico. Esto es debido a que los motores de búsqueda como Google usan el W3C como un factor más en su algoritmo de posicionamiento pero, ¿qué es el W3C?

¿Qué es el W3C?

El W3C o World Wide Web Consortium es un consorcio internacional que ha dictaminado unos estándares de cómo deben de estar estructuradas y añadidas las etiquetas HTML de una web. En caso de que no se cumplan estos estándares se dificulta la tarea de rastreo y legibilidad de la página y por tanto, de su indexación. 

La mayoría de páginas web no cumplen enteramente este consorcio, incluyendo no solo a páginas pequeñas, sino también a páginas muy grandes como Amazon o incluso la propia Google. Es por esto que en esta ocasión hemos querido hablar de cuáles son los problemas más comunes a la hora de estructurar el HTML de tu web y que pueden afectar al SEO.

Encabezados

Una de las etiquetas más importantes en una web son los encabezados o “headers”. Esta etiqueta sirve para dar un título o subtítulo a una sección y explicar qué va a contener. Además, no solo sirve para facilitar a los usuarios la lectura, también lo utiliza Google para saber cuál es el contenido de la página y poder categorizarla mejor.

Esta etiqueta debe seguir un sistema de “matrioskas” es decir, que deben de seguir un orden de jerarquía. Podemos usar hasta 6 tipos de encabezados, usando la etiqueta <h> acompañada de un número, desde el 1 hasta el 6. Cada una de ellas tiene un tamaño, siendo <h1> el más grande y <h6> el más pequeño. 

Uno de los errores más frecuentes al usar estas etiquetas es que no las estructuran de forma correcta. Si quieres añadir un encabezado más pequeño a tu <h1>, no puedes usar directamente un <h4>, sino que tienes que usar un <h2>. Es decir, deben seguir el orden de tamaños.

encabezados

Para mostrarlo de forma más visual, la anterior imagen muestra un uso correcto de estructuración de esta etiqueta.

Textos alternativos

Este es uno de los errores más comunes en las páginas web que llega a la hora de incluir imágenes, y es concretamente los textos alternativos. Dentro de las etiquetas de las imágenes existe un atributo llamado “alt” que sirve para dar una breve descripción de lo que contiene dicha imagen <img src=”url” alt=”Descripción de la imagen”>.

La finalidad más directa es que los bots sepan qué hay dentro de la imagen y puedan categorizarla más fácilmente, consiguiendo por tanto que sea más fácil lograr una indexación correcta y por ende un mejor posicionamiento. 

La otra finalidad tiene que ver con la accesibilidad para las personas con capacidades visuales reducidas. Existen una serie de aplicaciones muy útiles para estas personas que leen en voz alta el contenido de una web a medida que navegan por ella, y cuando llegan a una imagen leen esta descripción alternativa.

Metaetiquetas

Antes de nada, ¿qué son las metaetiquetas? Son etiquetas que se usan para dar información a los motores de búsqueda sobre el contenido o cómo interactuar con una URL, y el contenido de éstas no se muestra al usuario. Estas etiquetas deben ir dentro de la cabecera del HTML (<head>), junto a los scripts y archivos de formato CSS.

Existen varias metaetiquetas distintas pero en este post vamos a centrarnos en 3 de ellas: titles, metadescriptions y robots.

Titles

De las metaetiquetas, quizá esta sea la más importante y básica. Con esta etiqueta, <title>, le dices a los rastreadores el contenido que van a encontrar dentro de la URL. Cada title dentro de la web debe de ser único y descriptivo, y siempre debe de ser de 65 caracteres o menos.

A parte de servir para dar información a los buscadores, también es el título que se muestra en los resultados de búsqueda o SERPs.

title 1024x213 1

Un consejo importante a nivel SEO es que el title no debe ser igual que el h1 de la página, pero ambos tienen que mostrar información parecida, para que haya consistencia. Además ha de atacar la palabra clave principal a la que queremos posicionar dicha página.

Description

La Metadescription, <meta name=”description”>, complementa a la anterior etiqueta, ya que si una sirve para condensar en un título qué vas a encontrar dentro de la URL, esta muestra una breve descripción de los contenidos

Al igual que el title, la description o descripción, también se muestra en los resultados de búsqueda.

metadescription 1024x209 1

Una buena descripción tiene en torno a 155 caracteres, explica de forma condensada y breve los contenidos, sin abusar de palabras clave y, cómo no, debe ser original y única

Esta etiqueta es muy útil no solo para resumir lo que hay dentro de la página, sino que también podemos sacar a relucir las ventajas de nuestro servicio frente a la competencia en el caso de un negocio online y atraer a más posibles usuarios.

Robots

Esta metaetiqueta sirve para decirles a los bots de rastreo, como el del propio Google, cómo tiene que interactuar con cada URL. Esta etiqueta debe seguir una sintaxis como esta: <meta name=”robots” content=”noindex”  />.

En el atributo “name” debemos especificar que es robots. Y en el atributo “content” debemos especificar cómo queremos que el bot de rastreo del motor de búsqueda, como Google o Bing, proceda con la página. 

En el atributo “content” podemos especificar varias acciones, pero las más importantes son:

  • Index: queremos que esta URL se indexe en los motores de búsqueda.
  • Noindex: no queremos que la URL sea indexada.
  • Follow: indicamos a los rastreadores que pueden seguir los enlaces de esa URL.
  • Nofollow:los rastreadores que no seguirán ningún enlace dentro de esa URL.
  • None: señalamos que no queremos ni que se indexe la URL ni que sigan los enlaces dentro de esta.

Existen más atributos que podemos usar con la metaetiqueta robots, pero estos son los más importantes.

¿Y por qué queremos evitar que el rastreador indexe una de mis URLs? Puede sonar contraproducente, pero hay páginas que no merece la pena que los motores de búsqueda tengan en sus índices, como puede ser la página de carrito o la de inicio de sesión, al igual que evitar problemas de contenido duplicado si tenemos dos páginas con contenido muy similar.

El objetivo prioritario es conseguir que el bot de rastreo recorra solo las páginas de interés por completo y muestre al usuario aquellas que nosotros queremos o van a ser relevantes.

bot rastreo robots html 1024x512 1

El valor del HTML para el SEO

Antes de acabar, queremos aclarar que no significa que por el solo hecho de no cumplir estos estándares tu página web vaya a fracasar (al final incluso la propia web de Google tiene estos problemas). Pero desde luego el hecho de cumplirlos trae consigo beneficios importantes de cara al posicionamiento orgánico y por ello recomendamos que trabajes este apartado de tu web. 

Para poder solucionar estos problemas no hace falta que repasemos el código completo de la web, ya que nos llevaría muchas horas. Existen distintos módulos o plugins que podemos usar en nuestro CMS para ayudarnos a solucionar estos problemas.

La moraleja o pensamiento a extraer, es que es muy importante que cuidemos nuestras páginas web a nivel interno. Ya que, aunque no lo parezca, puede afectar al posicionamiento de esta, y por tanto al número de usuarios que entren. 

Las etiquetas que hemos mostrado son las más básicas que deberían estar bien optimizadas, pero no son las únicas. Hay muchas más etiquetas que mal usadas pueden afectar en otros aspectos, como por ejemplo a la internacionalización de una web o multi idiomas, los contenidos duplicados, incluso a la forma en que pueda el bot de rastreo examinar y cargar tu web.

Es por eso que, ante estos calvarios y muchos más, contamos con un equipo especializado en encontrar estos problemas, solucionarlos y optimizar tu web para obtener mayores resultados. Mejora tu posicionamiento web, tus anuncios en buscadores, tu apariencia en redes sociales y muchos más aspectos de tu negocio perfeccionando tu web con Geotelecom.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en una estrella para puntuar!

Promedio de puntuación 0 / 5. Recuento de votos: 0

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Compartir

¡Suscríbete a nuestra newsletter!

Tranquilo, no llenaremos tu bandeja de decenas de correos. Cada mes recopilamos las novedades del sector del marketing digital y te las enviamos. 

    geotelecom white.png
    logos partner4.png
    logo union europea pequeno2.png
    texto unioneuropea espanol.png
    texto innovation espanol.png
    es_ES