Tema 5: La tienda online, catálogos y lenguaje HTML para e-commerce

La tienda online y su imagen

La mayoría de las empresas offline no tienden a prestar una especial atención a la imagen que proyectan hasta que alcanzan un tamaño significativo. Sin embargo, esta cuestión obtiene un papel fundamental cuando se opera en el comercio electrónico, convirtiéndose en un elemento básico. Una presencia online eficaz busca crear un sitio con un diseño atractivo que cumpla con los objetivos del negocio y que sea consistente con su imagen de marca.

Catálogo online

Un catálogo, también conocido como feed de datos, se encarga de organizar y presentar los bienes y servicios que vende una empresa. Para organizar mejor sus ofertas, los minoristas pueden dividirlos en secciones. Al igual que lo haría en una tienda física, los productos en una tienda online pueden estar agrupados dentro de secciones lógicas para facilitar la localización de un artículo. Las tiendas web a menudo usan los mismos nombres de sección que sus tiendas físicas equivalentes. En la mayoría de las ellas, cada producto se presenta en un solo lugar. Sin embargo, una tienda online tiene la ventaja de poder incluir cada producto en múltiples categorías. Por ejemplo, unas zapatillas de deporte pueden ofrecerse tanto como calzado como equipamiento deportivo. Para facilitar la navegación a los usuarios, estas secciones deben seguir una lógica. Lógica que irá variando según el producto o servicio, según el target o según nuestros objetivos. El menú debe estar dividido en categorías principales que contengan, a su vez, subcategorías en caso de que sea necesario.

Catálogo estático vs. dinámico

Un pequeño establecimiento de comercio electrónico puede tener un catálogo estático muy simple, definiendo catálogo como un listado de bienes y servicios. En su versión más sencilla, un catálogo estático es una simple lista escrita en HTML que aparece en una o varias páginas web. Para añadir, borrar o modificar una posición la empresa debe editar el HTML de una o más páginas. Debido a su mantenimiento constante, los sitios online de mayor tamaño son más propensos a utilizar un catálogo dinámico. Un catálogo dinámico almacena la información sobre los elementos de una base de datos que es accesible para el servidor que está ejecutando el propio sitio web. Un catálogo dinámico puede incluyen varias fotos de cada artículo, descripciones detalladas y una herramienta de búsqueda que permite a los clientes buscar un artículo y determinar su disponibilidad. El software que implementa un catálogo dinámico se incluye a menudo en paquetes de software para los sitios web de comercio electrónico de mayor envergadura, aunque la mayoría de las grandes empresas escriben su propio software para enlazar sus bases de datos existentes de información de productos con sus sitios web.

Optimización del catálogo online

Conviene no sobrecargar las páginas principales con demasiada información, resulta más interesante utilizar escaparates de productos con un mensaje claro y directo al cliente, como, por ejemplo "los más vendidos", "últimas novedades", etc.Las pequeñas tiendas online (normalmente las que venden menos de 100 artículos) pueden tener suficiente con una simple lista de productos o categorías y, en consecuencia, la organización de los artículos en el sitio web puede no ser importante. Estos sitios pueden proporcionar una foto de cada artículo que es un enlace a más información sobre el producto. Por lo tanto, un catálogo estático será suficiente para sus necesidades. La mayoría de las tiendas online, sin embargo, quieren incorporar en sus sitios ayudas a la navegación y mejores herramientas de organización de productos, necesitando gestionar catálogos dinámicos. Optimizar el catálogo online es un tema clave a la hora de tener éxito en la comercialización de tu tienda online. Todo eCommerce que quiera aumentar sus ventas online va a pasar, en un momento u otro, por Google Ads; y Google Shopping es su tipo de campaña dedicada a comercios electrónicos. La creación de estas campañas empieza subiendo tus catálogos de productos a Google Merchant Center. Una vez estos estén aprobados puedes crear una o más campañas con tus productos. Estos se van a mostrar en los resultados de búsqueda en Google, y/o en una pestaña separada para Shopping. Uno de los aspectos más importantes para optimizar una campaña de Google Shopping, aparte de conseguir que todos tus productos cumplan los requisitos básicos para ser aprobados y poner tus campañas en funcionamiento, sería crear etiquetas personalizadas.

Estructura de categorías y subcategorías

Las categorías y subcategorías son fundamentales para estructurar una tienda online y garantizar una experiencia de usuario intuitiva. La creación de categorías y subcategorías no es solo una tarea técnica, sino un diseño estratégico que debe tener en cuenta la experiencia del usuario, la organización del catálogo y los objetivos de la tienda. A través de una estructura jerárquica lógica, descripciones claras y sistemas de filtrado efectivos, una tienda online puede maximizar su funcionalidad y satisfacer las necesidades de los clientes.

Para su creación podemos basarnos en el siguiente esquema:

Categorías principales

Las categorías principales agrupan los productos más amplios y generales de una tienda online. Estas actúan como "contenedores" que ayudan al usuario a identificar rápidamente las secciones del catálogo que le interesan.

Características clave de las categorías principales:

• Nombre claro y comprensible: Deben reflejar exactamente lo que contienen, sin ambigüedades. Por ejemplo, "Electrónica y Tecnología" en lugar de un término genérico como "Dispositivos".
• Tamaño equilibrado: Las categorías principales no deben ser ni demasiado amplias ni demasiado específicas. Si son demasiado amplias, dificultan la búsqueda; si son demasiado específicas, resultan confusas.
• Descripción breve: Una o dos líneas que expliquen qué tipo de productos se incluyen en la categoría. Esto ayuda a orientar a los usuarios.

Ejemplo Categoría: Hogar y Jardín Descripción: Productos para decorar, organizar y mantener tu hogar y jardín en perfecto estado.

Subcategorías

Las subcategorías agrupan productos específicos dentro de una categoría principal. Su objetivo es simplificar aún más la navegación. Las subcategorías permiten al usuario filtrar productos rápidamente, evitando la frustración de buscar manualmente entre cientos de artículos.

Reglas para crear subcategorías:

• No abusar de las subcategorías: Úsalas solo cuando hay suficientes productos que lo justifiquen.
• Evitar redundancia: No incluir productos de las subcategorías en la categoría madre.
• Nombres precisos y diferenciados: Cada subcategoría debe ser única, evitando confusiones.

Ejemplo: Categoría: Moda y Accesorios Subcategorías:

• Ropa Hombre: Incluye camisetas, pantalones, abrigos, etc.
• Ropa Mujer: Incluye vestidos, blusas, chaquetas, etc.
• Accesorios: Bolsos, relojes, gafas de sol.

Filtros

Los filtros son herramientas avanzadas que permiten al usuario personalizar su búsqueda dentro de la tienda online.

Tipos de filtros básicos:

• Por categoría y subcategoría: Permite seleccionar un grupo específico de productos.
• Por marca o fabricante: Útil para clientes fieles a ciertas marcas.
• Por rango de precios: Ayuda a ajustarse a un presupuesto.
• Por atributos específicos: Color, tamaño, capacidad, material, etc.
• Por puntuación o reseñas de clientes: Los usuarios suelen confiar en productos con altas valoraciones.

Ejemplo: En una categoría como "Electrónica y Tecnología," el usuario puede filtrar productos de la subcategoría "Smartphones" por: Marca (Samsung, Apple, Xiaomi).Precio (menor a 200€, entre 200€ y 500€, más de 500€). Puntuación (4 estrellas o más).

Sistemas de organización de información

Además de categorizar y filtrar, las tiendas online deben permitir que el usuario decida cómo visualizar los productos. Estas opciones garantizan que el usuario tenga control total sobre cómo explorar los productos, optimizando su experiencia.

Opciones comunes de organización:

• Número de productos por página: El usuario puede elegir entre mostrar 10, 20 o 50 productos por página, dependiendo de su preferencia.
• Orientación de visualización:
  • Listado: Muestra los productos en filas con detalles adicionales como descripción y precio.
  • Cuadrícula: Presenta los productos de forma compacta con solo una imagen y el precio, ideal para usuarios que quieren explorar visualmente.
• Orden de los productos:
  • Alfabético: Ordena por nombre del producto.
  • Por precio: De menor a mayor, o viceversa.
  • Por marca: Agrupa productos por fabricante.
  • Por relevancia: Muestra primero los productos más destacados.
  • Por valoraciones: Muestra los productos mejor calificados por los clientes.

Beneficios de una buena estructura

• Experiencia de usuario optimizada: Una estructura clara y filtros efectivos facilitan al usuario encontrar lo que busca rápidamente.
• Mejora del SEO: Categorías bien definidas y descriptivas aumentan la visibilidad de la tienda online en buscadores.
• Mayor conversion: Cuando los usuarios encuentran facilmente los productos que necesitan, aumenta la probabilidad de compra.

Ficha de producto

La ficha de producto es uno de los aspectos más importantes que los comerciantes tienen que considerar al diseñar sus catálogos en el comercio electrónico, dado que el consumidor no puede observar el producto físico. Así, la ficha del producto tiene que hacer entender al usuario cuál es el producto y las cualidades que se ofrecen, el precio final o las condiciones de la entrega, entre otros elementos. Así, es necesario atender a los criterios de presentación del producto, ya que condicionará que un consumidor lo incluya en su cesta de la compra o no.

Nombre del producto IMAGEN € Descripción del producto CTA 3 Stock IMAGEN IMAGEN IMAGEN Opciones V 1 Métodos de pago Productos relacionados Info envíos FAQ

Por tanto, para conseguir un diseño eficiente en la ficha de producto, existen unos elementos comunes que, salvo excepciones que vienen marcadas por las características propias de algunos productos, se deben presentar siempre:

Elementos clave de la ficha de producto

Nombre del producto. La ficha del producto tiene que mostrar claramente el nombre de este, siendo en la mayor parte de las veces su título. Además, con la finalidad de favorecer al posicionamiento SEO, este título puede llevar información complementaria como la marca y la categoría. Por ejemplo: Teléfono móvil libre Samsung + Modelo. Marca. Además de incluir la marca en el nombre del producto, se recomienda incluir la identificación de la marca del producto con la incorporación de un enlace que redirija al usuario a todos los productos del catálogo que incorporen esa marca. Customer reviews y botones sociales. Las opiniones y las valoraciones de los usuarios proporcionan un valor añadido al producto y ayuda a otros usuarios en sus decisiones de compra. Descripción del producto. El catálogo de producto de la tienda online tiene que ser capaz de mostrar descripciones ricas de los productos que aporten valor a sus usuarios por ser prácticas, atractivas y elaboradas para que ayuden a la conversión y consecución del SEO. Por ejemplo, información adicional como el peso, medidas, memoria, batería y así como otras funcionalidades de un teléfono móvil, aporta un importante valor añadido al usuario facilitando su decisión de compra. Imágenes y vídeo del producto. Las imágenes y los vídeos del producto tienen un gran impacto en la decisión final de compra del consumidor. Por ese motivo, es necesario contactar con todos los fabricantes para conseguir ficheros y vídeos promocionales, así como con el encargado del diseño web, para prepararlas en diferentes tamaños y que se publiquen. Además, también habrá que tomar decisiones sobre la resolución de las imágenes en forma de ventana emergente o de efecto lupa. Elementos cruzados de navegación. Para una experiencia más satisfactoria, es importante que el consumidor tenga opción a visualidad aspectos complementarios del producto. Por ejemplo, si se visualiza una cafetera de cápsulas Dolce Gusto (Nescafé), sería interesante dar al usuario la opción de «ver esa cafetera en otros