{"id":67,"date":"2014-11-13T11:51:44","date_gmt":"2014-11-13T10:51:44","guid":{"rendered":"http:\/\/tecnologiasweb.jsenso.es\/?p=67"},"modified":"2014-11-13T11:51:44","modified_gmt":"2014-11-13T10:51:44","slug":"como-incluir-microdatos-en-drupal-ii","status":"publish","type":"post","link":"https:\/\/blogs.ugr.es\/tecweb\/como-incluir-microdatos-en-drupal-ii\/","title":{"rendered":"C\u00f3mo incluir microdatos en Drupal (II)"},"content":{"rendered":"<p>Dando por hecho que Drupal 7 <a href=\"http:\/\/www.marysalento.com\/drupal-7-espanol\/\" target=\"_blank\">ya est\u00e1 instalado<\/a> ;-), lo que necesitamos es contar con el m\u00f3dulo microdata. Se encuentra aqu\u00ed: &lt;<a href=\"http:\/\/drupal.org\/project\/microdata\" target=\"_blank\">http:\/\/drupal.org\/project\/microdata<\/a>&gt;, y la versi\u00f3n con la que vamos a trabajar para hacer esta explicaci\u00f3n es la <a href=\"http:\/\/drupal.org\/node\/1177288\/release\" target=\"_blank\">7.x-1.0-beta2<\/a>. Se instala de manera muy sencilla (m\u00f3dulos-&gt;instalar nuevos m\u00f3dulos):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-463\" src=\"https:\/\/blogs.ugr.es\/tecweb\/wp-content\/uploads\/sites\/55\/2018\/10\/microdata1.gif\" alt=\"microdata1\" width=\"518\" height=\"243\" \/><\/p>\n<p>Es posible que tengamos que instalar alg\u00fan que otro m\u00f3dulo que no tengamos en nuestro Drupal, ya que microdata tiene dependencias con <a href=\"http:\/\/drupal.org\/project\/ctools\" target=\"_blank\">Ctools<\/a> y de <a href=\"http:\/\/drupal.org\/project\/entity\" target=\"_blank\">EntityAPI<\/a>.<\/p>\n<p>Una vez instalado s\u00f3lo tenemos que volver al listado de m\u00f3dulos y activarlo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-464\" src=\"https:\/\/blogs.ugr.es\/tecweb\/wp-content\/uploads\/sites\/55\/2018\/10\/microdata2.gif\" alt=\"microdata2\" width=\"1015\" height=\"147\" \/><\/p>\n<p>A continuaci\u00f3n vamos a crear la estructura donde se incluir\u00e1n los datos. Estableciendo un paralelismo con las bases de datos, lo que toca hacer ahora es definir el nombre de los campos de la base de datos para, despu\u00e9s, alimentarla. En esencia lo que haremos ser\u00e1 definir los campos que tendr\u00e1 el formulario de introducci\u00f3n de datos y equiparar cada uno de esos campos con las propiedades establecidas en Schema.org. Recordemos que queremos hacer la ficha de una pel\u00edcula a partir de los datos que tenemos <a href=\"http:\/\/schema.org\/Movie\" target=\"_blank\">aqu\u00ed<\/a>.<\/p>\n<p>El primer paso es crear un nuevo tipo de contenido, que llamaremos pel\u00edcula. Para eso hay que ir a estructura-&gt;tipos de contenido-&gt;a\u00f1adir tipo de contenido. All\u00ed, como nombre pondremos \u00abPel\u00edcula\u00bb y como etiqueta del campo de t\u00edtulo pondremos \u00abname\u00bb. Podemos desactivar la propiedad de \u00abmostrar informaci\u00f3n de autor y fecha\u00bb y, lo m\u00e1s importante, en la pesta\u00f1a \u00abmicrodata settings\u00bb especificar que el \u00abitem type\u00bb ser\u00e1: <a href=\"http:\/\/schema.org\/Movie\" target=\"_blank\">http:\/\/schema.org\/Movie<\/a> (si lo has hecho todo correcto hasta aqu\u00ed, conforme empieces a escribir aparecer\u00e1 un men\u00fa desplegable con las opciones de schema.ogr), y en itemprops ponemos \u00abname\u00bb:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-466\" src=\"https:\/\/blogs.ugr.es\/tecweb\/wp-content\/uploads\/sites\/55\/2018\/10\/microdata3.gif\" alt=\"microdata3\" width=\"1164\" height=\"668\" \/><\/p>\n<p>En el siguiente paso, despu\u00e9s de guardar, hay que a\u00f1adir los campos que deseamos que tenga ese tipo de contenido, equipar\u00e1ndolos con sus respectivas etiquetas en schema.org. Por ejemplo, despu\u00e9s de a\u00f1adir el campo Director, accederemos a la plantilla en la que tenemos que equiparar nuestra etiqueta director con la propiedad director de schema.org:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-467\" src=\"https:\/\/blogs.ugr.es\/tecweb\/wp-content\/uploads\/sites\/55\/2018\/10\/micro02-1.gif\" alt=\"micro02\" width=\"465\" height=\"213\" \/><\/p>\n<p>de esta forma, ponemos los campos cartel (image en schema.org), Director (director), Fecha (datePublished), Actores (actors) y M\u00fasica (musicby):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-468\" src=\"https:\/\/blogs.ugr.es\/tecweb\/wp-content\/uploads\/sites\/55\/2018\/10\/micro03-1.gif\" alt=\"micro03\" width=\"1029\" height=\"403\" \/><\/p>\n<p>Y ya podemos introducir los datos de nuestra primera pel\u00edcula. Vamos a \u00aba\u00f1adir contenido\u00bb, seleccionamos \u00abPel\u00edcula\u00bb y completamos los datos del primer film:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-469\" src=\"https:\/\/blogs.ugr.es\/tecweb\/wp-content\/uploads\/sites\/55\/2018\/10\/micro04.gif\" alt=\"micro04\" width=\"327\" height=\"657\" \/><\/p>\n<p>\u00bfY c\u00f3mo sabemos que realmente esto tiene microdatos que Google, u otros sistemas de b\u00fasqueda, pueden reconocer, interpretar y procesar?. Para eso existen algunas herramientas que permiten visualizar los microdatos embebidos en las p\u00e1ginas html. Entre los m\u00e1s conocidos est\u00e1 <a href=\"http:\/\/www.google.com\/webmasters\/tools\/richsnippets?hl=es\" target=\"_blank\">Google Structured Data Testing Tool<\/a> que, despu\u00e9s de introducir una URL, nos muestra los microdatos que se \u00abocultan\u00bb tras esa p\u00e1gina. Si le ponemos la direcci\u00f3n de nuestro cartel, y le pedimos que haga una vista previa, el resultado ser\u00eda:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-470\" src=\"https:\/\/blogs.ugr.es\/tecweb\/wp-content\/uploads\/sites\/55\/2018\/10\/micro05.gif\" alt=\"micro05\" width=\"593\" height=\"209\" \/><\/p>\n<p>De esta manera tan sencilla hemos logrado aportar estructuraci\u00f3n al contenido de nuestra p\u00e1gina, facilitando el proceso de identificaci\u00f3n de datos y de su recuperaci\u00f3n posterior. Igual que se ha realizado el proceso con una pel\u00edcula, se puede hacer con un centenar de objetos diferentes (libros, cap\u00edtulos de libros, nuestro curr\u00edculum&#8230;) aumentando la visibilidad del sitio web.<\/p>\n<p>La introducci\u00f3n de microdatos en drupal tambi\u00e9n se puede hacer a nivel de tema (apariencia) -pero es mucho m\u00e1s complejo- o incluso modificando los campos de los tipos de contenido que ya incluye por defecto el CMS (art\u00edculo, entrada de blog, libro).<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dando por hecho que Drupal 7 ya est\u00e1 instalado ;-), lo que necesitamos es contar con el m\u00f3dulo microdata. Se encuentra aqu\u00ed: &lt;http:\/\/drupal.org\/project\/microdata&gt;, y la versi\u00f3n con la que vamos a trabajar para hacer esta explicaci\u00f3n es la 7.x-1.0-beta2. Se instala de manera muy sencilla (m\u00f3dulos-&gt;instalar nuevos m\u00f3dulos): Es posible que tengamos que instalar alg\u00fan [&hellip;]<\/p>\n","protected":false},"author":65,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[9,15,21,11],"tags":[28,25,35],"class_list":{"0":"post-67","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-claves-para-el-posicionamiento","7":"category-la-web-semantica","8":"category-la-word-wide-web","9":"category-posicionamiento-seo","10":"tag-cms","11":"tag-drupal","12":"tag-microdatos","13":"entry"},"_links":{"self":[{"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/posts\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":0,"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/posts\/67\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/media?parent=67"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/categories?post=67"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/tags?post=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}