El mundo del SEO se expande hacia muchas áreas, sabes que puedes aplicar optimizaciones simples como añadir palabras clave en tus títulos y URL, pero también existen factores importantes en el HTML de tu web que pueden afectar positivamente tu posicionamiento. Puede que al principio tengas un poco de dudas o hasta miedo de modificar la estructura de tu sitio, pero verás que con algunos retoques aquí y allá estarás compitiendo en los primeros puestos.

Por otro lado, también puede que te estés preguntando ¿no es necesario ser desarrollador o programador para modificar esos factores? La respuesta es no, no es necesario. La verdad es que la mayoría de esas modificaciones son etiquetas que pueden ser añadidas al código sin muchos protocolos, pero ese simple cambio puede hacer la diferencia en las SERP’s. Sigue leyendo y conoce cómo hacerlo.

¿Qué es el SEO en HTML y por qué es importante?

Para empezar, recuerda el significado de las siglas SEO, “optimización para motores de búsqueda”, ¿y qué son los motores de búsqueda? herramientas de consulta constituidas por algoritmos. Los algoritmos se comunican con códigos y es allí donde el HTML cumple su función, para darle a entender al buscador que tienes una web perfecta, sin defectos de navegación y lista para complacer todas las consultas de tu audiencia, por tanto, te espera un posicionamiento web genial en la página de resultados.

Pero, si el código no tiene una buena estructura o peor aún, no cuenta con los protocolos de navegación necesarios, puede que el algoritmo te posicione en los últimos lugares. Aun así, existen muchos métodos SEO que pueden ayudar al algoritmo a entender cómo funciona tu página. Por ejemplo, con las etiquetas es posible indicarle al robot algo como “mira, esto es un enlace”, parece tonto, pero esta simple acción puede provocar un gran impacto.

Primero, porque estarás reduciendo el tiempo de indexación, ya que el crawler no tendrá la necesidad de analizar qué es lo que está viendo (por ejemplo, un enlace) sino que ya le estás avisando qué es y es más fácil para él ordenarlo. Pero, no lo subestimes, este algoritmo es más avanzado de lo que piensas, él solo quiere reducir tiempo. En segundo lugar, recuerda que Google dispone de un presupuesto limitado para la evaluación, por lo que mientras más rápida sea menos presupuesto consume y todo tu sitio web podrá ser indexado sin problemas.

Factores importantes para el SEO en el HTML de tu web

Puede que no estés familiarizado con los códigos, y está bien, no tienes que ser un experto al respecto. Pero, es necesario que te quites todas las dudas y ese miedo a tocar el HTML, porque solo así podrás aprovechar todas las ventajas del SEO. Aparte, muchos gestores de contenido (como WordPress) te permitirán hacer todas estas modificaciones en un editor amigable, donde podrás visualizar en tiempo real los cambios producidos y cómo se verían antes de publicar.

Ahora bien, esos cambios que llevarás a cabo tienen que ver con factores importantes, aquí te dejamos varios de los que necesitas optimizar para el posicionamiento web y cómo hacerlo correctamente.

Introduce palabras clave en el código

A estas alturas es posible que ya sepas que las palabras clave son importantes para tus contenidos, debes integrarlas en el texto, el título y la URL. En fin, son necesarias e indispensables cuando se habla de SEO y casi cualquier tipo de optimización en Internet. Puede que parte de tu código HTML ya contenga algunos indicios de estrategias para posicionar, pero es tiempo de que sepas cómo y dónde utilizarlas para aprovechar sus beneficios.

• Escríbelas en los metadatos, son básicamente el título, la URL y la descripción que se muestran en las SERP’s.
• Destácalas o inclúyelas en los subtítulos de tu contenido, pero sin exagerar, también puedes utilizar palabras clave relacionadas.
• El nombre de los archivos deben contener las keywords, por ejemplo, el nombre de las imágenes, recuerda separarlas con un guión y añadir una pequeña descripción relacionada en el texto alternativo.
• Los enlaces o vínculos que incluyas en el contenido también deben contener las keywords o al menos palabras relacionadas. Optimiza también el anchor text, pero que estén dispuestas de forma natural.
• Emplea los plurales y sinónimos de tus palabras clave en el texto, recuerda que debe existir una proporción equilibrada de repeticiones.

Optimiza las etiquetas HTML ¿cuáles usar para el SEO?

Ahora bien, otro factor que no debes olvidar son las etiquetas, ya has leído varias referencias sobre ellas más arriba, pero ¿qué son realmente las etiquetas? Son pequeños fragmentos de código que suelen estar entre corchetes angulares, que describen la forma o la acción que tendrá el texto. Usualmente, se escriben al principio y al final de la palabra o frase a destacar, aunque el fragmento final puede contener un “/” entre los corchetes para indicar que hasta allí llegará la acción.

Si observas con cuidado el código HTML de tu sitio, verás que la estructura se compone de , , , entre otros, estas son las etiquetas, aunque universalmente se representan como </>. Todas indican la jerarquización del código y son indispensables para el funcionamiento del mismo, pero cuando hablamos de SEO solo algunas de ellas bastarán para la optimización.

También es importante que sepas que puedes utilizar plugins en tu gestor de contenidos para implementar los cambios en estas etiquetas sin tener que hacerlo de forma manual. Pero, tal vez sea más recomendado realizarlo manualmente porque recuerda que tus palabras clave deben ser naturales y así también tendrás más control al momento de editar los contenidos.

Ahora sin más, a continuación puedes ver las etiquetas, también llamadas tags, más utilizadas para optimizar y posicionar en buscadores.

Etiquetas para resaltar las keywords

También conocidas como “meta-keywords” se utilizan para definir expresamente cuáles son las palabras clave más importantes para tu contenido. Suelen insertarse al principio de la estructura del contenido, de forma que puedan servir como guía al crawler al momento de la evaluación.

Estas tienen un valor histórico importante, ya que se utilizaron para posicionar en Google con mayor efectividad hace más de 10 años. Pero, desde que el algoritmo evolucionó es importante mencionar que éstas deben tener relación con el resto del contenido, así como el título y la descripción.

Ahora, un pequeño ejemplo, si tienes un sitio web sobre contenidos en WordPress y vas a publicar un post sobre “cuáles son las tendencias de contenidos en WordPress” debes indicar la etiqueta de la siguiente forma.

• contenidos en WordPress 

Etiquetas para señalar encabezados

El segundo tag en  importancia son los encabezados, son utilizadas para darle relevancia al contenido, permitir que se extienda con una estructura más profesional y también le da al usuario una mejor experiencia de navegación. Los encabezados pueden ser separados por títulos y subtítulos de varios niveles, seguramente ya has escuchado hablar de ellos anteriormente, son los famosos H1, H2, H3…

Asimismo, gracias a los avances en la semántica del buscador, es posible que incluso tu web pueda ser posicionada con mayor efectividad si solo contiene una buena estructura y jerarquización del texto. Recuerda que Google siempre apostará por los sitios web que pongan por delante la experiencia del usuario, pero esto solo causará efecto si lo combinas con una buena estrategia de palabras clave.

En este sentido, debes tener en cuenta que siempre debe haber una sola etiqueta H1 en tu contenido, de ahí en más, es posible introducir tantos H2 o H3 como necesites.

¿Cuál es la diferencia entre el H1 y el título?

Verás, en la estructura de tu HTML debes incluir ambas etiquetas,  y el encabezado

. El primero es el que tendrá el impacto semántico en los buscadores, por lo que se posicionará en las SERP’s y también en la parte superior de la pestaña donde se abrirá tu página. Asimismo, el título será el que será evaluado y comparado con la consulta del usuario para determinar la relevancia del mismo.

Mientras que la etiqueta para el encabezado

es el que se verá dentro de la página y estará disponible ante el usuario. Ambas son relevantes para el SEO y el posicionamiento, por lo que es importante que, aunque sean similares, deben tener algo que las diferencie, sobre todo para llamar la atención del usuario.

Etiquetas para añadir enlaces

También es una de las más importantes, a través de la etiqueta de enlaces es posible generar una buena estrategia de linkbuilding, seguramente has escuchado que puede incrementar tu SEO al máximo. Para añadirlos solo deberás escribir , así de simple. Pero recuerda que esta estrategia requiere de un trabajo en conjunto con el anchor text.

Aunque debe contener tus palabras clave, el texto ancla debe ser natural, formar parte del texto como si nunca hubieses planeado introducirlo, pero con la suficiente relevancia para ofrecerle más información al usuario. Siguiendo el ejemplo del contenido de WordPress, puedes añadir un enlace de la siguiente forma.

• “… pero, para mejorar los contenidos de tu web, siempre puedes añadir un plugin para corregir textos en WordPress  y despreocuparte por algún error gramatical…”

Asimismo, existen atributos que deberías añadir a los enlaces que serán de gran utilidad para el algoritmo, por ejemplo, para indicar que se trata de un enlace que no debería posicionarse. Algunos de los más importantes son los siguientes.

• Title: (No confundir con el título) Se utiliza dentro de la etiqueta de enlazado para determinar un texto emergente o referencia semántica.
• No follow: Es una etiqueta que indica cuando el algoritmo no debería evaluar un enlace (por ejemplo, cuando tienes información privada dentro del sitio o que aún no está optimizada)
• Target: Se utiliza para definir si el enlace abrirá en una nueva pestaña o en la misma ventana.

Etiqueta para señalar negritas

Las negritas también son factores del SEO que indican cuándo una frase es relevante para el usuario y para el buscador. Con ellas, el algoritmo puede encontrar relevancias o comparaciones con las consultas de los usuarios y así mejorar el posicionamiento. Por tanto, son indispensables cuando vas a modificar tu código HTML.

Pero recuerda, deberías emplearlas solo dentro de los párrafos, ya que si la incluyes con otras etiquetas (como en el título o los encabezados) puedes generar una sobreoptimización, esto puede afectar también tu posicionamiento, así que trata de hacerlo simple. Igualmente, las negritas no deberían tener una extensión de más de 15 palabras, así como una distribución equitativa a lo largo de todo el contenido.

Para introducirlas utilizarás los fragmentos  y , ambas se utilizan para hacer negritas en el texto. Esta última es la que utilizarás para darle más fuerza semántica a la frase que vas a resaltar, por lo que tiene mayor relevancia para el buscador, mientras que la primera se utiliza más a favor del usuario. Recuerda que debes utilizar ambas de forma equitativa.

Otras etiquetas para mejorar el SEO en el HTML de tu web

Por último, no está de más echarle un vistazo a otras tags que puedes emplear en tu HTML para hacerlo más atractivo ante los buscadores. Aquí tienes una lista de los más utilizados.

• : Son 160 caracteres que se mostrarán en la SERP’s, justo debajo de tu título y URL. Debe contener la palabra clave principal y recomendablemente en forma de copy para garantizar que los usuarios hagan clic.
• y : Se utilizan para hacer citas, la primera define una cita larga que se incorpora dentro del texto, mientras que “cite” es para introducir una cita externa.
•  : Es una etiqueta que se utiliza normalmente en WordPress y permite definir la dirección de un negocio, es indispensable para hacer SEO local.
• : Se emplea con frecuencia en sitios web que necesitan explicar códigos en HTML y deben mostrarse en el texto y no ocultarse, como pasa normalmente.

Ahora sí, ya puedes ir y hacerle unos cuantos cambios a tu código HTML para mejorar tu SEO y el posicionamiento de tu web. Recuerda que también puedes insertar plugins y otros complementos para ayudarte en el proceso.