Las 10 etiquetas HTML más importantes que necesita saber para SEO

Etiquetas HTML para SEO

El propósito de cualquier sitio web es generar tráfico. Y una gran parte de esos visitantes proviene de los motores de búsqueda. Quizás una de las mejores formas de atraer a una audiencia es mediante el uso de etiquetas HTML para SEO.

Estos pequeños fragmentos de codificación son mucho más valiosos para su éxito de lo que piensa.

¿Qué son las etiquetas HTML para SEO?

Las etiquetas son pequeños fragmentos de codificación HTML que le indican a los motores cómo "leer" correctamente su contenido. De hecho, puede mejorar enormemente la visibilidad del motor de búsqueda agregando etiquetas SEO en HTML.

Cuando el rastreador de un motor de búsqueda encuentra su contenido, echa un vistazo a las etiquetas HTML del sitio. Esta información ayuda a motores como Google a determinar de qué se trata su contenido y cómo categorizar el material.

Algunos de ellos también mejoran la forma en que los visitantes ven su contenido en esos motores de búsqueda. Y esto se suma a cómo las redes sociales usan etiquetas de contenido para mostrar sus artículos.

Al final, son las etiquetas HTML para SEO las que afectarán el rendimiento de su sitio web en Internet. Sin estas etiquetas, es mucho menos probable que realmente te conectes con una audiencia.

Entonces, echemos un vistazo a mi lista de etiquetas SEO HTML. Estos son algunos de los elementos más importantes que necesita  para su sitio web.

1. Usa etiquetas de título

Etiquetas de título

Quizás una de las etiquetas HTML más importantes para SEO es la del título. Esta es la etiqueta de tu contenido y cómo las búsquedas ven tu página en Google y Bing. Cada resultado que ve en un motor de búsqueda se deriva de la etiqueta del título.

¿El título del artículo tiene que coincidir con la etiqueta? Realmente no. Sin embargo, desea asegurarse de no confundir a sus visitantes potenciales.

Por ejemplo, usar el título "10 maneras de hornear pollo" y luego cambiar la etiqueta del título a: "<título>Por qué debería comer pollo</título>" podría generar confusión. ¿Qué pasa si el buscador estaba buscando recetas? Él o ella omitiría este artículo en la búsqueda.

Pero usar algo como "<title>10 maneras de hornear pollo en 2018</title>" se relaciona con el artículo y también permite que las personas sepan que las recetas están actualizadas para 2018 .

Mi punto es que su etiqueta de título es muy importante para el SEO, así como para la búsqueda humana. Los motores de búsqueda y la gente se desviarán de esta información cuando busquen temas específicos.

Vale la pena el esfuerzo de optimizar sus etiquetas de título . Haz que sea más fácil para los motores de búsqueda y los humanos buscar tu contenido.

2. Afine las etiquetas de meta descripción

Etiquetas de metadescripción

Otra etiqueta HTML vital para SEO es la meta descripción. Al igual que los títulos, esta información se muestra en los resultados de búsqueda de Google. Eche un vistazo debajo del enlace para cualquier búsqueda. El fragmento de texto debajo del título generalmente se extrae de la etiqueta de descripción.

Por ejemplo, eche un vistazo a esta metaetiqueta:

<meta name="description" content="Compre piezas de bicicleta de alta calidad y ahorre dinero mientras recorre Nevada.">

Este es un ejemplo de alguien que usa la frase clave "piezas de bicicleta de alta calidad" mientras destaca que el negocio podría estar en Nevada. También es lo que Google mostrará cuando el artículo se muestre en los resultados de búsqueda.

Es mejor si usa su palabra clave en el título, así como en la etiqueta de meta descripción. Mejora la forma en que los motores de búsqueda listan su contenido.

3. No subestimes las etiquetas de encabezado

Etiquetas de encabezado

Las etiquetas de encabezado a menudo se usan para dividir el contenido para que sea más fácil de leer. En realidad, alrededor del 55% de los visitantes solo pasarán 15 segundos como máximo hojeando su contenido .

Los encabezados facilitan que estas personas encuentren lo que buscan rápidamente.

Aquí hay un ejemplo; ¿Qué pasa si tengo un lector en este blog que simplemente está interesado en las etiquetas Open Graph? Él o ella puede desplazarse hacia abajo para encontrar el encabezado y obtener la información.

De lo contrario, el lector puede simplemente abandonar la página sin comprometerse en absoluto con el contenido.

En términos de SEO, las etiquetas de encabezado también son lo que usan los motores de búsqueda para ayudar a determinar segmentos de contenido y crear fragmentos enriquecidos destacados .

Aquí está la jerarquía de las etiquetas de encabezado:

  • <h1></h1>: generalmente reservado para títulos de páginas web.
  • <h2></h2>: resalta el tema del título.
  • <h3></h3>: refleja puntos con respecto al tema.
  • <h4></h4>: admite puntos de <h3>.
  • <h5></h5>: no se usa con frecuencia, pero es ideal para apoyar puntos de <h4>.

4. Agregue etiquetas alternativas en las imágenes

Etiquetas alternativas en imágenes

Una parte importante de atraer a la audiencia es usar imágenes. De hecho, puede obtener aproximadamente un 94 % más de visualizaciones si utiliza gráficos en sus artículos.

Desafortunadamente, los motores de búsqueda no pueden determinar qué imágenes están tratando de transmitir. Ahí es cuando entra en juego la etiqueta ALT .

Echa un vistazo a esta etiqueta:

<img src="Cocinando.jpg">

Esta etiqueta le dice a los navegadores web qué imagen mostrar en el contenido. Pero ¿qué pasa con los motores de búsqueda?

<img src="Cocinar.jpg" alt="cocinar cerdo y cebolla">

El atributo alt de esta etiqueta le dice a los motores de búsqueda que la imagen se trata de cocinar cerdo con cebolla.

Sin la etiqueta ALT, los motores de búsqueda no saben de qué se trata la imagen. Y esto podría reducir la exposición durante las búsquedas de imágenes.

5. Construcción de enlaces

Construcción de enlaces

Obtener vínculos de retroceso de alta calidad es solo una parte del SEO. También debe centrarse en los enlaces internos , así como en la conexión a sitios externos.

En el SEO actual, los enlaces son vitales... especialmente para su propio contenido. Piense en ello como un "voto" para los artículos. Solo asegúrese de vincular a contenido que apoye y amplíe el artículo.

Vincularse a algo que no es relevante para su tema puede resultar en penalizaciones de búsqueda.

Un aspecto que puede considerar es el uso de enlaces "nofollow". Esto crea un enlace a una página web pero le dice a los motores de búsqueda que ignoren la conexión. En otras palabras, no ayudará a mejorar la autoridad de dominio de un sitio externo.

Esto se hace agregando el atributo nofollow en este ejemplo:

<a href="http://somerandomwebsite.com/" rel="nofollow" >tu texto ancla</a>

El enlace seguirá funcionando, pero los motores de búsqueda no lo seguirán. Es bueno para compartir enlaces con los lectores sin apoyar el SEO de la otra página.

6. Agregar etiquetas de gráficos abiertos

Etiquetas de gráficos abiertos

Las etiquetas de gráficos abiertos ayudan a impulsar las capacidades de búsqueda y visualización para las redes sociales. Por ejemplo, usará un gráfico abierto para mostrar información si tu contenido es compartido.

Este es un ejemplo de una etiqueta de gráfico abierto:

<meta name="og:title" property="og:title" content="El título de su artículo">

Ahora, si este artículo se comparte en algo como , el sitio social extraerá el título directamente de esta etiqueta.

El gráfico abierto también admite cosas como descripciones e imágenes. Simplemente le brinda opciones de personalización si su página web se comparte en las redes sociales.

En realidad, podrías tener una meta descripción para los motores de búsqueda y otra para . Esto es útil si intenta dirigirse a usuarios específicos en cualquiera de las plataformas.

Solo asegúrese de que los títulos y las descripciones de las redes sociales aún coincidan con el contenido. Recuerde, se trata de relevancia.

7. Etiquetas de tarjetas de Twitter

Etiquetas de tarjetas de Twitter

El gráfico abierto no es la única forma de personalizar los datos para las redes sociales. Twitter tiene su propia plataforma llamada “Tarjetas”. Las Twitter Cards funcionan de manera similar a OG con la excepción de que son específicamente para Twitter.

Este es un ejemplo de la etiqueta HTML para Twitter Cards:

<meta nombre="twitter:tarjeta" contenido="resumen">

En este ejemplo, el resumen del artículo se transfiere a Twitter una vez que se comparte la página.

Las Twitter Cards pueden incluir títulos, imágenes, reproductores de video, el nombre del sitio e incluso el autor del artículo. Y debido a la frecuencia con la que se comparte contenido en Twitter, es recomendable optimizar sus Tarjetas para aprovechar al máximo las etiquetas.

Si olvidas una parte de la Twitter Card, no te preocupes. Twitter recurrirá a los datos de OG en caso de que no pueda encontrar información específica.

Pero si desea dirigirse a usuarios específicos en Twitter de lo que lo haría en , personalizar las etiquetas es ideal. Por un lado, puede incluir más caracteres de texto en que en Twitter.

8. La etiqueta de los robots

Etiquetas de robots

La etiqueta robots es un elemento útil si desea evitar que se indexen ciertos artículos. Estos pueden evitar que los rastreadores de sitios como Google accedan al contenido.

¿Por qué querrías hacer eso? Porque algunos artículos pueden no ser los más ricos para las clasificaciones.

Por ejemplo, qué sucede si tiene una publicación que desea compartir con los lectores, pero carece de valor de calidad real. En ese caso, usarías algo como:

<meta name="robots" content="noindex, nofollow">

En este caso, Google no indexará el contenido ni seguirá ninguno de los enlaces.

Sin embargo, debe tener cuidado al usar estas etiquetas HTML para SEO. No desea dañar accidentalmente su clasificación para la página en particular.

9. Use etiquetas canónicas cuando sea apropiado

Etiquetas canónicas

Cuando crea un sitio web, puede ser accesible de varias maneras. Por ejemplo, todos estos pueden vincular al mismo sitio:

  • http://www.tuwebsite.com
  • https://www.tuwebsite.com
  • http://tuwebsite.com
  • https://tuwebsite.com

Las etiquetas canónicas son bastante útiles en términos de clasificación. Básicamente, estos le dicen a sitios como Google qué dominios son los más importantes para usted.

Tal vez desee un diseño de dominio específico como principal. En este caso, usarías algo como esto:

<enlace rel="canonical" href="https://yourwebsite.com/">

Esto le dice a Google que "https://yourwebsite.com/" es la URL en la que se está enfocando.

Entonces, en lugar de tener clasificaciones distribuidas entre las diferentes variaciones de su nombre de dominio, le está diciendo específicamente a Google cuál desea clasificar.

Esta es una de las etiquetas HTML más importantes para SEO, especialmente si está tratando de comercializar una URL específica. En cierto modo, podrías competir contigo mismo, ya que cada URL se clasificará por sí sola.

10. Metaetiquetas de sitios receptivos

Metaetiquetas de sitios receptivos

Alrededor del 48% de las personas usarán una búsqueda móvil para encontrar información sobre un producto o negocio. Esto significa que debe centrar la atención en los diseños móviles y receptivos.

Seamos realistas, es crucial tener un sitio web compatible con dispositivos móviles para tener éxito hoy.

Para informar a los motores de búsqueda que tiene un diseño receptivo disponible, puede agregar lo siguiente:

<meta name="viewport" content="width=device-width, initial-scale=1">

Es importante tener en cuenta que Google pone énfasis en los sitios web compatibles con dispositivos móviles. Y si no tiene algo fácilmente disponible que la gente pueda ver desde un dispositivo portátil, reflejará su clasificación en la búsqueda.

Afortunadamente, el uso de sistemas de administración de contenido como WordPress ya promueve un diseño receptivo automáticamente. Esto significa que tiene menos de qué preocuparse en términos de informar a Google que su sitio está listo para teléfonos inteligentes y tabletas.

¿Qué, sin etiqueta HTML de palabra clave?

En un momento, la etiqueta de palabra clave era muy importante para el SEO. Hoy en día, los motores de búsqueda como Google analizan el contenido en busca de calidad e intención de búsqueda . Esto significa que la etiqueta de palabra clave ya no es necesaria.

En lugar de decirle a Google qué palabras clave clasificar, el motor de búsqueda lo hace por sí mismo. Y saturar tu contenido con una sola palabra resultará en penalizaciones.

Se trata de contenido de calidad y legibilidad.

No me malinterpreten, las palabras clave seguirán teniendo algún tipo de función en el contenido. Después de todo, las personas que buscan "recetas de pollo al horno con albahaca" no quieren ver un sitio sobre la compra de repuestos de automóviles usados.

Sin embargo, Google no mira la etiqueta meta de palabra clave y prefiere encontrar términos directamente de su contenido.

¿Qué pasa con el uso de WordPress para etiquetas HTML SEO?

WordPress es uno de los sistemas de administración de contenido más populares en Internet. Su flexibilidad y procesos automatizados hacen que configurar un sitio optimizado para SEO sea rápido y fácil.

De hecho, WordPress agrega automáticamente algunas de las etiquetas anteriores. Un ejemplo de esto es cómo los títulos de las publicaciones y las páginas se etiquetan automáticamente para los motores de búsqueda.

Y también desea prestar atención a la estructura de enlaces permanentes . Esto no solo es útil para el SEO, sino que también es bueno para el acceso de los usuarios. Cambiar los enlaces permanentes en WordPress solo hace que sea más fácil para todos saber de qué se trata su contenido.

Etiquetas de enlaces permanentes de WordPress

Gracias a varios temas y complementos que puede usar con el alojamiento de WordPress , todas las etiquetas HTML SEO en la lista anterior están automatizadas. Esto significa que no tienes que hacer nada más que escribir contenido viral .

Después de todo, es el contenido lo que realmente resuena con la audiencia, independientemente de su estrategia de SEO.

Uno de mis complementos favoritos de WordPress es Yoast SEO . Le da acceso a la mayoría de las etiquetas HTML vitales para SEO.

Metaetiquetas Yoast SEO

Aumente el tráfico con etiquetas HTML SEO

Se necesita más que contenido estelar para captar la atención de sus visitantes. Sin etiquetas HTML para SEO, esos lectores nunca sabrían que su sitio web existe. Y dada la cantidad de competencia en Internet, necesita todas las ventajas posibles.

Ya sea que esté usando WordPress o codificando su sitio manualmente, no olvide las etiquetas. Puede resultar crucial para su éxito en línea.

Subir