Skip to main content
Inicio » Cómo agregar schema markup a Divi sin plugin

Cómo agregar schema markup a Divi sin plugin

Escrito por

Equipo Soltuin

Publicado el

29 de junio de 2020

Si usas Divi como tema de WordPress, puedes usar este hook en tu tema hijo de Divi para agregar el schema markup que quieras a cualquier página.

¿Por qué agregar schema a tus páginas? Porque es otra forma de darles a los buscadores información sobre tu sitio web, como tus horarios, tu ubicación y, más recientemente, reseñas y pasos de recetas, que te ayudan a posicionarte mejor en los resultados de búsqueda.

Si quieres darle un impulso a tu SEO, debes usar schema.

Pero te advierto: agregar el schema es bastante fácil, pero crear el schema que quieres es la parte más complicada. No es ciencia de cohetes, pero necesitas aprender un poco sobre datos estructurados. Lo bueno es que Google ofrece una herramienta muy fácil de usar que te ayuda a crear el schema de los tipos más comunes, que son los que le importan a Google.

Sigue este proceso de 4 pasos y estarás en camino de darle un gran valor de SEO a tus páginas:

  1. Crea tu schema markup en JSON
  2. Agrega tu schema markup en JSON a un campo personalizado de la página donde lo quieres
  3. Agrega una acción de PHP en el archivo functions.php de tu tema hijo
  4. Verifica tu schema

Crea el schema markup para tu página web

Google tiene una herramienta excelente que te ayuda a crear tu schema. Se llama Asistente para el marcado de datos estructurados (Structured Data Markup Helper). Solo selecciona el tipo de schema que quieres crear e ingresa la dirección de tu página.

Este es un ejemplo de schema markup para un negocio local.


{
  "@context" : "http://schema.org",
  "@type" : "MedicalBusiness",
  "name" : "Dra. Tania Adabache Guel - Cirujano Oftalmólogo",
  "@id": "https://retinavitreo.com",
  "image" : [
    "https://retinavitreo.com/wp-content/uploads/2018/01/logo-retina.png",
    "https://retinavitreo.com/wp-content/uploads/2018/01/tania-abadache2.jpg"
  ],
  "telephone" : "449 153 2801",
  "email" : "[email protected]",
  "url" : "https://retinavitreo.com/contacto/",
  "address" : {
    "@type" : "PostalAddress",
    "streetAddress" : "Avenida Universidad 103, Consultorio planta baja 03 Villas de la Universidad",
    "addressLocality" : "Aguascalientes",
    "addressRegion" : "Aguascalientes",
    "postalCode" : "20029",
    "addressCountry" : "MX"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 21.897971,
    "longitude": -102.304643
  },
  "openingHoursSpecification" : [ 
    {
      "@type" : "OpeningHoursSpecification",
      "dayOfWeek" : [
        "Monday",
        "Tuesday",
        "Wednesday",
        "Thursday",
        "Friday"
      ],
      "opens" : "10:00",
      "closes" : "14:00"
    },
    {
      "@type" : "OpeningHoursSpecification",
      "dayOfWeek" : [
        "Monday",
        "Tuesday",
        "Wednesday",
        "Thursday",
        "Friday"
      ],
      "opens" : "16:00",
      "closes" : "20:00"
    },
    {
      "@type" : "OpeningHoursSpecification",
      "dayOfWeek" : [
        "Saturday"
      ],
      "opens" : "10:00",
      "closes" : "14:00"
    }
  ],
  "priceRange" : "$$"
}

 

Agrega el schema markup a un campo personalizado de tu página

Después debes agregar el schema en un campo personalizado. El nombre del campo debe ser único y debe coincidir con el campo personalizado que usarás en el paso 3 de este proceso.

Campo personalizado de schema en WordPress

Agrega el snippet de schema markup de Divi a tu tema hijo

Agrega el siguiente fragmento de código al tema hijo de Divi. Es un Action Hook que agregará los datos que guardaste en el campo “schema_field” de cada página, siempre que el campo personalizado exista.


add_action('et_head_meta', 'custom_schema_json');
function custom_schema_json () {
  $schema = get_post_meta(get_the_ID(), 'schema_field', true);
  if(!empty($schema)) {
    echo $schema;
  }
}

Verifica tu schema con la herramienta de pruebas de datos estructurados de Google

Visita la herramienta de pruebas de datos estructurados de Google (Structured Data Testing Tool), ingresa la página que quieres verificar y la herramienta la analizará y te mostrará los datos o cualquier error para que lo corrijas.

Revisemos cómo te encuentran hoy tus próximos clientes

Agenda una llamada y te mostramos qué ve alguien que busca tu servicio en Google desde Aguascalientes.

Agenda una llamada