SEO Semántico: ¿Qué es?, ¿Cómo trabajarlo?, Ejemplos

Hoy vamos a adentrarnos en el fascinante mundo del SEO semántico. ¿Qué es eso? Te preguntarás. Pues no te preocupes, querido lector, porque aquí estoy yo, tu experto SEO de confianza que te acompañará en este viaje hacia el éxito en las SERPs.

¿Qué es el SEO Semántico?

El SEO Semántico es una técnica de optimización que va más allá de las palabras clave y se enfoca en el contexto y el significado de nuestro contenido, ya que Google es capaz de encontrar entidades en los textos que indexamos diariamente en su buscador.

¿Por qué es tan importante el HTML Semántico?

Dentro de las etiquetas HTML, puedes indicar con microdatos que es cada parte de tu contenido, de forma que entienda mejor el contexto del mismo.

Te dejo un ejemplo ilustrativo, extraído de Schema.org, la que ya debería ser tu web de referencia para esta labor semántica.

<div itemscope itemtype="https://schema.org/HowTo">
  <strong><span itemprop="name">Change a Flat Tire</span></strong>
  <div>About <span itemprop="estimatedCost" itemscope itemtype="https://schema.org/MonetaryAmount">
    <meta itemprop="currency" content="USD"/>
    <meta itemprop="value" content="20"/>
  </span>$20</div>
  <div>About <span itemprop="totalTime" content="PT30M">30 minutes</span></div>
  <div>Necessary Items:</div>
  <div itemprop="tool">Spare tire</div>
  <div itemprop="tool" itemscope itemtype="https://schema.org/HowToTool">
    <span itemprop="name">Lug wrench</span>
    <img alt="image of a lug wrench" itemprop="image" src="lug-wrench.jpg"/>
  </div>
  <div itemprop="tool">Jack</div>
  <div itemprop="tool" itemscope itemtype="https://schema.org/HowToTool">
    <span itemprop="name">Wheel wedges</span>
    <img alt="image showing wheel wedges" itemprop="image" src="wheel-wedges.jpg"/>
  </div>
  <div itemprop="supply" itemscope itemtype="https://schema.org/HowToSupply">
    <span itemprop="name">Flares</span>
    <img alt="image of flares" itemprop="image" src="flares.jpg"/>
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToSection">
    <div itemprop="name">Preparation</div>
    <meta itemprop="position" content="1"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="1"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Turn on your hazard lights and set the flares.</div>
      </div>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToTip">
        <meta itemprop="position" content="2"/>
        <div itemprop="text">You're going to need space and want to be visible.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="2"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Position your wheel wedges in front of the front tires if a rear tire is flat, or behind the rear tires if a front tire is flat.</div>
      </div>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToTip">
        <meta itemprop="position" content="2"/>
        <div itemprop="text">You don't want the car to move while you're working on it.</div>
      </div>
    </div>
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToSection">
    <div itemprop="name">Raise the car</div>
    <meta itemprop="position" content="2"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="1"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <img alt="image showing positioning of jack" itemprop="duringMedia" src="position-jack.jpg" />
        <div itemprop="text">Position the jack underneath the car, next to the flat tire.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="2"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="beforeMedia" itemscope itemtype="https://schema.org/ImageObject">
          <img alt="image showing car while still on the ground" itemprop="contentUrl" src="car-on-ground.jpg" />
        </div>
        <div itemprop="text">Raise the jack until the flat tire is just barely off of the ground.</div>
        <div itemprop="afterMedia" itemscope itemtype="https://schema.org/ImageObject">
          <img alt="image showing car raised by jack" itemprop="contentUrl" src="car-raised.jpg" />
        </div>
      </div>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToTip">
        <meta itemprop="position" content="2"/>
        <div itemprop="text">It doesn't need to be too high.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="3"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Remove the hubcap and loosen the lug nuts.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="4"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Remove the flat tire and put the spare tire on the exposed lug bolts.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="5"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Tighten the lug nuts by hand.</div>
      </div>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToTip">
        <meta itemprop="position" content="2"/>
        <div itemprop="text">Don't use the wrench just yet.</div>
      </div>
    </div>
  </div>
  <div itemprop="step" itemscope itemtype="https://schema.org/HowToSection">
    <div itemprop="name">Finishing up</div>
    <meta itemprop="position" content="3"/>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="1"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1">
        <div itemprop="text">Lower the jack and tighten the lug nuts with the wrench.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="2"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Replace the hubcap.</div>
      </div>
    </div>
    <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToStep">
      <meta itemprop="position" content="3"/>
      <div itemprop="itemListElement" itemscope itemtype="https://schema.org/HowToDirection">
        <meta itemprop="position" content="1"/>
        <div itemprop="text">Put the equipment and the flat tire away.</div>
      </div>
    </div>
  </div>
</div>

¿Es mejor usar JSON-LD o HTML para la semántica en SEO?

No es un secreto que ya cualquier blog, las webs digamos que son las caras visibles de las empresas más grandes utilizan WordPress, yo mismo es lo que utilizo a diario y hasta la fecha yo trabajo con JSON-LD que son bloques de código HTML que según el ejemplo anterior luciría así y son más fáciles de trabajar:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "Change a Flat Tire",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "USD",
    "value": "20"
  },
  "totalTime": "PT30M",
  "tool": [
    {
      "@type": "HowToTool",
      "name": "Spare tire"
    },
    {
      "@type": "HowToTool",
      "name": "Lug wrench",
      "image": "lug-wrench.jpg"
    },
    {
      "@type": "HowToTool",
      "name": "Jack"
    },
    {
      "@type": "HowToTool",
      "name": "Wheel wedges",
      "image": "wheel-wedges.jpg"
    }
  ],
  "supply": {
    "@type": "HowToSupply",
    "name": "Flares",
    "image": "flares.jpg"
  },
  "step": [
    {
      "@type": "HowToSection",
      "name": "Preparation",
      "position": "1",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "position": "1",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Turn on your hazard lights and set the flares."
            },
            {
              "@type": "HowToTip",
              "position": "2",
              "text": "You're going to need space and want to be visible."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "2",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Position your wheel wedges in front of the front tires if a rear tire is flat, or behind the rear tires if a front tire is flat"
            },
            {
              "@type": "HowToTip",
              "position": "2",
              "text": "You don't want the car to move while you're working on it."
            }
          ]
        }
      ]
    },
    {
      "@type": "HowToSection",
      "name": "Raise the car",
      "position": "2",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "position": "1",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "duringMedia": "position-jack.jpg",
              "text": "Position the jack underneath the car, next to the flat tire."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "2",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "beforeMedia": {
                  "@type": "ImageObject",
                  "contentUrl": "car-on-ground.jpg"
              },
              "afterMedia": {
                  "@type": "ImageObject",
                  "contentUrl": "car-raised.jpg"
              },
              "text": "Raise the jack until the flat tire is just barely off of the ground."
            },
            {
              "@type": "HowToTip",
              "position": "2",
              "text": "It doesn't need to be too high."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "3",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Remove the hubcap and loosen the lug nuts."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "4",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Remove the flat tire and put the spare tire on the exposed lug bolts."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "5",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Tighten the lug nuts by hand."
            },
            {
              "@type": "HowToTip",
              "position": "2",
              "text": "Don't use the wrench just yet."
            }
          ]
        }
      ]
    },
    {
      "@type": "HowToSection",
      "name": "Finishing up",
      "position": "3",
      "itemListElement": [
        {
          "@type": "HowToStep",
          "position": "1",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Lower the jack and tighten the lug nuts with the wrench."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "2",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Replace the hubcap."
            }
          ]
        },
        {
          "@type": "HowToStep",
          "position": "3",
          "itemListElement": [
            {
              "@type": "HowToDirection",
              "position": "1",
              "text": "Put the equipment and the flat tire away."
            }
          ]
        }
      ]
    }
  ]
}
</script>

¿Cómo trabajar el SEO Semántico correctamente?

Si quieres trabajar el SEO Semántico correctamente, te voy a decir lo que digo siempre, si tu contenido no es bueno, no vas a conseguir mucho pero, si lo es y trabajas bien su SEO semántico, surgirá la magia pero, además te voy a dar los siguientes consejos:

  1. Contextualiza tus keywords: Ya no se trata solo de repetir una y otra vez tus palabras clave en el contenido. Ahora, debes ir más allá. Utiliza sinónimos y palabras relacionadas para darle contexto a tus keywords. Esto ayudará a Google a entender mejor el tema de tu contenido y a mostrarlo a los usuarios que realmente están interesados en él. Recuerda, no se trata de abusar de las palabras clave, sino de darles sentido.
  2. Enriquécelo con datos estructurados: A los motores de búsqueda les encanta la información precisa y detallada. Así que, no te quedes solo en el texto, agrega datos estructurados a tu contenido. Esto le dará más relevancia y lo posicionará mejor. Utiliza etiquetas y marcadores para organizar y estandarizar la información. Así, los motores de búsqueda podrán entenderla más rápido y clasificarla correctamente.

Ventajas de la semántica en el posicionamiento web

Aplicar el SEO Semántico a tus proyectos o los de tus clientes, sin duda te dará mejores resultados, te lo digo yo, que uno de mis clientes incrementó su tráfico por 10 veces en 5 meses y tengo pruebas de ello pero, algunas de las ventajas que tiene usar esta técnica de optimización son:

  • Google podría usar la información de tu contenido para mostrarla en sus Knowledge Panels y rich snippets, todo ello porque considera que tu información es de valor para su Knowledge Graph.
  • Tu web aparecerá muchísimo más en las búsquedas, en otras palabras, obtendrás una mayor cantidad de impresiones en la búsqueda y todos sabemos que a medida que suben las impresiones, también suben los clics, sobre todo si trabajas el CTR de tu web.
  • En muchas ocasiones, cuando llegues a la parte de implementar los schemas a tus contenidos, te darás cuenta de que con los datos que estos te permiten ofrecer, tu contenido puede ser mejorado añadiendo más información sobre el tema o entidades de las que estás hablando.
  • Por último, mejor posicionamiento, más tráfico y si yo he podido multiplicar el tráfico que tengo en varios de mis proyectos y unos cuantos de clientes, tú también.

Ejemplo práctico de SEO Semántico

Por último quiero mostrarte un caso práctico de SEO Semántico definiendo y relacionando una entidad con otra, presta atención:

  • Supongamos que hacemos un artículo sobre Messi, que es un futbolista de lo más importante a nivel mundial y empresario y queremos indicar que tiene esposa y queremos vincularlo también a uno de sus negocios que es su Hotel MiM Mallorca. Hagámoslo con JSON-LD.
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@id": "https://example.com/#messi-information",
  "@type": "Person",
  "name": "Lionel Messi",
  "birthDate": "1987-06-24",
  "birthPlace": "Argentina, Rosario",
  "spouse":"Antonela Rocuzzo",
  "memberOf": [
  	{
    	"@type": "SportsTeam",
        "name": "Inter Miami CF"
    }
  ]
}
</script>
<script type="application/ld+json">
{
	"@id":"https://example.com/#messi-information",
    "@context": "https://schema.org",
    "@type": "Hotel",
    "name": "Hotel MIM Mallorca - Adults Only",
    "description": "Este elegante hotel solo para adultos se encuentra a un minuto a pie de la playa más cercana en el mar Balear, a 3 km del Safari Zoo, a 7 km de las cuevas del Drach y a 65 km del aeropuerto de Palma de Mallorca.",
    "address": {
        "@type": "PostalAddress",
        "addressCountry": "ES",
        "addressLocality": "Islas Baleares",
        "addressRegion": "Mallorca",
        "postalCode": "07687",
        "streetAddress": "Carrer Gregal, 22"
    },
    "telephone": "971 81 22 55",
    "image": "https://mimhotels.com/storage/imagenes/web/mimmallorca/gastronomia/terraza/terrazaGaleria/3xl/01-hotel-mim-mallorca-gastronomia.webp",
    "starRating": {
        "@type": "Rating",
        "ratingValue": "4.5"
    },
    "priceRange": "€80 - €1,006",
    "founder": "Lionel Messi"
}
</script>

Este sería un Schema complejo y no porque me ha llevado mi tiempo hacerlo, sino porque hay una relación entre Messi y su hotel, podría haber hecho otra relación con otro schema de tipo Person hablando de sus hermanos y su mujer pero, ya puedes ver como funciona el tema y posiblemente te haya explotado la cabeza con ideas para tus proyectos y clientes.

Si quieres ver otros ejemplos de SEO Semántico utilizando Schemas, puedes ver el siguiente vídeo:


Otros conceptos del Diccionario SEO