¿Quiere saber cómo añadir el marcado schema a WordPress sin un plugin?
Schema markup puede aumentar drásticamente el CTR (Click Through Rate) a su sitio. Prueba de ello es Jobrapido, que añadió un marcado Schema de ofertas de empleo a su sitio web y consiguió un aumento del 270% en los registros de nuevos usuarios a partir de su tráfico orgánico.
En este post, le mostraremos cómo añadir el marcado schema a WordPress sin un plugin. También le mostraremos una manera mejor y más fácil de hacerlo.
No dude en utilizar los enlaces rápidos que aparecen a continuación para ir directamente a las distintas secciones:
En este artículo
Pero primero, empecemos respondiendo a la pregunta de si es mejor añadir schema con o sin un plugin.
¿Es mejor añadir Schema con o sin un plugin?
Hay 2 maneras de añadir el marcado schema a su sitio de WordPress. La primera es con un plugin, y la segunda es sin un plugin. Esta última requiere conocimientos de codificación, mientras que la primera no.
Entonces, ¿qué método es mejor?
Siempre es mejor añadir el marcado schema utilizando un plugin. La razón principal es que los plugins son más rápidos y fáciles de usar. También ayudan a garantizar que el código del esquema es correcto.
Por eso le recomendamos que utilice un potente plugin SEO como All In One SEO (AIOSEO) para añadir su marcado schema.
AIOSEO es un potente plugin de WordPress en el que confían más de 3 millones de expertos en marketing para clasificar sus sitios y atraer tráfico. El plugin tiene muchas características de gran alcance SEO y módulos diseñados para ayudarle a optimizar su sitio para SEO, incluso si usted tiene cero conocimientos de codificación.
Una de las funciones más apreciadas es nuestro Generador de esquemas Next-Gen. Se trata de una potente herramienta que le permite añadir fácilmente cualquier tipo de marcado de esquema a su contenido. Es tan fácil como elegir un tipo de esquema de nuestro Catálogo de Esquemas.
A continuación, rellene los datos necesarios sobre el esquema que desea generar.
Una vez que haya terminado, puede hacer clic en el botón Añadir Schema, ¡y ya está!
También puede hacer clic en Guardar esquema como plantilla para guardar el esquema y reutilizarlo en otras entradas o páginas. Esta función hace que sea muy fácil y rápido añadir esquemas a páginas similares.
Y si su tipo de marcado de esquema no está en nuestro Catálogo de esquemas, puede añadir un marcado de esquema personalizado haciendo clic en la pestaña Esquema personalizado.
Puede consultar nuestro tutorial sobre cómo añadir datos estructurados en WordPress para obtener una guía paso a paso sobre cómo implementar el marcado schema en su sitio. Este es un método sin código para añadir el marcado de esquema en WordPress.
Además de la facilidad de uso, he aquí otras razones por las que añadir el marcado schema sin un plugin puede no ser la mejor opción para su sitio WordPress.
- Es difícil y lleva mucho tiempo: No utilizar un plugin SEO para crear schema es difícil y lleva mucho tiempo extra. También hay que saber utilizar código PHP.
- No puedes actualizar tu tema: Nunca es buena idea editar directamente los archivos del tema. Cuando el tema se actualice, todas tus modificaciones desaparecerán.
- No puedes cambiar de tema de WordPress: No puedes cambiar de tema de WordPress ya que tu código personalizado sólo funcionará si estás usando ese tema en particular.
- Te perderás potentes funcionalidades: Con un potente plugin SEO como AIOSEO, puedes acceder a potentes funciones como el validador de esquemas.
Para obtener instrucciones paso a paso sobre cómo instalar AIOSEO, consulte nuestra guía de instalación detallada.
Dicho esto, echemos un vistazo más de cerca a los beneficios de las marcas schema y cómo pueden mejorar su CTR (Click Through Rate).
Ventajas de añadir Schema Markup en WordPress
Añadir el marcado schema a su sitio WordPress tiene muchas ventajas. Por ejemplo, probablemente hayas visto esos resultados de búsqueda tan bonitos con puntuaciones de estrellas y precios como los de este ejemplo:
Se denominan fragmentos enriquecidos y se obtienen añadiendo el marcado schema a las páginas web. Proporcionan información directa a los usuarios sobre el contenido de una página y mejoran su apariencia en las búsquedas.
En otras palabras, el marcado schema es utilizado por todos los grandes motores de búsqueda como Google, Bing, Yahoo y Yandex para mostrar información adicional en sus resultados de búsqueda.
Además, los fragmentos enriquecidos aumentan su CTR, ya que hacen que su contenido parezca más atractivo visualmente cuando se muestra en los motores de búsqueda.
Y, a la larga, un mayor número de clics también se traducirá en una mejor clasificación. Es una forma estupenda de potenciar tu SEO y conseguir más tráfico orgánico.
Fuente de la imagen: Brandon Gaille
En pocas palabras, añadir el marcado schema es una excelente forma de impulsar su SEO, mejorar el CTR y atraer tráfico a su sitio.
¿Cuál es la diferencia entre Rich Snippets y Schema Markup?
¿Son lo mismo los fragmentos enriquecidos y el marcado schema?
Pues no. Aunque mucha gente utiliza estos términos indistintamente, no son lo mismo.
Vamos a explicar la diferencia entre ambos. En pocas palabras, mientras que los fragmentos enriquecidos son para los humanos, las marcas de esquema son para los robots de los motores de búsqueda.
El marcado Schema es el código que indica a Google de qué trata su contenido. Y los fragmentos enriquecidos son lo que Google muestra en los resultados de búsqueda gracias al marcado Schema.
En resumen, el marcado de esquemas es un lenguaje que los motores de búsqueda utilizan para entender su contenido, mientras que los fragmentos enriquecidos son la interpretación visual del marcado de esquemas.
También se denominan datos estructurados, ya que utilizan un lenguaje de códigos aceptado por los principales motores de búsqueda.
Puede añadir el marcado schema a:
- Artículos
- Eventos
- Reseñas
- Recetas
- Libros
- Productos
- Preguntas frecuentes
- Y mucho más
Como se ha dicho, hay 2 maneras de añadir el marcado schema a su sitio de WordPress. El mejor método y el más sencillo es utilizar un potente plugin SEO para WordPress como AIOSEO.
La segunda forma es añadirlo manualmente sin un plugin, y eso es lo que vamos a mostrarte cómo hacer a continuación.
Cómo añadir Schema Markup a WordPress sin un plugin: 3 maneras
Para empezar, puede visitar Schema.org para encontrar el marcado que desea añadir a su contenido.
Le mostraremos cómo añadir el marcado Artículo a su sitio WordPress. Pero puedes encontrar todos los marcadores Schema compatibles con los motores de búsqueda en Schema.org.
Estas marcas utilizan 3 lenguajes de código diferentes:
- Microdatos
- RDFa
- JSON LD
Vamos a utilizar JSON-LD ya que a Google le gusta más, y no rompe su sitio tan fácilmente como otras marcas pueden hacer.
Dicho esto, echemos un vistazo a cómo añadir marcas de Artículo en tu entrada o página en WordPress usando el editor de bloques.
1. Cómo añadir Schema Markup a WordPress utilizando el editor de bloques
Para empezar, simplemente acceda a su panel de WordPress y navegue a cualquier entrada o página a la que desee añadir el esquema.
A continuación, debe activar los campos personalizados. Para ello, haga clic en los 3 puntos en la esquina superior derecha, y se abrirá una nueva vista. A continuación, desplácese hasta Preferencias " Paneles.
Esto abrirá una nueva ventana con todas las opciones del panel. Aquí debe marcar la casilla Campos de aduana.
Después de eso, sólo tiene que volver al editor de bloques y desplazarse hacia abajo en su post o página hasta la parte inferior, donde se puede ver la configuración de campos personalizados .
En Añadir nuevo campo personalizado, haga clic en la pestaña Introducir nuevo.
El siguiente paso es nombrar su esquema de marcado. En este ejemplo, lo hemos llamado Esquema de artículo, ya que vamos a añadir marcado para un artículo.
Una vez que hayas nombrado tu marcado, tendrás que copiar el fragmento de código que aparece a continuación y pegarlo en la sección Valor. Si no ha escrito código antes pero desea utilizar un marcado diferente, puede utilizar Google Structured Data Markup Helper o JSON-LD Playground. Generarán el código por usted.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "NewsArticle",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://google.com/article"
},
"headline": "Article headline",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"datePublished": "2015-02-05T08:00:00+08:00",
"dateModified": "2015-02-05T09:20:00+08:00",
"author": {
"@type": "Person",
"name": "John Doe"
},
"publisher": {
"@type": "Organization",
"name": "Google",
"logo": {
"@type": "ImageObject",
"url": "https://google.com/logo.jpg"
}
}
}
</script>
Una vez que hayas añadido el código en Valor, haz clic en el botón Añadir campo personalizado. A continuación, desplázate hasta la parte superior de la página y haz clic en Actualizar para guardar los cambios.
Ya casi has terminado.
El último paso es copiar este fragmento de código y añadirlo a su archivo header.php:
<?php
$schema = get_post_meta(get_the_ID(), 'schema', true);
if(!empty($schema)) {
echo $schema;
}
?>
A continuación te explicamos cómo hacerlo.
Nota: Tenemos que advertirle que un solo error al editar los archivos del tema puede derribar todo su sitio web y causar la pantalla blanca de la muerte. Asegúrese siempre de hacer una copia de seguridad de su sitio antes de empezar.
2. Cómo añadir código Schema personalizado a su archivo Header.php
La mejor y más segura opción es siempre utilizar un plugin para añadir código personalizado y funcionalidad a tu sitio. Y te recomendamos encarecidamente que utilices el plugin Insert Headers and Footers WordPress.
Así que antes de mostrarte cómo editar directamente los archivos del tema, te mostraremos lo fácil que es añadir tu fragmento de código al archivo header.php usando el plugin Insert Headers and Footers.
Después de instalar y activar el plugin, sólo tiene que ir a su panel de WordPress y hacer clic en Insertar encabezados y pies de página en el menú Configuración.
Aquí verá diferentes ventanas para añadir su código al Encabezado, Cuerpo y Pie de página de su sitio. Asegúrate de añadir tu fragmento de código en la ventana Scripts in Header .
Haz clic en el botón Guardar y ya está.
No puede ser más fácil. Lo mejor de todo es que es mucho más seguro que editar directamente los archivos del tema.
3. Cómo añadir código Schema personalizado directamente a los archivos de su tema
Dicho esto, pasemos a cómo añadir el fragmento de código directamente en el editor de temas y en el archivo header.php.
Simplemente vaya a Apariencia " Editor de temas y haga clic en el archivo header.php en Archivos de tema.
Se abrirá una nueva ventana en la que podrá editar el archivo.
Now, paste in the schema code in the file editor just before the </head> tag.
Una vez añadido el fragmento de código, pulse el botón Actualizar archivo.
Por último, recargue la página y verá el marcado schema justo antes de la etiqueta de cierre.
Ahora ha añadido correctamente schema a WordPress sin un plugin y puede probar su URL para comprobar si hay algún error utilizando la herramienta de prueba de datos estructurados de Google.
Ahora que ya sabe cómo añadir schema sin un plugin, le mostraremos una forma mejor y más sencilla de añadir el marcado schema a su sitio web WordPress.
¡Y ya está!
Ha añadido el marcado schema en WordPress sin un plugin.
Esperamos que esta entrada del blog te haya ayudado a aprender cómo añadir el marcado schema a tu sitio web WordPress sin un plugin. Y que también hayas visto que el uso de un plugin es mucho más fácil, ya que no tienes que jugar con el código.
Si este artículo te ha resultado útil, creemos que también te encantarán nuestros otros tutoriales y guías. Por ejemplo, si quieres aprender a optimizar las entradas de tu blog para SEO como un profesional, asegúrate de echar un vistazo a nuestra lista de comprobación SEO para entradas de blog. También puede consultar nuestro tutorial sobre cómo añadir una sección de preguntas frecuentes en WordPress si desea aprovechar mejor el esquema de preguntas frecuentes.
Si este artículo te ha resultado útil, suscríbete a nuestro canal de YouTube. Allí encontrarás muchos más tutoriales útiles. También puedes seguirnos en X (Twitter), LinkedIn o Facebook para mantenerte informado.
¿Quieres probar AIOSEO gratis?
Introduzca la URL de su sitio web WordPress para instalar AIOSEO Lite.
Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.
Hola a todos. Yo estaba encantado cuando encontré la pieza que falta del rompecabezas a continuación. ¿Pero no funciona?
Su fragmento para agregar a la caja de cabecera falló y me dio este mensaje.
(Me sale "Special Characters Must Be Escaped") dentro del cuadro Header.
¡Hola, Etienne! Me alegro de que hayas encontrado "la pieza que faltaba del puzzle" . Sentimos que no te funcione. Ponte en contacto con nuestro equipo de atención al cliente.
¿Por qué iba alguien a ponerse en contacto con su equipo de atención al cliente si no es uno de sus clientes y se limita a leer una entrada de blog con información general? ¿No debería esa información simplemente funcionar? ¿Su equipo de atención al cliente realmente ayudará al público en general a resolver problemas de wordpress?
Hola, así que sobre la última pieza en su puesto que es "3. Cómo agregar código Schema personalizado directamente a los archivos de tema", ¿puedo añadir el código a la functioons.php en lugar de la header.php?