Categoría blogger (Nivel 2)

Nivel 2 – Portada de Categoría en tu Tienda Online con Blogger

Si estás construyendo una tienda online en Blogger con la plantilla NichoClean v2.0, seguramente ya conoces la importancia de organizar tus productos en categorías y subcategorías. Hoy te muestro cómo crear una página de categoría (Nivel 2), pensada para mejorar la experiencia de navegación de tus clientes y potenciar el SEO de tu blog.

Este nivel es clave porque conecta la portada principal de la tienda (Nivel 1) con las subcategorías (Nivel 3). Un ejemplo práctico sería una categoría llamada Ropa Fina, que incluye subcategorías como:

  • Camisas de Hombre
  • Camisas de Mujer
  • Pantalones de Vestir

Ventajas de usar páginas de categoría en Blogger

Antes de entrar en la parte técnica, quiero que entiendas por qué este paso es tan valioso para tu tienda:

  • SEO optimizado: Cada categoría tiene su propia URL amigable y contenido único, lo que ayuda a posicionar palabras clave como camisas de hombre elegantes o pantalones de vestir.
  • Mejor experiencia de usuario: El visitante encuentra de forma rápida lo que busca, sin perderse entre todo tu catálogo.
  • Mayor conversión: Una categoría bien diseñada con banner, subcategorías y promociones aumenta las probabilidades de que el visitante dé clic y avance en su compra.
  • Gestión sencilla: Solo necesitas etiquetas de Blogger y un shortcode para listar automáticamente las subcategorías.

Paso 1 – Crear la página de categoría

  1. Entra al panel de Blogger.
  2. Ve a la sección Entradas > Nueva entrada.
  3. Pon un título con la palabra clave principal. Ejemplo: Camisas de Hombre Elegantes.
  4. En el editor de contenido, pega el siguiente código de la demo:
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYRSFYxTZkE80s4vkw1_umu6RBqGwnUG-fUudislYViPPR_rQbB4mEOcZQCMAHtTvyAC39kDq8q38o3msvBwvakIRmI4y05ovKuD6c4mFCPCpmfr461gOelUZteKYgiiQkOi7CBnm8D1mX9gmjQgJjQGDiqX7afm7O-a1R-FjYpomHLR7zThza5elY/s1600/oxford-shoes-6078993_640.jpg" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="640" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYRSFYxTZkE80s4vkw1_umu6RBqGwnUG-fUudislYViPPR_rQbB4mEOcZQCMAHtTvyAC39kDq8q38o3msvBwvakIRmI4y05ovKuD6c4mFCPCpmfr461gOelUZteKYgiiQkOi7CBnm8D1mX9gmjQgJjQGDiqX7afm7O-a1R-FjYpomHLR7zThza5elY/s1600/oxford-shoes-6078993_640.jpg"/></a></div>

<section>
  <h2 style="color:#0f4c81;">Subcategorías – Ropa para Hombres</h2>
  <p>Explora nuestras subcategorías de camisetas y polos para hombres. Cada sección muestra los productos más destacados en una grilla, con imágenes, precios y un botón para “Ver producto”.</p>

  <!-- Subcategoría: Camisetas -->
  <div>
    <h3 style="color:#1f2937;">Camisetas</h3>
    <p>Descubre nuestra colección de camisetas blancas, de colores y estampadas. Materiales cómodos y diseños versátiles para uso diario.</p>    
    <!-- Nivel 3: Grid de productos -->   
	<div class="galeria-feed cluster" data-etiqueta="ropa-fina" data-cantidad="6"></div>
  </div>
  
  <!-- Separador doble con líneas finas -->
<div class="divider-double"></div>


  <!-- Subcategoría: Polos -->
  <div>
    <h3 style="color:#1f2937;">Polos</h3>
    <p>Polos básicos y de colores, ideales para un look casual y elegante. Combínalos con pantalones o jeans para cualquier ocasión.</p>    
    <!-- Nivel 3: Grid de productos -->
  	<div class="galeria-feed cluster" data-etiqueta="ropa-fina" data-cantidad="6"></div>
  </div>
  
  <!-- Separador doble con líneas finas -->
<div class="divider-double"></div>


  <!-- Subcategoría: Sudaderas -->
  <div>
    <h3 style="color:#1f2937;">Sudaderas</h3>
    <p>Sudaderas cómodas y resistentes, perfectas para climas frescos. Diseños minimalistas y colores neutros para combinar con todo.</p>    
    <!-- Nivel 3: Grilla de productos -->
   <div class="galeria-feed cluster" data-etiqueta="ropa-fina" data-cantidad="6"></div>
  </div>
  
<!-- Separador doble con líneas finas -->
<div class="divider-double"></div>

  <!-- Subcategoría: Pantalones -->
  <div>
    <h3 style="color:#1f2937;">Pantalones</h3>
    <p>Pantalones casuales y deportivos, cómodos y duraderos. Encuentra desde joggers hasta chinos, ideales para cualquier estilo.</p>
    <!-- Nivel 3: Grid de productos -->
    <div class="galeria-feed cluster" data-etiqueta="ropa-fina" data-cantidad="6"></div>
  </div>
  
<!-- Separador doble con líneas finas -->
<div class="divider-double"></div>

  <!-- Subcategoría: Accesorios -->
  <div>
    <h3 style="color:#1f2937;">Accesorios</h3>
    <p>Complementa tu outfit con gorras, cinturones y otros accesorios pensados para hombres modernos y activos.</p>
    <!-- Nivel 3: Grid de productos -->
      <div class="galeria-feed cluster" data-etiqueta="ropa-fina" data-cantidad="6"></div>
  </div>
</section>
Tip: Cambia "ropa-fina" por la etiqueta real que estés usando en tus entradas de sub-categorías.

Paso 2 – Configurar las subcategorías

Cada grupo de subcategoría relacionadas se gestiona mediante etiquetas en las entradas de productos. Por ejemplo:

  • Etiqueta: camisas-hombre
  • Etiqueta: camisas-mujer
  • Etiqueta: pantalones-vestir

Cuando uses el shortcode <div class="galeria-feed cluster" data-etiqueta="camisas-hombre" data-cantidad="6"></div>, el sistema listará automáticamente las subcategorías relacionadas según esta etiqueta como tarjetas con imagen y enlace hacia su propia página (Nivel 3).

<!-- Subcategoría: Camisas de Hombre -->
  <div>
    <h3 style="color:#1f2937;">Camisetas</h3>
    <p>Descubre nuestra colección de camisetas blancas, de colores y estampadas. Materiales cómodos y diseños versátiles para uso diario.</p>    
    <!-- Nivel 3: Grid de productos -->   
	<div class="galeria-feed cluster" data-etiqueta="camisas-hombre" data-cantidad="6"></div>
  </div>  
  <!-- Separador doble con líneas finas -->
<div class="divider-double"></div>

Paso 3 – Optimización SEO de la categoría

Para que tu página de categoría se posicione mejor en Google, aplica estas recomendaciones:

  • Incluye al inicio un párrafo introductorio con la palabra clave principal. Ejemplo: “Descubre nuestra colección exclusiva de camisas de hombre elegantes, diseñadas para destacar en cualquier ocasión…”
  • Usa alt en las imágenes con variaciones de la palabra clave.
  • Mantén un contenido mínimo de 300 palabras en la descripción de cada categoría.
  • Añade enlaces internos hacia las subcategorías y productos destacados.

Ejemplo de la portada de categorías en Blogger

¿Quieres ver cómo luce la portada de categorías en acción? Hemos creado una demo donde podrás ver el banner principal, la lista de categorías y un diseño pensado para facilitar la navegación y mejorar la experiencia de compra en tu tienda online.

Ver demo de home categorías

Recomendaciones y advertencias

  1. No abuses de las etiquetas: cada producto debe pertenecer solo a una categoría principal y a una subcategoría específica.
  2. Revisa la velocidad: demasiadas imágenes grandes pueden ralentizar la carga. Optimízalas antes de subirlas.
  3. Prueba en móvil: la mayoría de tus visitantes navegarán desde el teléfono, asegúrate de que el diseño se vea limpio y funcional.

Crear una página de categoría (Nivel 2) en Blogger no solo organiza mejor tu tienda online, también te ayuda a posicionar palabras clave estratégicas como camisas de hombre elegantes, atraer más tráfico orgánico y mejorar la experiencia de compra.

Dedica tiempo a configurar bien tus categorías y verás cómo tus visitantes navegan de forma más natural, aumentando las posibilidades de conversión.

Recuerda: una tienda bien estructurada en Blogger es posible, y con la plantilla NichoClean v2.0 tienes todas las herramientas para lograrlo sin complicaciones técnicas.