Cluster de Imágenes

Cluster de Imágenes: Agrupa visualmente tus entradas de Blogger

La plantilla NichoClean v2.0 incluye un sistema avanzado para mostrar imágenes de tus entradas de forma visual y atractiva mediante un Cluster de imágenes. Esta funcionalidad permite agrupar varias imágenes de tu feed de Blogger en un diseño dinámico y moderno, ideal para destacar contenido reciente, categorías específicas o cualquier sección de tu blog de manera visual y organizada. El Cluster se puede colocar en cualquier página, entrada o índice del blog, y su configuración es simple y rápida.

Cómo funciona el Cluster de imágenes

El Cluster de imágenes utiliza un script en JavaScript que obtiene automáticamente las entradas de tu blog desde el feed de Blogger. El script selecciona la cantidad de artículos que desees mostrar y genera el HTML necesario para la galería, incluyendo título, imagen, enlace, autor y fecha de publicación. Además, genera datos estructurados JSON-LD para mejorar la indexación SEO de tus imágenes y artículos, asegurando que Google y otros motores de búsqueda reconozcan correctamente tu contenido.

Cómo implementar el Cluster en tu blog

Para mostrar un Cluster de imágenes, solo necesitas agregar un contenedor <div> con la clase galeria-feed y la variante cluster. También debes indicar la etiqueta desde la cual quieres obtener las entradas y la cantidad de elementos a mostrar:

<div class="galeria-feed cluster" data-etiqueta="demo" data-cantidad="6"></div>

Parámetros importantes

  • data-etiqueta: Nombre de la etiqueta del blog que quieres mostrar en la galería. Sustituye demo por la etiqueta correspondiente.
  • data-cantidad: Número de entradas que deseas mostrar en el Cluster. Ajusta según tu diseño y espacio disponible.
  • Clase de variante: Siempre debe ser cluster para este tipo de galería.

Ejemplo práctico de uso

Si deseas mostrar 3 imágenes de la etiqueta demo en estilo Cluster, el contenedor sería:

<div class="galeria-feed cluster" data-etiqueta="demo" data-cantidad="3"></div>

El script cargará automáticamente las imágenes de cada entrada, junto con los títulos y enlaces, generando un HTML aproximado como el siguiente:

<div class="galeria-cluster">
  <article class="item-cluster">
    <a href="URL_DE_LA_ENTRADA">
      <img src="URL_IMAGEN" alt="Título de la entrada">
      <h3>Título de la entrada</h3>
    </a>
    <div itemscope itemtype="https://schema.org/Person">
      <meta itemprop="name" content="Autor"/>
      <meta itemprop="url" content="URL_AUTOR"/>
    </div>
    <meta itemprop="datePublished" content="FECHA_PUBLICACION"/>
  </article>
</div>

Todo este HTML se genera automáticamente, lo que significa que no necesitas escribir ni una línea de código adicional. Cada entrada tendrá su imagen, título, autor y fecha correctamente estructurados para SEO.

Resultado galeria-feed cluster

Dónde colocar el Cluster

El contenedor del Cluster se puede colocar en cualquier parte de tu blog:

  • En la página principal o índice del blog.
  • Dentro de cualquier entrada individual.
  • En páginas estáticas creadas desde el menú de Blogger.

Solo asegúrate de cambiar los valores de data-etiqueta y data-cantidad según la sección de tu blog que quieras destacar.

El Cluster de imágenes de NichoClean v2.0 es la forma más sencilla y visual de mostrar múltiples entradas de tu blog de manera atractiva y optimizada para SEO. Solo necesitas configurar la etiqueta y la cantidad de entradas, y el script se encargará de generar todo el contenido automáticamente. Esto permite mantener tu blog organizado, moderno y profesional sin complicaciones.

Prueba a implementar tu Cluster con diferentes etiquetas y cantidades para destacar secciones clave de tu blog y ofrecer a tus lectores una experiencia visual más atractiva y dinámica.