Uno de los lenguajes más populares de programación en internet es el HTML, cuando desarrollamos una web con dicho lenguaje, se utilizan «etiquetas HTML» o «códigos HTML» para facilitar la lectura de los navegadores.

Esta acción no la realiza comúnmente un publicista o mercadólogo, sin embargo, es necesario tener este conocimiento para realizar propuestas que permitan ser ejecutadas por los integrantes del equipo o departamento de tecnología.

Estas son las etiquetas HTML más frecuentes que se utilizan para posicionar en las páginas web, blogs e Ecommerce. Algunas son visibles a los usuarios y otras no, sin embargo, debemos tenerlas muy presentes cada vez que desarrollemos un contenido en nuestra web.

Pese a que existen muchas etiquetas HTML en programación, por lo general, las etiquetas que más se utilizan son las siguientes presentadas:

Posicionamiento WEB

Estas son las etiquetas HTML que más se están utilizando para poder posicionar nuestro producto en Google, ya que, a los buscadores les va a resultar más sencilla la lectura de elementos acordes a lo que necesita el usuario, esencialmente en <title>, <h1> y <h2>, por lo cual, a continuación vamos a conocer la dinámica de cada etiqueta.

<title>: La etiqueta title es visible al usuario en los resultados de búsqueda, pero, esta etiqueta puede ser distinta al título del blog o página que nosotros redactamos. Se desarrolla a partir de dos procesos: técnico y creativo.

Dentro del proceso técnico debemos involucrar la keyword de manera natural dentro de la etiqueta y en el titulo del blog, respetando cierta extensión. Aún así, teniendo en cuenta que podemos no contar con el conocimiento de un ingeniero en programación, nos vamos a apoyar con herramientas como Yoast SEO para no tener que realizar los cambios mediante código.

Dentro del proceso creativo, debemos tener en cuenta la manera en que vamos a definir el contenido de la etiqueta para poder posicionar de manera adecuada en los buscadores web y el interés por parte de lo usuarios para ingresar en el la entrada, lo anterior teniendo en cuenta que, los buscadores valoran más las palabras al principio del título y por tanto las keyword deberían estar al comienzo del mismo.

Etiquetas title

<h1>, <h2> y <h3>: Estas etiquetas se tratan de un nivel jerárquico, <h1> normalmente se utiliza como el titular general del contenido que nosotros vamos a utilizar en la entrada del blog, pagina web o ecommerce, que es muy diferente a la etiqueta <title>. Esta etiqueta <h1> es recomendable manejar solo una por sitio, para no generar confusión en los robots de búsqueda de Google.

Por otro lado, podemos referir <h2> como los subtítulos a dicha etiqueta general, es decir, en programación esta etiqueta debe estar dentro de <h1>. Y dentro del segundo subtitulo (etiqueta <h2>) podemos referir a <h3> como un tercer rango de subtítulos que necesariamente debe estar dentro de <h2>.

¿Para que utilizar estas etiquetas? Dependiendo del nivel jerárquico que nosotros le estemos presentando a los buscadores, así mismo ellos también van teniendo en cuenta lo más importante del contenido para arrojar en los resultados de búsqueda.

Estas etiquetas las podemos buscar de forma manual en página web dando clic derecho en cualquier parte de la página, en la opción «Inspeccionar» y luego Crtl + F para poder digitar «h1» (o la etiqueta que deseemos buscar) y poder identificar la etiqueta <h1> designada para el sitio. Por ejemplo, en las siguientes imágenes podemos detallar las etiquetas para un blog realizado por Bodytech sobre 10 Tips Para Hacer Mercado, donde podemos encontrar la etiqueta <h1> «10 Tips Para Hacer Mercado» y la etiqueta <h2> «Consejos que pueden ayudarte a dejar de fumar«:

Etiquetas h1
Etiquetas h2

<meta description>: Esta etiqueta también la puede visualizar el usuario, pues se trata del párrafo que nosotros vemos posterior al <tittle> cuando realizamos cualquier búsqueda web, por ende, le permite a los buscadores identificar si el párrafo tiene las palabras clave que está buscando el usuario. De hecho, cuando hacemos la búsqueda en Google, aparecen resaltadas en negrilla las palabras clave que se encontraron luego del seguimiento que se realiza a cada una de las etiquetas <meta description> de cada sitio web.

Al igual que la etiqueta <tittle>, la redacción de esta etiqueta tiene dos características, la primera una redacción técnica donde vamos a vincular las keywords y segundo lugar una descripción publicitaria creativa que, a partir del texto, genere un impulso de ingreso inmediata al sitio web, página o ecommerce al cual queremos posicionar.

Un práctica muy importante que debemos tener en cuenta es que, lo que prometemos dentro de la etiqueta <meta description>, es lo que debemos mostrar en la entrada, ya que muchas marcas cometen el error de llevar al usuario a otro tipo de temáticas que no son de interés para el usuario y a tal punto puede llegar a ser sancionatorio en los buscadores web.

Etiquetas meta description

Metadatos en fotos: Se trata de realizar cinco pasos muy sencillos, pues las fotos que vamos a subir a nuestro contenido, debemos hacerles un correcto tratamiento para poder posicionarlas: Dirección de geolocalización, renombrar la imagen, disminuir peso, establecer keywords y descripción a la imagen.

Si deseas conocer a profundidad sobre este tema, te invito a leer mi blog sobre Metadatos en fotos dando clic AQUÍ.

<a href= «destino»> ó Backlinks: En la actualidad cada una de las páginas tiene un ranking según su nivel de interacción y tráfico que tenga, también conocida como autoridad de dominio. Si deseas conocer con mayor detalle sobre la autoridad de dominio, te invito a leer mi blog dando clic AQUÍ.

Resulta que, hoy en día el marketing relacional nos dice que debemos hacer alianzas, sobre todo con páginas que tengan una alta autoridad de dominio. ¿Para que? para que dichas páginas a partir de backlinks o hipervínculos, refieran a nuestra marca, por ejemplo, el trabajo con los blogueros es muy fuerte actualmente, ya al saber que cualquier recomendación que haga a través de un hipervínculo, es una estrategia de tráfico muy valiosa. Otro ejemplo, puede ser una página con alta autoridad de dominio como El Tiempo, vende los bakclinks para las marcas que deseas posicionar su sitio web, recomendando lugares, restaurantes, hoteles, bares, etc.

Etiquetas href

Luego de reconocer las etiquetas más importantes para el posicionamiento SEO, debemos enlazar los resultados de un correcto social listening con la redacción de cada etiqueta presentada, para poder pasar las propuestas al departamento de tecnología y programación, si es el caso.

Tomando como ejemplo un análisis web y social listening para el posicionamiento del auto híbrido Toyota RAV4 en Colombia, se pueden presentar las propuestas de posicionamiento mediante etiquetas de la siguiente manera:

Ejemplo de posicionamiento web

En general, las etiquetas sirven para mejorar la experiencia del usuario. Ofreciendo una mejor navegación y una mejor respuesta a sus preguntas. Además, le dan una guía a los motores de búsqueda sobre dónde encontrar las palabras clave más importantes de un sitio y cuáles son menos relevantes.

Presentación de Etiquetas HTML para el posicionamiento web

En el siguiente link puedes descargar la presentación para difundir con tu grupo de trabajo la temática tratada. Recuerda siempre respetar los derechos de autor: Presentación de Etiquetas HTML para el posicionamiento web

Te invito a mantenerte actualizad@ con más blogs y temas de interés dando clic AQUÍ.

Comparte

No responses yet

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *