Datos estructurados para DataLife Engine

En este Tutoriales En Linea vamos a ver los datos estructurados para DataLife Engine. Es decir los Microdatos o los marcados de los Microdatos de schema.org exclusivamente para el sistema de gestión de contenido (CMS) de DataLife Engine (DLE), sin interferir con el código del motor, para las páginas principales e internas, así como para los comentarios y las páginas estáticas, en shortstory.tpl, fullstory.tpl, comments.tpl y archivos estáticos. tpl.

En general, es muy sencillo hacer los marcados de los Microdatos de schema.org en nuestro sitio web, basta con leerlo los Tutoriales En Linea de los Datos estructurados, pero para los usuarios que quieren ir al grano, les explicaremos brevemente cómo hacer un schema.org de microdatos en el Datalife Engine (DLE).

Los datos estructurados son código que puedes añadir a las páginas de un sitio web para describir su contenido y ayudar a que los buscadores comprendan mejor lo que contienen. Con esta información, los buscadores pueden mostrar el contenido de forma más útil y llamativa en los resultados de búsqueda, lo que a su vez puede ayudarte a atraer al tipo de clientes adecuado a tu empresa o sitio web.

Imagen en la que se muestra el resultado de búsqueda mejorado del sitio web de Tutoriales En Linea.

Microdatos de schema.org para las noticias o artículos cortos para DLE

Para comenzar, con el archivo shortstory.tpl, aquí marcamos los encabezados de la página principal (BlogPosting o Article), una breve descripción (description), image categoría (articleSection), fecha de publicación (datePublished) y autor (author).

Primero, marcamos el contenido del archivo shortstory.tpl con el esquema del marcado siguiente:

<div class="post" itemscope itemtype="http://schema.org/BlogPosting">
<meta itemprop="mainEntityOfPage" content="True" />

(es decir, al principio, inserte esta línea y al final ciérrela </div> ).

Yo personalmente utilizo en este sitio web "Tutoriales En Linea":

<article class="post" itemscope itemtype="https://schema.org/Article">
<meta itemprop="mainEntityOfPage" content="True" />

(es decir, al principio, inserte esta línea y al final ciérrela </article> ).

Para los dos anteriores ejemplo tenemos que utilizar los siguientes Microdatos:

Junto a la anterior etiqueta de los microdatos sin interferir con el código del motor, buscamos el titulo de nuestro articulo, post o noticia agregamos itemprop="headline", es decir, debería funcionar así:

<h2 itemprop="headline"><a itemprop="mainEntityOfPage" href="{full-link}" alt="{title}">{title}</a></h2>
o
<h2 itemprop="headline">[full-link] {title} [/full-link]</a></h2>

En la descripción añadir un itemprop="description", que debería ser algo como esto:

<div itemprop="description">{short-story limit="350"}</div>

Para nuestras imágenes itemprop="image":

<img itemprop="image" class="lazy-loaded " alt="{title}" src="{image-1}">

Lo anterior fue reemplazado por:

<div itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject">
<img src="LA URL DE LA IMAGEN">
<meta itemprop="url" content="LA URL DE LA IMAGEN">
<meta itemprop="width" content="1200">
<meta itemprop="height" content="800">
</div>

Luego agregamos a la etiqueta de las categorías {link-category} el itemprop="articleSection"quedaría así:

<span itemprop="articleSection">{link-category}</span>

También necesitamos un microdato para el autor:

<li>Autor: <span itemprop="author">{author}</span></li>

Para la fecha itemprop="datePublished", publicación o publicado:

<li><span itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
    <ul itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
      <img class="lazy" data-src="/uploads/logo.webp" alt="Tutoriales En Linea"/>
      <meta itemprop="url" content="https://tutorialesenlinea.es">
      <meta itemprop="width" content="250">
      <meta itemprop="height" content="60">
    </ul>
    <meta itemprop="name" content="Tutoriales En Linea"></span>
</li>
<li>Fecha:<span itemprop="datePublished">{date=Y-m-d}</span><span itemprop="dateModified">{date=Y-m-d}</span></li>

Entonces nuestro articulo corto quedaría así:

<article class="post" itemscope itemtype="https://schema.org/Article">
<meta itemprop="mainEntityOfPage" content="True" />
<h2 itemprop="headline"><a href="{full-link}" alt="{title}">{title}</a></h2>
<img class="lazy-loaded " alt="{title}" src="{image-1}" itemprop="image">
<div itemprop="description">{short-story limit="250"}...</div>
<span itemprop="articleSection">{link-category}</span>
<li>Autor: <span itemprop="author">{author}</span></li>
<li><span itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
    <ul itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
      <img class="lazy" data-src="/uploads/logo.webp" alt="Tutoriales En Linea"/>
      <meta itemprop="url" content="https://tutorialesenlinea.net">
      <meta itemprop="width" content="250">
      <meta itemprop="height" content="60">
    </ul>
    <meta itemprop="name" content="Tutoriales En Linea"></span>
</li>
<li>Fecha:<span itemprop="datePublished">2019 - 09 - 07</span><span itemprop="dateModified">2019 - 09 - 07</span></li>

Si te da algún error probar con esto añadiendolo:

<time class="published" datetime="{date}" itemprop="datePublished"></time>
<time class="meta-date-modified updated" datetime="{date}" itemprop="dateModified"></time>        
<div  itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Tutoriales En Linea">
</div>
<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
<div  itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<meta itemprop="url" content="https://tutorialesenlinea.es/uploads/logo.png?fit=242%2C60&amp;ssl=1">
<meta itemprop="width" content="242">
<meta itemprop="height" content="60">
</div>
<meta itemprop="name" content="Tutoriales En Linea">
</div>

Para comprobar que el marcado es correcto debemos ir a la Herramienta de pruebas de datos estructurados de Google.

Microdatos para las noticias o artículos completos para DLE

Ahora vayamos al archivo fullstory.tpl, necesita envolverlo de la misma manera que shortstory.tpl solo al comienzo para insertar:

<article class="post" itemscope itemtype="https://schema.org/Article">
<meta itemprop="mainEntityOfPage" content="True" />

Luego buscamos el titulo del articulo, post, noticia o tutorial e insertamos:

<h2 itemprop="headline"><a itemprop="mainEntityOfPage" href="{full-link}" alt="{title}">{title}</a></h2>
o
<h2 itemprop="headline">[full-link] {title} [/full-link]}</a></h2>

Ahora buscamos la etiqueta {full-story} y agregamos itemprop="articleBody":

<div itemprop="articleBody"> {full-story}</div>

Creo que entendiste el punto y no tiene sentido decir cómo agregar un microdato en el autor, imagen, categorías, la fecha y publicación o publicado. Para el mismo significado que el shortstory.tpl, marque {datePublished}, {autor} y demás microdatos.

Microdatos schema.org para comentarios del DLE

Puedes marcar y comentar, para hacer esto, envuelve el archivo comments.tpl de esta manera:

<div class="comment" id="{comment-id}" itemscope itemtype="http://schema.org/CommentAction">

Buscamos la etiqueta autor y agregamos:

<span class="name" itemprop="agent">{author}</span>

Luego la fecha:

<span itemprop="endTime">{date=Y-m-d}</span>

El texto del comentario debería ser:

<div itemprop="description" class="text">{comment}</div>

Entonces nuestros comentarios para nuestro tutoriales completos quedaría así:

<div class="comment" id="{comment-id}" itemscope itemtype="http://schema.org/CommentAction">
<span class="name" itemprop="agent">{author}</span>
<span itemprop="endTime">{date=Y-m-d}</span>
<div itemprop="description" class="text">{comment}</div>

Microdatos para las paginas estáticas del DLE

En las páginas estáticas marqué dos etiquetas {description} y {static} en el archivo static.tpl, es el mismo principio que la noticia completa. La primera etiqueta está marcada como el nombre de la página y la segunda como el texto o la descripción de la página.

<h1 class="title" itemprop="headline">{description}</h1

 <div itemprop="articleBody"> {static}</div>

Nota: luego debemos agregar los demas Microdatos, autor, fecha y demas...

Eso es probablemente todo, como puedes ver, no hay nada difícil en esto. Puede verificar los microdatos con el validador de Google y Yandex (este ultimo tiene otros parametros). Y para ver lo que necesita marcar y lo que le gustaría dejar sin marcas. Lo hice de esta manera, si no está satisfecho con tal marca o si conoce la mejor manera, escríbalo en los comentarios.

Y para comprobar que los datos estructurados funciona correctamente hemos escogido el siguiente ejemplo: Tutoriales En Linea - "Lo que más molesta a tus usuarios según Google"