SEO con fragmentos de código enriquecidos

Los motores de búsqueda ayudan a los usuarios a encontrar resultados relevantes mostrando un resumen de contenido de páginas web que coinciden con la consulta de búsqueda. El resumen del contenido se conoce como fragmentos de códigos de resultados de la búsqueda. Para ayudar a los usuarios a saber el contenido de su página web y mejorar la SEO, puede implementar fragmentos de códigos enriquecidos para resaltar contenido importante de la página web para mostrarla en el fragmento de código de resultados de la búsqueda.

Puede resaltar contenido diferente para visualizar en el fragmento de código de resultados de la búsqueda como por ejemplo:
  • Nombre del producto
  • Descripción:
  • Precio
  • Disponibilidad
  • Revisión
Por ejemplo, puede modificar el contenido que se muestra en un resultado de la búsqueda para mostrar la valoración de un vestido tal como se muestra en la imagen siguiente:

Fragmento de código de resultados de búsqueda de un vestido de fiesta que resalta la valoración del vestido.

Implementación de fragmentos de códigos enriquecidos

Para añadir soporte de fragmentos de códigos enriquecidos a su tienda existente que no sea Aurora, debe actualizar los archivos JSP de la tienda. Para obtener más información, consulte DeveloperWorks article.
Hay varias formas de marcar datos para fragmentos de códigos enriquecidos: Puede utilizar:

Las páginas web de la tienda de inicio Aurora utilizan el formato microdata para marcar contenido. El código siguiente muestra un ejemplo de los códigos que se utilizan en los archivos JSP para marcar el nombre del producto, la descripción, el precio, la disponibilidad y la revisión de un producto.

<div itemscope="itemscope" itemtype="http://data-vocabulary.org/Product">
	<span itemprop="name">Sleek Occasional Table</span>

	<span itemprop="description">
		The sleek styling makes this occasional table a perfect addition to your home.
		Made of oak wood with a tempered glass top and forest green-finish wood frame.
		Measures 48" in width, 24" in length, and 19" in height.
		Some assembly required.
	</span>


	<span itemprop="offerDetails" itempscope itemtype="http://data-vocabulary.org/Offer">
		Regular price: $
		<span itemprop="price">179.99</span>
		<span itemprop="availability" content="in_stock">
			In stock! Order now!
		</span>
	</span>

	<span itemprop="review" itemscope
	itemtype="http://data-vocabulary.org/Review-aggregate">
		<span itemprop="rating">4.4</span> stars, based on
		<span itemprop="count">89</span> reviews
	</span>
</div>

El código siguiente muestra un ejemplo de los códigos que se utilizan para marcar el nombre del producto, la descripción, el precio, la disponibilidad y la revisión de un producto en el formato schema.org.

<div itemscope itemtype="http://schema.org/Product">
	<span itemprop="name">Sleek Occasional Table</span>
	
	Product description:
	<span itemprop="description">
		The sleek styling makes this occasional table a perfect addition to your home.
		Made of oak wood with a tempered glass top and forest green-finish wood
		frame. Measures 48" in width, 24" in length, and 19" in
		height. Some assembly required.
	</span>

	<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
		<span itemprop="price">$179.99itemprop="price">$179.99</span>
		<span itemprop="availability" href="http://schema.org/InStock" content="in_stock"/>
			In stock
		</span>
	</div>

	<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
		Rated <span itemprop="ratingValue">4.4itemprop="ratingValue">4.4</span>/5
		based on <span itemprop="reviewCount">89</span> customer reviews
	</div>
<div>

Para probar cómo aparecen las páginas en los resultados de la búsqueda de Google, consulte Rich Snippets Testing Tool