{"id":1335,"date":"2016-10-05T16:25:25","date_gmt":"2016-10-05T21:25:25","guid":{"rendered":"https:\/\/e-lexia.com\/blog\/?p=1335"},"modified":"2024-11-01T11:39:37","modified_gmt":"2024-11-01T16:39:37","slug":"corregir-microformatos-hentry","status":"publish","type":"post","link":"https:\/\/e-lexia.com\/blog\/corregir-microformatos-hentry\/","title":{"rendered":"Corregir microformatos HENTRY"},"content":{"rendered":"<p>Revisando la consola de b\u00fasqueda de Google Webmaster Tools encontr\u00e9 que mi blog presentaba 123 errores en el marcado sem\u00e1ntico de microformatos HENTRY. <\/p>\n<p>Inmediatamente me di a la tarea de buscar qu\u00e9 significaba esto y c\u00f3mo podr\u00eda solucionarlo. Aqu\u00ed est\u00e1 la respuesta:<\/p>\n<p><!-- Google Adsense --><\/p>\n<div class=\"adsense\">\n  <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-7923590131153633\" crossorigin=\"anonymous\"><\/script><br \/>\n  <ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-7923590131153633\" data-ad-slot=\"5345374831\"><\/ins><br \/>\n  <script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>\n<\/div>\n<h2>\u00bfQu\u00e9 son los microformatos?<\/h2>\n<p>Desde los inicios de la web siempre ha existido el prop\u00f3sito de crear contenidos con un alto componente sem\u00e1ntico, es decir, recursos digitales ampliamente identificados que respondan a los intereses y comportamientos de los usuarios.<\/p>\n<p>Con esta intenci\u00f3n naci\u00f3 HTML, un lenguaje que <strong>marca con significado<\/strong> cada elemento de un p\u00e1gina web. Para lograr esto existe una etiqueta para definir una imagen, otra para marcar un p\u00e1rrafo y una para estructurar una tabla. La lista de etiquetas es amplia y es posible que aumente en pr\u00f3ximas versiones del lenguaje.<\/p>\n<p>Por su parte, los microformatos son -en t\u00e9rminos sencillos- par\u00e1metros de etiquetas que ayudan a precisar la informaci\u00f3n del elemento.<\/p>\n<p>Por ejemplo: un p\u00e1rrafo puede marcar el nombre de una persona, la fecha de publicaci\u00f3n de un art\u00edculo o el g\u00e9nero de un libro. Pero, como p\u00e1rrafos HTML, los tres elementos son iguales. Sin embargo, con los microformatos se puede precisar qu\u00e9 significa cada uno de ellos.<\/p>\n<p>El objetivo de los microformatos es facilitar el proceso de <a href=\"https:\/\/e-lexia.com\/diccionario-tic\/indexacion-web\/\" rel=\"noopener\" target=\"_blank\">indexaci\u00f3n<\/a> del recurso y mejorar los resultados b\u00fasqueda. Ello redunda en la experiencia del usuario y la visibilidad de los generadores de contenido.<\/p>\n<h2>El error en Google Webmaster<\/h2>\n<p>Hay que aclarar que Google Webmaster Tool es una herramienta que permite a los creadores de contenido y a los administradores de espacios electr\u00f3nicos ejercer vigilancia permanente sobre la integridad y disponibilidad de los sitios web.<\/p>\n<p>Una de las opciones que ofrece este servicio es la validaci\u00f3n de los microformatos (o &#8216;datos estructurados&#8217;).<\/p>\n<p>Como mencion\u00e9 al inicio, en una revisi\u00f3n a mi blog encontr\u00e9 que 123 art\u00edculos ten\u00edan perdidos los datos de autor, t\u00edtulo y fecha de actualizaci\u00f3n. As\u00ed entonces, mis publicaciones estaban hu\u00e9rfanas, sin nombre y fecha de nacimiento. \u00a1Oh, gran problema!<\/p>\n<h2>La soluci\u00f3n<\/h2>\n<p>Revisando en varios foros sobre WordPress (pues mi blog est\u00e1 soportado en esta herramienta) encontr\u00e9 una soluci\u00f3n: editar el archivo <code>single.php<\/code>, que es donde se definen los datos espec\u00edficos de cada art\u00edculo.<\/p>\n<p>Cada plantilla trae su propio archivo <code>single.php<\/code> lo que supone que el error no es de WordPress sino del desarrollador de la plantilla. Sin embargo, para plantillas gratuitas no deber\u00edamos quejarnos&#8230; as\u00ed es el filosof\u00eda libre. Y siguiendo esa misma filosof\u00eda, escribo esta entrada.<\/p>\n<p>El archivo en menci\u00f3n se encuentra en:<\/p>\n<pre>wp-content\/themes\/\"carpeta-de-la-plantilla\"<\/pre>\n<p>Una vez abierto en un editor de c\u00f3digo se realizan los siguientes cambios:<\/p>\n<h3>Microformato updated<\/h3>\n<p>Buscar el selector <a href=\"https:\/\/e-lexia.com\/diccionario-tic\/css\/\" rel=\"noopener\" target=\"_blank\">CSS<\/a> <code>\"post-date\"<\/code> y agregar el selector <code>updated<\/code>.<\/p>\n<p>El marcado puede variar entre cada plantilla. En mi caso, el c\u00f3digo era:<\/p>\n<pre>&lt;li class=\"post-date\"&gt;<\/pre>\n<p>Con el ajuste qued\u00f3 as\u00ed:<\/p>\n<pre>&lt;li class=\"post-date updated\"&gt;<\/pre>\n<p><!-- ASESOR COMUNICATIVO --><\/p>\n<div class=\"destacado-asesor\">\n<div class=\"destacado-asesor__imagen\">\n    <a href=\"https:\/\/e-lexia.com\/contacto.html\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/e-lexia.com\/blog\/wp-content\/uploads\/2023\/01\/asesor-comunicativo-juancadotcom.png\" alt=\"Juan Carlos Morales S., asesor en comunicaci\u00f3n digital\"><br \/>\n    <\/a>\n   <\/div>\n<div class=\"destacado-asesor__desc\">\n<h2><a href=\"https:\/\/e-lexia.com\/contacto.html\">\u00bfNecesitas asesor\u00eda en comunicaci\u00f3n digital?<\/a><\/h2>\n<p>Dise\u00f1a y optimiza tus proyectos en comunicaci\u00f3n digital, entregando una mejor experiencia a tus usuarios y potenciando el valor de tu marca.<br \/>\n      <a class=\"cta-asesor\" href=\"https:\/\/e-lexia.com\/contacto.html\">Conversemos<\/a>\n     <\/p>\n<\/p><\/div>\n<\/div>\n<h3>Microformato entry-title<\/h3>\n<p>En el mismo documento <code>single.php<\/code> se ubica el selector <code>post-title<\/code> y se agrega <code>entry-title<\/code>.<\/p>\n<p>El marcado original de mi plantilla era:<\/p>\n<pre>&lt;h1 class=\"post-title\"&gt;<\/pre>\n<p>Y qued\u00f3:<\/p>\n<pre>&lt;h1 class=\"post-title entry-title\"&gt;<\/pre>\n<h3>Microformato author<\/h3>\n<p>Este \u00faltimo -para mi caso- fue algo complejo, pues la soluci\u00f3n exigi\u00f3 anexar varios par\u00e1metros.<\/p>\n<p>El c\u00f3digo necesario fue:<\/p>\n<pre>\r\n&lt;span class=\"vcard author post-author\"&gt;\r\n  &lt;span class=\"fn\"&gt;\r\n    &lt;?php the_author(); ?&gt;\r\n  &lt;\/span&gt;\r\n&lt;\/span&gt;\r\n<\/pre>\n<p>Este lo asign\u00e9 justo despu\u00e9s del cierre del <code>h1<\/code> del t\u00edtulo de la entrada.<\/p>\n<h3>Video explicaci\u00f3n<\/h3>\n<p>En el siguiente video se complementa la informaci\u00f3n anterior:<\/p>\n<div class=\"marco-yt\">\n<div class=\"video-yt\">\n<iframe loading=\"lazy\" title=\"CORREGIR MICRODATOS HENTRY | e-Lexia.com\" width=\"774\" height=\"435\" src=\"https:\/\/www.youtube.com\/embed\/tg3GxdfZXlk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<p class=\"youtube-video\"><img decoding=\"async\" src=\"https:\/\/e-lexia.com\/blog\/wp-content\/logo-youtube.png\">En el <a href=\"https:\/\/www.youtube.com\/@e-lexia?sub_confirmation=1\" target=\"_blank\" rel=\"noopener\">canal YouTube \u00abe-Lexia.com\u00bb<\/a> puedes encontrar m\u00e1s videos sobre el tema.<\/p>\n<p>\u00bfLograste dar soluci\u00f3n? \u00bfMejor\u00f3 tu indexaci\u00f3n? Cu\u00e9ntame en los comentarios<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Revisando la consola de b\u00fasqueda de Google Webmaster Tools encontr\u00e9 que mi blog presentaba 123 errores en el marcado sem\u00e1ntico de microformatos HENTRY. Inmediatamente me di a la tarea de buscar qu\u00e9 significaba esto y c\u00f3mo podr\u00eda solucionarlo. Aqu\u00ed est\u00e1 la respuesta: \u00bfQu\u00e9 son los microformatos? Desde los inicios de&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1560,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[65,44],"class_list":["post-1335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-produccion-web","tag-codigo","tag-seo","has-post-thumbnail-archive"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts\/1335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/comments?post=1335"}],"version-history":[{"count":0,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts\/1335\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/media\/1560"}],"wp:attachment":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/media?parent=1335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/categories?post=1335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/tags?post=1335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}