Cómo agregar marcado de esquema a su sitio web de WordPress

Puede agregar marcado de esquema a una página web para proporcionar más contexto sobre su contenido. Si bien un navegador web no muestra estos datos, los rastreadores de los motores de búsqueda pueden leerlos. Los motores de búsqueda pueden mostrar estos datos como fragmentos enriquecidos en los resultados.

El marcado de esquema puede indicar a los motores de búsqueda si una página trata sobre una persona, lugar, producto o varias otras clases. Las páginas web con marcado de esquema son distintivas en los resultados de búsqueda. A menudo conducen a tasas de clics más altas que las páginas de la competencia.

En este artículo, le mostraremos cómo agregar marcas de esquema manualmente. Si bien no es el método más rápido, este enfoque le brinda más control y evita que tenga que instalar complementos adicionales.

1. Elija su formato preferido

Hay varios formatos diferentes que puede utilizar para marcar el contenido de su sitio web. Los mas comunes son Microdatos, RDFa, y JSON-LD.

Microdatos

Los microdatos son un conjunto de etiquetas que puede utilizar para agregar datos estructurados directamente a elementos HTML. Agregar estas etiquetas a su HTML las hace más legibles por máquina y accesibles para los motores de búsqueda y los rastreadores web.

Cada conjunto de etiquetas de microdatos consta de un ámbito de elemento, un tipo de elemento e itemprops. Esta combinación ayuda a identificar el elemento etiquetado y perfilar sus propiedades.

RDFa

RDFa es la abreviatura de Resource Description Framework in Attributes. Al igual que los microdatos, RDFa agrega etiquetas a los elementos HTML para hacerlos más legibles por máquina. Este marco tiene tres etiquetas: vocab, typeof y property. Estos ayudan a delinear el vocabulario en uso, el tipo de página y sus propiedades.

JSON-LD

JSON-LD son las siglas de JavaScript Object Notation for Linked Data. Está Formato recomendado por Google para el marcado de esquema. A diferencia de los otros formatos discutidos, JSON-LD no es un método en línea. Esto significa que no es necesario realizar cambios directos en los elementos HTML. En su lugar, inserta el código en el encabezado de su página web. Por lo general, esto es más fácil de implementar.

2. Escriba el marcado en un editor de texto o utilice un generador de marcado de esquema

Una vez que haya elegido su vocabulario de esquema preferido, es hora de pasar a escribiendo el HTML para crear su marcado. Los codificadores más experimentados pueden seguir adelante y crear esto usando cualquiera de los mejores editores de código gratuitos.

La forma más fácil es utilizar un generador de marcas de esquema, que generará automáticamente el código. Hay muchos generadores, pero dos de los mejores son Generador de marcado de esquema de Merkle y Generador JSON-LD de Hall Analysis.

Ambas herramientas ofrecen una amplia gama de vocabularios de esquemas entre los que puede elegir. Todo lo que tiene que hacer es seleccionar uno y completar los datos requeridos. La herramienta generará el código apropiado para usted. A continuación, puede copiar el fragmento de código para utilizarlo en su sitio web.

3. Agregue el marcado a la página web deseada

Agregar el código a su sitio web es tan sencillo como los pasos anteriores. Para comenzar, diríjase a su panel de WordPress y abra la publicación o página donde le gustaría agregar algunas marcas de esquema.

Primero, tendrás que activar el Campos Personalizados opción. La activación de la opción de campos personalizados le permite agregar varios tipos de datos y metadatos que se aplican solo a una publicación o página específica. En este caso, puede usarlo para agregar marcado de esquema a sus páginas web.

No será suficiente con crear un nuevo campo personalizado. También deberá decirle a WordPress qué hacer con él agregando código a algunos de los archivos de su tema. En algunos casos, puede utilizar campos personalizados para simplemente proporcionar más datos a los lectores. En otros, puede usarlos para agregar nuevos comportamientos a su publicación o página.

En este caso, solo queremos proporcionar cierta información a los motores de búsqueda y navegadores.

Para empezar:

1. Haga clic en el icono de tres puntos en la esquina superior derecha de su pantalla
2. Navegar a Preferencias y haz clic en él
3. Desplácese hacia abajo hasta Paneles avanzados y revisa el Campos Personalizados opción

Una vez que haya activado el Campos Personalizados opción, vuelve a tu publicación o página y desplázate hacia abajo, donde verás Configuración de campos personalizados. Bajo Agregar nuevo campo personalizado, Seleccione Ingrese nuevo para crear un nuevo campo personalizado.

A continuación, debe nombrar su marcado de esquema. En este ejemplo, nombramos al nuestro "Artículo" porque queríamos agregar un marcado de artículo. Esto permitirá que los motores de búsqueda y los navegadores sepan que la publicación o la página contiene un artículo. En general, sin embargo, puede nombrar su campo personalizado como desee.

En el fragmento enriquecido resultante, los lectores pueden ver información adicional, como el nombre del autor. Si es un experto en un campo en particular, esto podría ser útil e inspirar confianza en las personas que buscan información sobre ese tema.

Una vez que haya nombrado su marcado de esquema, puede pegar su fragmento de código en el Valor campo. Si desea crear más tipos de marcado de esquema para la misma página o publicación, todo lo que tiene que hacer es pegar el segundo bit de código debajo del primero. Puedes agregar tantos como quieras.

Cuando haya terminado, haga clic en Agregar campo personalizado, desplácese hasta la parte superior de la página y haga clic en Actualizar para guardar sus cambios. En este punto, ha agregado con éxito un nuevo campo personalizado a su publicación o página, pero aún necesita decirle a WordPress qué hacer con él.

En este caso, debe agregar un fragmento de código a su header.php archivo que le dice a WordPress que 'llame' a sus campos personalizados.

Antes de continuar, tenga en cuenta que cualquier error que cometa aquí podría dañar su sitio, así que asegúrese de copia de seguridad de su sitio web primero. Además, es mejor crear un tema hijo para que no pierda estos cambios cada vez que actualice su tema.

Este es el código que debe agregar a su header.php Archivo:

php 
 $ esquema = get_post_meta (get_the_ID (), 'esquema', verdadero);  
  if (! empty ($ schema)) {
 echo $ esquema; < br />} 

Para encontrar su archivo header.php, diríjase a Apariencia> Editor de temas. A la derecha, verá una serie de archivos, incluidos los de su sitio web. header.php Archivo.

Navegue hasta este archivo y haga clic en él. Esto abrirá una nueva ventana que le permitirá editarlo. Pega el código justo antes del cierre. etiqueta.

Luego, haga clic en el Actualizar archivo y vuelva a cargar su sitio en un navegador. ¡Eso es! Ha agregado correctamente el marcado de esquema a su página web.

Para asegurarse de que no haya errores y de que su marcado funcione correctamente, debe validar su página.

Google ofrece una herramienta de prueba de datos estructurados que puede utilizar para probar el marcado de esquema de su sitio web. Todo lo que tiene que hacer es abrir la herramienta e ingresar la URL de la página que desea probar. La herramienta escaneará la página y mostrará todos los datos estructurados que encuentre. También le dirá si hay algún error, lo cual es útil si escribió sus datos estructurados a mano.

También puede pegar directamente su marcado en la herramienta para detectar cualquier error antes de agregarlo a su sitio web.

Vaya por delante de la competencia con el marcado de esquema

El marcado de esquema proporciona muchos beneficios a cualquier sitio web y, por lo general, es bastante fácil de agregar. Puede agregar el marcado de esquema a su sitio web utilizando un complemento, o hacerlo de forma manual como se muestra en este artículo. El marcado de esquema es una excelente manera de mejorar la tasa de clics de su sitio. Si está buscando resultados de SEO aún mejores, debería considerar el uso de un complemento de SEO holístico.

Los 7 complementos de SEO para WordPress más efectivos

Estos complementos de SEO para WordPress pondrán su contenido frente a los ojos correctos.

Leer siguiente

Sobre el Autor