blog webempresa

Nube de etiquetas en WordPress

por | Oct 14, 2023 | Aprender WordPress

Imagen destacada - Nube de etiquetas en WordPress

Una nube de etiquetas en WordPress, también conocida como “tag clouds”, en inglés, es una representación visual de las etiquetas (tags), o categorías de WordPress utilizadas en un sitio web.

Estas etiquetas suelen mostrarse de forma gráfica, resaltando las etiquetas más populares y relevantes de manera prominente y las menos utilizadas en un tamaño más pequeño.

Ejemplo de nube de etiquetas en WordPress

En el contexto de WordPress, las etiquetas son palabras clave o frases asociadas a las entradas del blog en WordPress, o al contenido del sitio.

Las etiquetas ayudan a organizar y clasificar el contenido de la web, permitiendo a los visitantes navegar fácilmente por temas específicos y localizar contenidos relacionados por este tipo de taxonomías.

  ¿Qué es una nube de etiquetas en WordPress?

 

La forma que habitualmente se utiliza en WordPress para representar las “etiquetas” es mediante una representación gráfica, que habitualmente se integra en el sitio web mediante un widget.

Estas etiquetas suelen mostrarse en forma de nube, que muestran un conjunto de palabras clave que obedecen a etiquetas definidas por el administrador del sitio cuando genera contenidos, previamente o de forma automática, con algún plugin que extrae esas keywords del texto de las páginas o artículos.

El tamaño de estas nubes de etiquetas varía según la frecuencia con la que se utilizan. Las etiquetas más populares aparecen con un tamaño de fuente tipográfica más grande y llamativo, mientras que las menos utilizadas son más pequeñas.

Por ejemplo, si tienes un blog de razas de perros, las etiquetas pueden ser razas específicas, como “Pastor Alemán” o “Alaskan Malamute”. Cuando los visitantes hacen clic en una etiqueta, en la nube de etiquetas, se muestran todas las publicaciones relacionadas con esa etiqueta, lo que facilita la navegación y la exploración de contenido sobre temas específicos.

Artículos asociados a una etiqueta

La nube de etiquetas es una herramienta visualmente atractiva que ayuda a mejorar la navegación en un sitio web, ya que permite a los visitantes encontrar contenido relacionado de manera sencilla y en apenas unos clics de ratón.

Además, ayuda en la optimización para motores de búsqueda (SEO) al permitir una mejor indexación de contenido relacionado, lo que puede aumentar la visibilidad en los resultados de búsqueda. También destaca los temas más populares y fomenta la interactividad de los usuarios, que entrando en la web a consultar sobre un tema, gracias a la relación por etiquetas, podrá acabar consultando otros temas de similar temática.

  Beneficios y Usos de las Nubes de Etiquetas

 

Las nubes de etiquetas en WordPress permiten mostrar palabras clave o categorías relevantes del contenido de un sitio web, de manera que los visitantes puedan explorar y acceder fácilmente a contenidos específicos de interés asociados a la palabra clave o etiqueta consultada.

Las etiquetas más prominentes, que representan los temas más populares, atraen la atención de los usuarios y les proporcionan una visión rápida de los temas destacados en el sitio. Una vista rápida a una nube de etiquetas de una web ayuda a entender en pocos segundos cuáles son los contenidos predominantes del blog de esa web.

La navegación por el sitio se beneficia y mucho del uso de nubes de etiquetas, que además contribuyen al SEO, permitiendo una mejor indexación del contenido relacionado.

Al presentar las etiquetas de manera destacada, los motores de búsqueda pueden comprender la temática principal del sitio y optimizar su visibilidad en los resultados de búsqueda.

Sin duda, esto contribuye a un aumento del tráfico orgánico, proporcionando a los visitantes una experiencia más enriquecedora y centrada en sus intereses.

  • Mejora de la navegación del sitio.
  • Optimización para motores de búsqueda (SEO).
  • Fomento de la interactividad y experiencia del usuario.

  Plugins Populares para Nubes de Etiquetas

 

Por defecto, WordPress incluye un widget para mostrar una “nube de etiquetas” en algún hook WordPress del Tema (widgets hook), que estés utilizando, o de los nativos de la barra lateral derecha (sidebar), o inferior (footer), por citar los más comunes, de manera que sean visibles en el frontal del sitio, aunque dicho widget permite muy poca personalización, pudiendo poner el título al widget y mostrar el contador de artículos asociados a cada etiqueta.

Opciones de ajuste del widget nativo de nube de etiquetas en WordPress

Sin embargo, hay muchos plugins que mejoran las capacidades nativas de la nube de etiquetas de WordPress, permitiendo añadir mejoras, no solo visuales, sino de información y comportamiento de las etiquetas visibles en un widget o bloque de Gutenberg.

 

Algunos de los plugins más utilizados para añadir una “nube de etiquetas” en WordPress son:

  • Cool Tag Cloud: Ver el plugin – Utiliza un diseño de etiqueta sobre el que muestra cada etiqueta disponible.

  • TaxoPress is the WordPress Tag, Category, and Taxonomy Manager: Ver el plugin – Puede generar nubes de etiquetas automáticamente.

  • Categorized Tag Cloud: Ver el plugin – Genera una nube de keywords con las etiquetas más utilizadas.

  • Page Tag Cloud: Ver el plugin – Permite añadir nube de etiquetas en páginas.

  • Creative Tag Cloud: Ver el plugin – Muestra una nube de etiquetas de forma muy visual.

  • Tilted Tag Cloud Widget: Ver el plugin – Nube de tags que se superponen e inclinan dentro de la nube, creando un grupo.

  • HTML5 Cumulus: Ver el plugin – Nube de etiquetas 3D en HTML5, funciona en los navegadores modernos, incluidos los móviles.

Con el editor de bloques Gutenberg puedes hacer uso de bloques para tags clouds no te preocupes porque el bloque nativo está disponible y tiene más personalizaciones que el widget nativo y lo puedes añadir tanto en Entradas como en Páginas.

Bloque de Gutenberg - Nube de etiquetas

Además hay plugins de terceros desarrolladores para añadir bloques mejorados de etiquetas en tus contenidos. Si usas Divi o cualquier otro page builder en WordPress, muchos de ellos incluyen bloques o módulos para añadir una “nube de etiquetas” en tu web, ajustando los estilos CSS al diseño de tu página.

  ¿Cómo añadir nubes de etiquetas en WordPress?

 

La mejor manera de ilustrarte este proceso es utilizando un plugin, sencillo de utilizar, gratuito, y que además tiene “opciones extra” para personalizar un poco el contenido de la nube de etiquetas que añadas a tu web.

Es importante que analices donde se va a mostrar esta nube de etiquetas, pues lo ideal es que esté lo más visible posible a tus visitantes, no lo escondas en páginas de segundo o tercer nivel, ya que perderá mucho su efectividad con respecto a llamar la atención para que los visitantes hagan clic en algún término o keyword mostrado.

Puedes optar por añadirlo siempre por defecto en el Blog y cada artículo o Entrada del Blog de WordPress, de forma que acompañe durante la lectura al visitante, a fin de cuentas, si lo usa, generas retención y eso es bueno para tu posicionamiento.

  Añadir nube de etiquetas con un plugin en WordPress

 

De la lista de plugins citados más arriba, utilizo para este ejemplo el plugin Cool Tag Cloud porque además de ser gratuito, no se limita a cargar los keywords agrupados, sino que le añade una imagen de etiqueta que además tiene “presets” en varios colores.

Plugin Cool Tag Cloud

El plugin Cool Tag Cloud para WordPress permite representar visualmente las etiquetas de manera atractiva en forma de nube. Para ello hace uso de una imagen de etiqueta diseñada profesionalmente como fondo, dándole una apariencia visualmente llamativa y agradable para los visitantes del sitio.

Una de las principales características de este plugin es su total responsividad, asegurando que la nube de etiquetas se muestra de manera adecuada en todos los navegadores y dispositivos, ajustándose bien a diferentes tamaños de pantalla. Esto garantiza una experiencia consistente para los usuarios, sin importar desde dónde accedan al sitio.

La aplicación principal de esta función se realiza a través del widget Cool Tag Cloud, permitiendo mostrar esta nube de etiquetas en áreas específicas de su sitio web, como la barra lateral o el pie de página.

Además, el plugin ofrece flexibilidad al permitir el uso del shortcode WordPress [cool_tag_cloud], lo que posibilita mostrar la nube de etiquetas en cualquier parte del sitio donde se admitan códigos cortos, incluidas Páginas o Entradas.

  Instalación y configuraciones de Cool Tag Cloud

 

Como en cualquier otro plugin para WordPress, lo primero es buscar el plugin desde el dashboard de tu web, en Plugins ➜ Añadir nuevo, y buscarlo por el nombre Cool Tag Cloud, lo instalas y activas para poder utilizarlo.

Instalar y activar el plugin Cool Tag Cloud

Este plugin no dispone de Ajustes que permitan pasarle parámetros globales, ya que actúa dentro de los widgets o mediante el uso de un código corto, por lo que para utilizarlo tienes que ir directamente a Apariencia ➜ Widgets, donde lo verás disponible en el lateral izquierdo de los widgets disponibles para arrastrar y soltar en las zonas de widgets disponibles en tu Tema en uso.

Cool Tag Cloud - Widgets disponibles

Para utilizarlo por ejemplo en la barra lateral derecha, también conocida como sidebar WordPress, tienes que seleccionar en la parte izquierda el widget Cool Tag Cloud y arrastrarlo hasta la “barra lateral” y soltarlo para que se despliegue.

Cool Tag Cloud - Arrastrar y soltar widget

Al desplegarse podrás ver todas las opciones de que dispone, pudiendo personalizar aquellas que necesites y dejando por defecto las que no vayas a utilizar.

Cool Tag Cloud - Opciones del widget

Los campos que incluye (traducidos) son:

  • Título: Nube de Etiquetas
  • Fuente: Arial, Helvetica, Sans-serif
  • Peso de la fuente: Normal
  • Tamaño de fuente más pequeño: 10px
  • Tamaño de fuente más grande: 10px
  • Estilo de imagen: Predeterminado (Naranja)
  • Alineación de la imagen: Izquierda
  • Animación al pasar el cursor: No
  • Transformación del texto: Ninguna
  • Máximo de etiquetas (0 para sin límite): 20
  • Ordenar etiquetas por: Nombre
  • Dirección de orden de etiquetas: Ascendente
  • Taxonomía: Categorías, Etiquetas, Categorías de enlaces…
  • Nofollow para enlaces de etiquetas: No
  • Mostrar recuento de publicaciones: No
  • En pantalla de una entrada única: Todas las etiquetas
  • En pantalla de archivo: Todas las etiquetas
  • Incluir: Ingresar IDs de las etiquetas separadas por comas. Ejemplo: 1,2,3,4
  • Excluir: Ingresar IDs de las etiquetas separadas por comas. Ejemplo: 1,2,3,4
  • Hijo de: El ID de la etiqueta/categoría. Muestra términos hijos.
  • Altura máxima: Limita la altura inicial (en píxeles) y agrega un botón para mostrar todas las etiquetas.
  • Botón Mostrar Más: Etiqueta del botón (cuando se establece una anchura máxima) para mostrar más etiquetas. Mostrar más
  • Botón Mostrar Menos: Etiqueta del botón (cuando se establece una anchura máxima) para mostrar menos etiquetas. Mostrar menos
  • Enlazar al archivo de etiquetas: Si solo deseas una lista de etiquetas que no enlacen a los archivos, selecciona “No”. Sí

La mayoría de campos de ajustes son bastante deducibles, pero como el plugin por defecto viene en inglés y no está traducido, te he facilitado la lista de los mismos traducida, para que sepas mejor qué estás ajustando y con qué parámetros.

  Mostrar la nube de etiquetas con Cool Tag Cloud en WordPress

 

Una vez que hayas realizado los ajustes de los diferentes campos que conforman el widget de “nube de etiquetas”, puedes ver en el frontal de la web cómo se visualiza, para corregir aquellos parámetros que consideres oportuno mejorar y de paso ver su comportamiento en tu Tema WordPress en uso.

Ten en cuenta que este widget lo puedes utilizar en tantos widgets hook como tengas disponibles en la plantilla para WordPress que utilices en tu web.

De hecho, puedes crear una “nube de etiquetas” específica para la Tienda WooCommerce que tengas integrada en tu sitio web, y otra “nube de etiquetas” con keywords distintas, para los contenidos del Blog, sin que las unas interfieran con las otras.

Si optas por añadir el widget en la “barra lateral”, una vez lo configures debidamente se debería mostrar algo similar a lo siguiente.

Cool Tag Cloud - Widget en sidebar

Si lo comparas con la nube de etiquetas nativa de WordPress, que también se añade desde un widget llamado de igual manera, el resultado es más pobre y carece de ajustes adicionales.

Cool Tag Cloud - Widget en sidebar nativo

Como todo en la vida, depende de tus gustos y si te va lo minimalista entonces el “nativo” puede servir a tus propósitos sin problema.

  Añadir nube de etiquetas con Gutenberg en WordPress

 

Ya te expliqué más arriba que el editor de bloques Gutenberg incluye un bloque de nube de etiquetas que puedes insertar en algún widget de los que disponga tu Tema WordPress en uso, o añadirlo en Entradas y Páginas directamente, también mediante un bloque.

Se trata de un proceso sumamente sencillo, que en este ejemplo lo añado dentro de una Entrada del blog, aunque tú, naturalmente, puedes añadirlo allí donde lo necesites y quieras mostrar.

Si utilizas WordPress con el editor de bloques Gutenberg, no necesitas instalar ningún plugin adicional para añadir la nube de etiquetas, ya que viene incluido el bloque por defecto, a menos que quieras utilizar opciones más completas, como es el caso del plugin anterior.

Edita o crea una Entrada en WordPress, y en el lugar donde quieras que se muestre la nube de tags, añade un bloque nuevo y busca por “nube de etiquetas” o “tags” y selecciónalo para que cargue en la posición de la publicación deseada.

A la derecha verás que con el bloque de tags seleccionado, se muestran las opciones de configuración o ajustes pertinentes para ese bloque.

Bloque editor Gutenberg - Añadir nube etiquetas

Una vez que lo hayas dejado a tu gusto, no olvides guardar los cambios en la Entrada para que luego, desde el frontal de la web, puedas comprobar cómo se visualiza esa nube de etiquetas que has añadido mediante el uso de un bloque de Gutenberg.

Bloque editor Gutenberg - Resultado nube etiquetas

El resultado final de esta nube de etiquetas va a depender en parte del tema WordPress que utilices, los estilos CSS de dicho Tema y de si usas el bloque nativo para tags o el de algún plugin instalados que además incluya bloque para Gutenberg.

  Conclusiones

 

Ya ves que hacer uso de una nube de etiquetas en sitios WordPress es un aporte significativo a la organización y accesibilidad del contenido de cara al usuario que lo visite.

Esta funcionalidad ofrece a los visitantes una forma rápida y eficiente de explorar y acceder a distintos contenidos y categorías dentro de la web. Al hacer clic en una etiqueta específica de la nube, el visitante es redirigido a una lista de publicaciones relacionadas con ese tema en particular, lo que mejora la navegación y proporciona un acceso directo a la información que esté buscando.

Organizar el contenido de forma eficiente es clave para ayudar a los lectores a encontrar más rápidamente tus contenidos. Permite categorizar y etiquetar las publicaciones de manera que puedan identificar fácilmente los temas más populares y explorar áreas específicas de su interés.

Una estructura adecuada de los contenidos, mediante taxonomías WordPress bien definidas, ayuda a presentar una vista general de la temática del sitio y contribuye a una experiencia de usuario más fluida y satisfactoria.

Si tienes una nube de etiquetas bien implementada, esto tendrá un impacto positivo en la optimización para motores de búsqueda. Al utilizar etiquetas relevantes consigues que los motores de búsqueda tengan más clara la estructura y los contenidos que gestionas en tu web.

¿Has probado a añadir una nube de etiquetas en tu web y ver cómo interactúan con ella tus visitantes?

¿Te ha resultado útil este artículo?

Black Friday 2024