Pasos que dio una agencia de SEO para crear una página de comercio electrónico para una panadería
¡Bienvenido de nuevo al siguiente episodio de nuestro SEO Reality Show! En episodios anteriores, hemos analizado los múltiples pasos que la agencia experta dio para aumentar el potencial de clasificación del sitio web de Edelweiss Bakery, incluido el proceso de creación de contenido de blog sólido y la comprobación de posibles errores técnicos.
. La panadería ya tenía una sección de comercio electrónico existente antes de comenzar a trabajar con la agencia, pero era solo una pequeña sección en la página principal; no había tarjetas de producto ni categorías. La agencia sabía que para aumentar el potencial de compra, se necesitaba una página de comercio electrónico dedicada con la capacidad de ver artículos por categoría y agregar tarjetas de producto para cada artículo que los clientes pudieran comprar.
Este episodio compartirá cómo la agencia de SEO renovó las funciones de comercio electrónico de la panadería para aumentar la visibilidad del producto y las compras en línea.
El proceso
La agencia quería comenzar primero con el diseño para determinar la estructura de la página que usarían, qué categorías serían necesarias y cómo se verían los diseños generales.
Su primer paso fue crear un diseño para la sección de comercio electrónico “Tienda” del sitio, que incluía dos diseños adicionales:
- Diseño de página de categoría: permite a los usuarios navegar por diferentes productos por tipo, ayudándoles a encontrar el tipo exacto de productos horneados que buscan.
- Diseño de página de tarjeta de producto: proporciona detalles adicionales sobre un producto individual
Una vez creados estos diseños de diseño, la agencia completó la información relevante para cada tarjeta de producto. Echemos un vistazo al proceso exacto, paso a paso.
Paso 1, Preparación de maquetas y diseño
Para crear la página de la tienda de panadería, la agencia utilizó WooCommerce, un complemento estándar de WordPress con funciones y plantillas de comercio electrónico listas para usar. Para completar la configuración, la agencia analizó elementos similares a cuando prepararon la estructura general del sitio:
- . Los sitios web de la competencia de la panadería, (seleccionados durante las )
- primeras etapas del trabajo de la agencia
)
Resultados para consultas comunes orientadas a las ventas, incluidas “comprar pan en línea” y “comprar pan de masa madre”
Aquí hay una captura de pantalla del resultado de búsqueda de categoría de un competidor para “comprar pan de masa madre”: Esto le mostró a la agencia lo que estaban haciendo los competidores y lo que los clientes podrían estar buscando..
Luego, la agencia creó maquetas de diseño y las envió a un diseñador, siguiendo un proceso similar al que usaron cuando ayudaron a Edelweiss a
actualizar el diseño de la página de inicio de su sitio
- .
- Paso 2, Preparación de páginas de categoría
- Durante el análisis en el paso anterior, la agencia concluyó que los siguientes elementos de la página de Categoría eran absolutamente necesarios:
- Listado de productos
- Título y texto SEO
- Bloque de preguntas frecuentes (*puede no ser necesario en todos los casos)
Botones de navegación página por página (paginación)
Menú
Migas de pan (Breadcrumbs)
La agencia también descubrió que algunas categorías pueden ser demasiado pequeñas para optimizar; la categoría Ciabatta, por ejemplo.
Esta categoría de producto solo contenía tres productos, por lo que tenía más sentido intentar optimizar las páginas de productos individuales para que se posicionaran bien en lugar de una página de categoría que solo presentaría algunos artículos. Sin embargo, la página de la tarjeta de producto podría optimizarse ya que había al menos dos tarjetas de producto en los 10 mejores resultados para “comprar ciabatta”. WSS Agency Aquí está el diseño de la página de Categoría que se le ocurrió al equipo de diseño. La agencia utilizó la Keyword Magic Tool
(sobre la cual puede aprender más aquí ) para preparar las especificaciones técnicas para el contenido de la página de Categoría, y utilizó la función “Preguntas” en Semrush para el bloque de preguntas frecuentes.
Semrush actualizó recientemente su Keyword Magic Tool para mostrar la intención de búsqueda de una palabra clave. Este es un ahorro de tiempo excepcional, eliminando la necesidad de investigar para determinar si la palabra clave necesita
contenido comercial o informativo
- y eliminando las conjeturas.
- Paso 3, Creación de tarjetas de producto
- Durante el análisis inicial, la agencia determinó que la página de Tarjeta de Producto debe incluir los siguientes elementos para explicar mejor qué son los diferentes productos y aumentar la probabilidad de que compren:
- Imágenes de alta calidad del producto
- Botón de compra/pre-pedido del producto
- Título y descripción SEO
- Sección de preguntas frecuentes
- Características y descripción del producto
Información breve sobre los sistemas de pago y entrega
Menú (opcional)
- Migas de pan (Breadcrumbs)
- Aquí está el diseño de la Tarjeta de Producto que la agencia creó para la panadería Edelweiss:
Algunas cosas a destacar con este diseño:
Se consideró cuidadosamente la ubicación y los acentos alrededor de ciertos elementos de la página. Por ejemplo, la imagen del producto, el precio y el botón de agregar al carrito fueron los más brillantes y visibles para que destacaran en la página.
- La Tarjeta de Producto contiene toda la información que sería útil para un visitante y, en última instancia, aumentaría las posibilidades de que comprara algo. Esto incluyó: fotos de productos, reseñas de clientes reales y descripciones detalladas de productos.
- Paso 4, Optimización del carrito de productos
- Edelweiss ya tenía una página de Carrito de Productos, por lo que la agencia no creó una. Aún mejor, su página de carrito incluía los elementos importantes que un cliente probablemente querrá ver antes de pagar, incluidos:
qué artículos hay en su carrito
cuánto cuestan los artículos
- la cantidad de artículos en su carrito
- Aquí está la página de Carrito de Productos de Edelweiss:
- Si bien la página de carrito de productos de Edelweiss ya estaba en buen estado de funcionamiento y bien optimizada, la agencia quería compartir las siguientes recomendaciones con nuestros lectores que desean mejorar la experiencia de sus clientes en el sitio:
- Debe incluir la lista de productos en el carrito, incluida una imagen del producto
Los clientes deben poder eliminar, agregar o cambiar la cantidad de cada producto fácilmente
El precio total mostrado al realizar un pedido debe ser el precio final (incluyendo envío + IVA, que al menos debe notarse que se calculará durante el pago)
Debe permitir a los clientes realizar pedidos sin tener que registrarse (opcional, pero muy recomendable). Formulario de pago El proceso de pago de Edelweiss ya es rápido y fácil, por lo que la agencia no tuvo sugerencias adicionales sobre cómo mejorarlo. Así es como se ve su formulario de pago: Si está buscando evaluar el proceso de pago de su sitio, aquí hay algunas cosas a considerar:
- El formulario y el proceso de pago deben ser simples y claros
- Los campos de texto deben contener instrucciones sobre qué ingresar
- Los campos que los clientes deben completar deben estar resaltados
- El formulario solo debe solicitar la información necesaria para completar la compra
Paso 5, Diseño y optimización técnica
Con los diseños seleccionados, los programadores de la agencia pudieron comenzar a configurar los listados de productos con las plantillas creadas. La agencia hizo las siguientes recomendaciones a los programadores antes de que comenzaran a trabajar, las cuales desglosaremos por categoría.
Configuración de un listado de productos
Lo primero que analizó la agencia fue cómo debían configurarse los listados de productos tanto en las páginas de productos como cuando los productos se visualizaban por categoría. Estos son los requisitos que dieron al equipo:
- Permitir compras directamente desde el listado de productos en la página de categoría sin ir a la ficha del producto. Este será un botón de “Agregar rápido al carrito”. Si el cliente ya está familiarizado con el producto, comprar desde el listado será muy conveniente.
- Los nombres de los productos deben ser enlaces configurados a través de la etiqueta <a href></a>, y los botones de compra deben configurarse a través de <button></button>.
“Esta es una regla simple que ayuda a los motores de búsqueda a comprender el contenido y los elementos de la página”, explicó la agencia. - El contenido del menú debe ser accesible incluso si JavaScript está deshabilitado. El menú debe ser una guía de navegación tanto para humanos como para robots de búsqueda, y los enlaces en el menú son un bloque de enlaces local.
Si su menú está solo en Javascript, los motores de búsqueda verán las categorías de su tienda como desconectadas. Esto resultará en páginas huérfanas, que son páginas sin autoridad de enlace que pueden nunca ser indexadas. Para resolver este problema, cree el menú usando CSS para que todos los enlaces sean accesibles cuando Javascript esté deshabilitado.
Canonización, filtros y ordenamiento
La agencia sabía que sería crucial que los filtros, el ordenamiento y la canonización se organizaran de una manera lógica que facilitara a los usuarios encontrar lo que buscaban y mantuviera el tráfico de clientes fluyendo correctamente.
Esto es lo que requirieron:
- Configure la etiqueta de autorreferencia canónica (que apunta a la página actual) para todas las páginas sin el parámetro get.
- Para las páginas con el parámetro get (incluyendo páginas de ordenamiento de productos y filtros), la etiqueta canónica debe apuntar a la página principal, que es la página a la que se le aplicó el filtro.
Configuración de la paginación
La paginación es la secuenciación de páginas en su sitio, y la agencia sabía que la paginación importaba tanto para la experiencia del usuario como para fines de indexación. Estas fueron las recomendaciones que ofrecieron:
- La etiqueta de autorreferencia canónica debe configurarse para todas las páginas, y las páginas deben ser accesibles para la indexación.
- La metaetiqueta para todas las páginas (excepto la página principal) debe formarse por el título, máscara de Página N, donde N es el número ordinal de la página actual en la cadena de paginación.
- Para el tipo página-1 (que puede formarse de diferentes maneras dependiendo de su CMS), debe configurar redirecciones 301 a la página principal. No debe haber enlaces a la página de tipo página-1 en la cadena de paginación, y no debe haber enlaces autorreferenciales.
Marcado
El marcado puede ayudar mucho a las marcas a generar confianza, aprovechar la prueba social y proporcionar información crucial a sus clientes. La agencia recomendó que los desarrolladores agregaran el siguiente marcado a los listados de productos:
Para categorías y fichas de productos, la agencia recomienda crear el siguiente marcado:
- Micro marcado de migas de pan
- Marcado de producto con precio (o rango de precios)
- Calificación del producto
Esto ayuda a que la página tenga fragmentos enriquecidos en el SERP de Google. Si hay bloques de preguntas y respuestas, necesitarán el marcado de Página de FAQ.
Puede obtener ayuda con su marcado aquí.
Paso 6, Completar la información de categorías y fichas de productos
Una vez que los diseños para las páginas de Categoría y Ficha de Producto estuvieron completos, el siguiente paso para la agencia fue ingresar la información sobre cada producto principal* y optimizar el contenido.
*Un solo producto puede aparecer bajo diferentes categorías, pero solo debe estar disponible a través de una única URL. Esto evitará duplicados de productos mientras maximiza la visibilidad del producto en su sitio.
La agencia recomienda indexar categorías y fichas de productos en el orden en que se completan, paso a paso, en lugar de todos a la vez. Esto es para evitar que los robots de búsqueda rastreen e indexen páginas de productos vacías.
A continuación
¡Ahora que la configuración de la página de Tienda estaba completa, la agencia pasó a su siguiente tarea! En el próximo episodio, examinaremos cómo la agencia configuró analíticas adicionales para el sitio de la panadería para rastrear las conversiones de manera correcta y eficiente.