Cómo agregar microdatos para productos a páginas de WordPress - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Cómo agregar microdatos para productos a páginas de WordPress

Hola otra vez. Yo soy Samuel López y esta vez te voy a contar sobre Cómo agregar microdatos para productos a páginas de WordPress

Los microdatos permiten que los motores de búsqueda comprendan detalles importantes sobre el contenido de su sitio.

Hablamos sobre los microdatos de WordPress en una publicación de blog anterior. Sin embargo, esta vez vamos a ser más específicos y le mostraremos cómo agregar microdatos de productos a sus páginas de WordPress sin usar un plugin.

Esto es muy útil para promover el valor de los productos que vende a través de un sitio de WordPress. Vamos a empezar…

Los microdatos agregan información adicional a los resultados de búsqueda. Cuando alguien busca los productos de su sitio a través de Google, ve las calificaciones, el precio, la cantidad de reseñas, etc.

Microdatos sobre un producto de WordPress

Paso 1. Comprueba si tu tema usa microdatos

Algunos temas pueden proporcionar soporte para microdatos, pero muchos no lo hacen.

Herramienta de prueba de datos estructurados de Google

En el lado izquierdo de la pantalla, puede ver el código HTML de su página. A la derecha, puede ver los microdatos detectados.

En este caso, no se encontraron microdatos en mi prueba, por lo que los resultados están en blanco.

Resultados en la herramienta de prueba de datos estructurados de Google

Paso 2. Crea un tema hijo

Para agregar microdatos a WordPress, debe editar los archivos del tema. Entonces, usaremos un tema hijo.El tema hijo nos permite mantener seguras las personalizaciones en caso de que el tema original se actualice más tarde.

Si no está familiarizado con los temas secundarios, le recomendamos que utilice el plugin de configuración del tema secundario para crear fácilmente el tema secundario y copiar los archivos necesarios donde residirán nuestros cambios:

Una vez que el configurador de temas secundarios esté instalado y activado, vaya a:

  • Herramientas> Temas secundarios> Archivos.
  • Seleccione los archivos que representan una página (comúnmente page.php)
  • Haga clic en Copiar seleccionado al tema secundario

Crea un tema hijo en WordPress

En este punto, el tema hijo debería estar activado. Puedes confirmar esto desde Apariencia > Temas.

Paso 3. Cambie el nombre de la plantilla de página del tema hijo

Cambie manualmente el nombre del archivo page.php que acaba de copiar en el tema hijo. Encuentre este archivo a través de FTP o cPanel) en / wp-content / themes / your-child-theme-folder /.

Cambie el nombre del archivo a algo único como page-product.php o page-custom.php – siempre saliendo «página-«como prefijo.

Crea una plantilla de página en WordPress

Ahora, a través del panel de WordPress:

  • Vaya a Apariencia> Editor.
  • Para seleccionar page-product.php archivo (o el nombre que elija)

6

Al principio del archivo, agregue este código entre etiquetas PHP:

/**
 * Template Name: Page Product
 */

Así es como se verá:

Una plantilla de página de WordPress con microdatos

El código anterior ayudará a WordPress a detectar nuestro archivo de plantilla personalizada cuando editemos nuestra página más tarde.

Paso 4. Configure el esquema del producto

Usaremos el esquema descrito en Schema.org:

Ahora continuemos editando el archivo page-product.php archivo.

Busque contenedores y agregue itemscope itemtype = «http://schema.org/Product», Me gusta esto:

<div id="page-container" itemscope itemtype="http://schema.org/Product">
    …
</div>

Ahora busque la etiqueta que encierra el título y agregue itemprop = «nombre».

<h1 itemprop="name"><?php the_title(); ?></h1>

Dentro del contenedor de la página, agregue este fragmento reemplazando el archivo precio, priceCurrency es disponibilidad contento con el tuyo.

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <meta content="9.99" itemprop="price" />
    <meta content="USD" itemprop="priceCurrency" />
    <meta content="instock" itemprop="availability" />
</div>

A continuación, agregue estos microdatos con la calificación, reemplazando el ratingValue (1 a 5 estrellas) e ratingCount (número de reseñas / votos) contenido con el tuyo:

<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    <meta itemprop="ratingValue" content="5" />
    <meta itemprop="ratingCount" content="19" />
</div>
  • Hacer clic Actualizar archivo cuando hayas terminado.

Agregar microdatos a un archivo de WordPress

Dado que cada tema tiene su propia forma de estructurar el contenido, el resultado será diferente. Sin embargo, el resultado final se verá como la siguiente imagen:

Un archivo PHP de WordPress con microdatos

Paso 5. Edite la página de su producto

  • Vaya a Páginas> Su página.
  • Elegir el Modelo, que es «Producto de página» en este ejemplo.

Agregar una plantilla a una página de WordPress

  • Haga clic en el Actualizar cuando hayas terminado.

Paso n. 6. Resultado final

Intente el paso nºnuevamente. 1. Esta vez se deberían mostrar los microdatos y, con paciencia, esa información se verá reflejada en los resultados de búsqueda de Google.

Herramienta de datos estructurados de Google con microdatos



Recuerda compartir en tu Facebook para que tus colegas lo vean

👇👇👇 😘 💪 👇👇👇

Comparte