Etiquetas HTML para SEO

2 respuestas

No se trata de aprender a programar ni de escribir nosotros mismos el código de nuestro sitio. Pero si, necesitamos tener ciertas nociones incluso si decidimos utilizar los servicios de un programador o utilizar un sistema de gestión de contenidos (CMS) como WordPress o Joomla. Por otro lado, le recomiendo probar suerte con alguno de los cursos gratuitos sobre HTML que puede encontrar en la red, le será de gran utilidad.

El código HTML o “lenguaje de marcado de hipertexto” es el lenguaje en que se escriben las páginas Web. Este es el lenguaje con el que nació Internet y al que luego se le fueron agregando otros, para mejorar la experiencia del usuario. Así se crearon el CSS o “hojas de estilo en cascada”, el JScript o el JQuery. Hoy en día una pagina Web emplea todos estos lenguajes y muchos otros. Sin embargo, el HTML sigue siendo el único cuando se trata de SEO. La razón es que los robots de los buscadores, solo leen el texto contenido en dicho código. El HTML esta estructurado mediante etiquetas, y muchas de estas etiquetas son imprescindibles para hacerle saber al robot de que trata nuestra página. Es por esto que me pareció conveniente hablar sobre aquellas etiquetas que es necesario conocer para que nuestra página tenga una buena actitud ante el robot.

Etiquetas head y body.

Todo acerca del HTML se trata de etiquetas pero estas definen las dos zonas principales de la página. La zona comprendida entre las etiquetas <head> y </head> se denomina “encabezado” y ahí se encuentran las definiciones globales de la pagina. Mientras que la zona comprendida entre las etiquetas <body> y </body> se denomina “cuerpo” y en ella se encuentran las instrucciones para la página. Le sugiero lo siguiente: haga clic en el botón derecho del mouse y cuando aparezca el menú elija “ver código fuente de la página”. Allí podrá ver el código HTML de esta página y podrá ubicar las etiquetas que le menciono.

¿Que busca el robot en el encabezado?

Las etiquetas que el robot buscara en el encabezado son las siguientes:

  • <title>El título del documento</title> El título del documento aparece en la pestaña de la pagina. Cuando piense en el titulo de la página tenga en cuenta que el robot lee de izquierda a derecha hasta un máximo de 65 caracteres.
  • <meta name=»autor» content=»El nombre del autor» /> Le indica al robot el nombre del autor. Si su Web es sobre periodismo u opinión, este ‘meta’ es importante para usted.
  • <meta name=»robots» content=»index, follow» /> Le indica al robot si indexar o no la pagina, o si seguir o no los enlaces salientes. Si tiene problemas de sub-indexación o sobre-indexación por parte del robot, debería revisar este «meta» antes que nada.
  • <meta name=»description» content=»Descripción de la pagina» /> Le indica al robot de que trata la pagina. Esta etiqueta es particularmente importante, porque de ella deriva la descripción que se muestra en la impresión que el buscador le ofrece al que realiza la búsqueda. Puede tener hasta 165 caracteres y en lo posible debe tratar que el texto llame a la acción al usuario. Tenga en cuenta que si tiene menos de 165 caracteres, el robot intentara completar la información, a partir del texto que encuentre en los primeros párrafos. Trate de evitar esto, para asegurarse de tener el control sobre lo que el buscador muestra en la impresión. Si de las gráficas analíticas (Google Analytics) surgiera que su pagina esta bien posicionada pero no consigue clics, su problema es este «meta»
  • <link rel=»canonical» href=»su dominio preferido» /> Le indica al robot que la página en la que se encuentra tiene el mismo contenido que la señalada en la URL. Debido a esta duplicación, son susceptibles de ser mostradas juntas entre los resultados como páginas distintas, y que por eso, preferimos que muestre la de la URL indicada.
  • <link rel=»alternate» hreflang=»es» href=»su dominio en español» /> Le indica al robot que la página en la que se encuentra (que por ejemplo, podría estar en francés) tiene una equivalente en español. Debe agregarse la misma etiqueta en la página en español, indicando que tiene una versión alternativa en francés.

¿Que busca el robot en el cuerpo?

Las etiquetas que el robot buscara en el cuerpo son las siguientes:

  • <h1></h1>, <h2></h2>, <h3></h3>, <h4></h4>, <h5></h5> y <h6></h6> Son las etiquetas de títulos, donde la <h1> es la de mayor jerarquía y la <h6> la de menor jerarquía. A partir de estos títulos, el robot intentara determinar de que trata nuestra pagina.
  • <b></b> o <strong></strong> Estas etiquetas son equivalente y sirven para resaltar palabras con negrita. El robot también tomara estas palabras como relevantes.
  • <a href=”http://dominio.com/pagina.html” rel=”nofollow” title=”descripción ampliada” >texto ancla</a> Esta etiqueta define un vinculo o link hacia otra pagina. Aquí usted debe enfocarse en el ‘texto ancla’ y en si quiere que el vinculo sea seguido por el robot o no. Trate de evitar ‘textos ancla’ genéricos como “clic a aquí” o “continuar” que nada le aportan a la identidad de su Web. La ‘descripción ampliada’ contenida en ‘title’, aparecerá cuando el puntero del mouse pase por encima del enlace. Este texto también será leído por el robot por lo que debe procurar que sea descriptivo.
  • <img  src=»imagen.gif» alt=»descripción» title=”descripción ampliada” > Esta etiqueta define un link hacia una imagen. En este caso usted debe enfocarse en la ‘descripción’ y en la ‘descripción ampliada’, que serán lo único que el robot del buscador entienda sobre la imagen. Como dato le agrego que la ‘descripción’ aparecerá en la página solo si la imagen no pude ser cargada, mientras que la ‘descripción ampliada’ aparecerá si el puntero del mouse pasa por encima de la imagen.

Note que el atributo ‘title’ puede usarse tanto en etiquetas <a> como <img> mientras que el ‘alt’ solo puede usarse con etiquetas <img>.

  • <blockquote cite=”http://dominio.com/” title=”Título, autor y fecha”>“cita”</blockquote> Esta etiqueta le informa al robot que esta citando un texto. El propósito de esta etiqueta es que el buscador no lo penalice por tener un texto duplicado.
  • <p></p> Estas etiquetas definen un párrafo de texto. Debe tener en cuenta que el robot leerá aproximadamente las 200 primeras palabras del contenido, por lo que debe prestar especial atención a los primeros párrafos.

No hay mucho mas que usted pueda hacer sin saber sobre programación. Pero con esta breve guía, usted tendrá una mejor idea de donde colocar esas palabras con las que espera poder posicionar en las búsquedas que hacen los usuarios. Si usted recurre a los servicios de un programador podrá indicarle claramente donde quiere que aparezcan las palabras claves. Y si utiliza un CMS podrá, una vez escrito el contenido de su página, pasar a la pestaña de ‘texto’ y agregar las etiquetas según su plan.

Si desean dar su opinión sobre este artículo, los invito a hacerlo a través de mi cuenta en Twitter: @marcelofourquet.

Colabora con el ecosistema 2.0: di si te ha gustado → sigue → comparte → regresa.

2 comentarios en “Etiquetas HTML para SEO”

  2. Pingback: Meta tags para mejorar el SEO - Aprendiendo de Artes Digitales

Deja un comentario