Mostrando las entradas con la etiqueta description. Mostrar todas las entradas
Mostrando las entradas con la etiqueta description. Mostrar todas las entradas

sábado, 14 de febrero de 2015

Action Microdatos SchemaOrg

Microdatos Schema.org -- Action



     Vamos a pasar ahora a Action (Acción). Para empezar, la misma palabra lo dice (Ingles) es para representar una Acción, también puede ser un Verbo en pasado, presente, futuro o cualquier modalidad que le desees dar.
Action tiene algunos elementos principales, los vamos a ver mas adelante, primero vamos a ver los Elementos de Thing que se convierten automáticamente en Elementos de Action, ¿Que significa esto? - Que todos los elementos de Thing se pueden representar dentro de Action SIN mencionar que vas a hablar de Thing. Vamos a ver un ejemplo básico con todos los elementos de Thing (Menos additionalType que ya vimos el ¿Porque? "http://estudiando-microdatos-schema.blogspot.mx/2015/02/thing-additionaltype-microdatos-schemaorg.html"):

<div itemprop="potentialAction" itemscope itemtype="http://schema.org/Action" id="estudiar">
     <span itemprop="alternateName">Educarse</span>
     <span itemprop="description">Nutrirse de Conocimientos</span>
     <div itemprop="image" itemscope itemtype="http://schema.org/URL">
          <span itemprop="image">www.educacion.org/estudiar.html?estudiar.jpg</span> <!-- Url Imaginaria -->
     </div>
     <span itemprop="name">Estudiar</span>
     <div itemprop="potentialAction" itemscope itemtype="http://schema.org/Action" itemref="estudiar">
          <span itemprop="name">Aprender</span>
     </div>
     <sapn itemprop="sameAs">www.eduacion.org/estudiar.html</span> <!-- Url Oficial Imaginaria de Estudiar -->
     <span itemprop="url">www.educarme.com/estudiar.php</span> <!-- Url de Referencia Imaginaria -->
</div>

Fíjate en lo que está en Anaranjado y Rosado, es igual que Thing, pero, en vez de hacer referencia a la página de Thing, hacemos referencia a la página de Action. Es debido a lo que mencioné mas arriba de este post (línea Azul).
Otra controversia de Action es la de potentialAction (línea Rosada), como vez, tienes que mencionarla como una referencia hacia la misma página que estás mencionando (Action), ¿que raro verdad?, ¿cómo tienes que mencionar Dos veces que estas hablando de una misma Acción?, pero en fin, así lo marca las Normas de Schema.org y pues ni modo, es la forma que se tiene que hacer para que funcione. Nota también que en <div> (Anaranjado) tienes que implementar itemprop="potentialAction", id="estudiar" (Identificador de <div>, puede ser cualquier nombre que le dés) he itemref="estudiar" (Nombre que le dés al <div> "Anaranjado") en el <div> "Rosado" para hacer Referencia al <div> (Anaranjado). Mucho para algo tan sencillo, pero en bueno.

Gracias por tu tiempo.

P.d. Voy a tratar de ir un poco mas rápido para que lo mas pronto posible, sepas incluir Microdatos Schema en tus Proyectos.


sábado, 7 de febrero de 2015

Análisis del Microdato Thing - description

Microdatos Schema.org -- Thing - description


Este microdato se refiere cuando quieres dar una descripción sobre la Cosa que estás representado, vamos a ver unos ejemplos utilizando el elemento anterior que se vió (alternateName):

1.- Esto se puede utilizar en html cualquier versión, en un blog, publicidad web, etc.:

<div itemscope itemtype="http://schema.org/Thing">
     <span itemprop="alternateName">Cucho</span>
     <span itemprop="description">Animal de cuatro patas que hace guau guauu</span>
</div>
Con esto le dices a los buscadores que estás representado a una Cosa que su nombre alternativo es "Chucho" y que la descripción de Chucho es "Animal de cuatro patas que hace guau guauu". Es fácil una vez aprendiendo el sistema de representar cosas.

2.- Al querer representar cosas en HTML 5 cambia un poco las etiquetas:

<article itemscope itemtype="http://schema.org/Thing">
     <span itemprop="alternateName">Cucho</span>
     <span itemprop="description">Animal de cuatro patas que hace guau guauu</span>
</article>

También se pueden utilizar en cualquier etiqueta HTML 5, es el mismo procedimiento.

Gracias de nuevo por tu tiempo.