Valoración con estrellas en la página de producto: ¿arriba o enterrada?

¿Dónde colocar la valoración con estrellas en la página de producto?

Directamente bajo el título, en el bloque del precio, por encima de la línea de corte. La zona que rodea el nombre del producto y el precio es de las partes más vistas de una página de producto, así que el resumen de valoración pertenece ahí y no más abajo. Un cliente que decide si seguir leyendo quiere el veredicto antes que las especificaciones, y la valoración es el veredicto.

Este espacio no es para la lista completa de reseñas. Es para un resumen compacto: la media, el número de valoraciones y un enlace. El detalle vive más abajo. El resumen vive donde se toma la decisión.

• Bajo el título del producto, en el bloque del precio o junto a él.
• La puntuación media, las estrellas y el número de valoraciones, juntos.
• El número como enlace que lleva hasta la sección de reseñas completa.
• Por encima de la línea de corte en escritorio y en el primer viewport en el teléfono.

¿Qué debe incluir el resumen de valoración?

Tres cosas, en este orden: la puntuación media, las estrellas y el número de valoraciones. El número importa tanto como las estrellas. Un 4,6 con 800 reseñas dice algo muy distinto a un 4,6 con 4, y los clientes calibran la confianza en el recuento igual de rápido que en la media.

Convierte el recuento en un enlace, no en un adorno. "412 reseñas" debería desplazar la página hasta la sección completa de reseñas. Ese único enlace tiene dos funciones: ayuda al cliente que necesita pruebas y conecta el resumen con el detalle que un rastreador leerá a continuación.

¿El resumen debe enlazar con las reseñas completas?

Sí, y es el paso que la mayoría de las tiendas omite. El resumen de valoración cerca del título debe enlazar hacia la sección de reseñas completa e indexable. Para el cliente, ese enlace elimina fricción: toca el número, llega a las pruebas. Para la página en sí, el enlace hace explícita la relación entre el número del encabezado y las reseñas que lo respaldan.

La sección completa es donde está la sustancia: reseñas individuales, fechas y señales de comprador verificado. El resumen es una promesa; la sección es la prueba. Mantenlos conectados con un ancla real dentro de la página, en lugar de dejar al cliente que desplace y espere.

¿Por qué la valoración tiene que estar en el HTML del servidor?

Porque renderizar la valoración en el HTML del servidor la hace elegible para rich snippets y para las citas de los motores de respuesta con IA. Cuando la media y el recuento están presentes en el código fuente de la página antes de que se ejecute ningún script, un rastreador los lee en el primer pase, y eso es lo que alimenta el resultado enriquecido con estrellas en Google y los números que un motor de respuesta puede citar.

La mayoría de las apps de reseñas inyectan el resumen mediante un Widget de JavaScript después de la carga. El cliente sigue viendo estrellas. Un rastreador a menudo ve un contenedor vacío, así que la valoración que es perfectamente visible para una persona está ausente en el documento que lee una máquina. El formato en pantalla puede ser perfecto y, aun así, no obtener nada en el buscador si el número no está en el HTML.

¿Cómo formatear la valoración con estrellas para que sea legible?

Mantenla legible, honesta y con un layout estable. Muestra la puntuación media con un decimal junto a las estrellas, en lugar de depender solo de los glifos, ya que las estrellas parciales son difíciles de leer de un vistazo. Reserva el espacio vertical que ocupará el resumen para que no empuje el precio ni el botón hacia abajo al cargarse, lo que protege tanto la experiencia del comprador como tu puntuación de desplazamiento de diseño.

• Puntuación media con un decimal, junto a las estrellas.
• Número de valoraciones en texto visible, no oculto al pasar el cursor.
• Un bloque reservado para que el resumen no desplace el precio al cargarse.
• Contraste suficiente en las estrellas y el recuento, sin grises difusos.

¿La ubicación también afecta al schema y a los rich snippets?

Sí, porque ubicación y marcado son el mismo problema visto desde dos ángulos. El resumen visible y los datos estructurados deben describir la misma media y el mismo recuento, extraídos de la misma fuente, para que una persona y un rastreador vean una valoración coherente. Cuando el número en la página y el marcado AggregateRating difieren, el rich snippet puede desaparecer.

Aquí es donde la tasa de conversión y el schema se encuentran. La decisión de ubicación (bajo el título, en el HTML del servidor) es también la decisión que hace que tus datos estructurados sean fiables y tu valoración sea citable. Coloca el resumen correctamente en el código fuente y servirás al cliente por encima de la línea de corte y al snippet al mismo tiempo.

Qué significa todo esto

Coloca el resumen donde el ojo cae, formatéalo para que la media y el recuento sean legibles, enlázalo con la sección de reseñas completa y renderiza todo en el HTML del servidor. Haz eso y un solo elemento servirá al cliente, al rich result de Google y a la respuesta de IA a la vez. La mayoría de las apps de reseñas se diseñaron para el cliente en la página y se detienen en el Widget, que es precisamente la brecha que BeyondReviews está diseñado para cerrar: lograr que las reseñas que ya tienes sean legibles, respaldadas y citadas, en los buscadores y en la IA.