{"id":8429,"date":"2020-01-24T07:02:09","date_gmt":"2020-01-24T06:02:09","guid":{"rendered":"https:\/\/www.4webs.es\/blog\/?p=8429"},"modified":"2020-09-07T12:42:55","modified_gmt":"2020-09-07T11:42:55","slug":"los-secretos-la-maquetacion-semantica-html5","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5","title":{"rendered":"Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p>Las nuevas versiones de HTML5 se han consolidado como un avance muy importante, en lo que a la construcci\u00f3n de p\u00e1ginas Web se refiere. Desde que se comenzara a operar con HTML5, integramos muchas caracter\u00edsticas \u00fatiles y funcionales. Entre sus ventajas m\u00e1s conocidas, la gesti\u00f3n y control de objetos multimedia, las animaciones y el desarrollo de gr\u00e1ficos. Todo ello de forma r\u00e1pida y sencilla. En <a href=\"https:\/\/www.4webs.es\">dise\u00f1o web<\/a> una de las caracter\u00edsticas y novedades que tiene el HTML5, es una que est\u00e1 suponiendo un important\u00edsimo avance: lo que se denomina <strong>maquetaci\u00f3n sem\u00e1ntica<\/strong>.<\/p>\n<h2>\u00bfEn qu\u00e9 consiste HTML5 sem\u00e1ntico?<\/h2>\n<p>Para acercarnos a este concepto, hay que recordar que las <a href=\"https:\/\/www.4webs.es\/blog\/usar-etiquetas-meta-para-optimizar-el-posicionamiento\">etiquetas HTML<\/a> se usan, sobre todo, para dar un formato eficaz al contenido. Sirven para indicar el camino a los navegadores, en su labor de mostrar el contenido de las p\u00e1ginas. Es precisamente en este \u00e1mbito donde se desarrolla el HTML5. Se trata de la <strong>definici\u00f3n de etiquetas espec\u00edficas, que aporten informaci\u00f3n sobre el papel de su contenido<\/strong>. Estos datos servir\u00edan, en un momento posterior, para que los grandes rastreadores de la red (el caso de Google), analicen el contenido m\u00e1s importante, el subsidiario, etc. Estas etiquetas llamadas sem\u00e1nticas servir\u00edan, de esta forma, como informaci\u00f3n extra para que los motores de los buscadores comprendan la importancia de las distintas partes en que se divide una Web. De esta forma, se prioriza el contenido.<\/p>\n<h3>La incidencia en el SEO<\/h3>\n<p>Aunque la importancia del uso de HTML5 es grande, eso no quiere decir que sea decisiva, desde el punto de vista SEO. Los resultados generados por el SEO, son la acumulaci\u00f3n de muchos peque\u00f1os detalles. Por ejemplo, el <a href=\"https:\/\/www.4webs.es\/blog\/amp-html-posicionamiento-seo-para-movil\">HTML en el posicionamiento SEO para m\u00f3vil<\/a> para que pueda mejorar la velocidad de carga en este tipo de dispositivos y por tanto posicionar aquellas p\u00e1ginas que carguen r\u00e1pido en los primeros puestos de los motores de b\u00fasqueda.<\/p>\n<h3>Las etiquetas sem\u00e1nticas HTML5<\/h3>\n<p>Con un <strong>buen etiquetado a base de &lt;div&gt;, se puede estructurar correctamente un documento y separarlo en bloques l\u00f3gicos<\/strong>. Un problema a\u00f1adido m\u00e1s importante, es la distinci\u00f3n entre el tipo de contenido de que se trate. \u00bfC\u00f3mo resuelve HTML5 este problema? Entre otros m\u00e9todos, con la implantaci\u00f3n de nuevas etiquetas. Aunque en apariencia estas etiquetas se comportan de forma similar al cl\u00e1sico &lt;div&gt;, tambi\u00e9n ofrecen informaci\u00f3n suplementaria sobre el significado y\/o importancia de lo que contienen. Y adem\u00e1s hacen posible que los documentos se estructuren de una forma m\u00e1s n\u00edtida. En su construcci\u00f3n y cuando llega el momento del an\u00e1lisis.<\/p>\n<figure id=\"attachment_8431\" aria-describedby=\"caption-attachment-8431\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8431\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/10\/maquetacion-html5-semantica.jpg\" alt=\"\" width=\"750\" height=\"542\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/10\/maquetacion-html5-semantica.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/10\/maquetacion-html5-semantica-300x217.jpg 300w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/10\/maquetacion-html5-semantica-581x420.jpg 581w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-8431\" class=\"wp-caption-text\">Ejemplo de una web con maquetaci\u00f3n HTML5 sem\u00e1ntica. Cr\u00e9dito de la imagen: Kalicube<\/figcaption><\/figure>\n<h4>Las etiquetas m\u00e1s importantes de HTML5<\/h4>\n<ul>\n<li><strong>&lt;article&gt;\u00a0<\/strong>La finalidad de esta etiqueta es la marca de un art\u00edculo. Hay que tener en cuenta que, normalmente, se tratar\u00e1 de un texto que se puede leer con independencia del resto del contenido de la p\u00e1gina en cuesti\u00f3n.<\/li>\n<li><strong>&lt;aside&gt;\u00a0<\/strong>Lo que hace &lt;aside&gt; es marcar un elemento como accesorio del contenido principal de la p\u00e1gina. Como ejemplos, est\u00e1n el de los comentarios que realicen los usuarios, una barra lateral, y muchos otros.<\/li>\n<li><strong>&lt;header&gt;\u00a0<\/strong>La etiqueta &lt;header&gt; es muy pr\u00e1ctica para ofrecer informaci\u00f3n sobre el encabezado del elemento que lo contiene. Aunque se utiliza mucho como introducci\u00f3n, esta etiqueta no necesariamente ser\u00e1 una sola en la Web. Es decir, pueden existir etiquetas &lt;header&gt; para un art\u00edculo concreto, para un texto, para una columna en el lateral de la Web, etc.<\/li>\n<li><strong>&lt;main&gt;\u00a0<\/strong>El contenido de la etiqueta &lt;main&gt; suele ser el objeto principal del documento. Se diferencia de otras etiquetas (como hemos visto en &lt;header&gt;), que &lt;main&gt; s\u00ed debe ser \u00fanica en la p\u00e1gina. Entre cosas, porque de otro modo perder\u00eda todo su significado. Es de sentido com\u00fan que, en un mismo documento, no puede haber diferentes contenidos principales.<\/li>\n<li><strong>&lt;figure&gt; y &lt;figurecaption&gt;\u00a0<\/strong>Esta etiqueta, &lt;figure&gt;, indica que su contenido es una imagen concreta. Puede ser un gr\u00e1fico, una fotograf\u00eda, una figura, etc. Por su parte, &lt;Figurecaption&gt; normalmente va asociada al texto explicativo que acompa\u00f1a las im\u00e1genes. El mejor ejemplo es el de un pie de foto.<\/li>\n<li><strong>&lt;nav&gt;\u00a0<\/strong>&lt;nav&gt; es la nueva etiqueta que se usa para indicar bloques de links de navegaci\u00f3n. Es frecuente, por ejemplo, en el caso de las barras de navegaci\u00f3n. La etiqueta &lt;nav&gt; no se debe usar con la totalidad de link que integre la Web, sino \u00fanicamente para bloques de links.<\/li>\n<li><strong>&lt;section&gt;\u00a0<\/strong>Con ella, como su propio nombre indica, se define una secci\u00f3n determinada, de un documento.<\/li>\n<li><strong>&lt;footer&gt;\u00a0<\/strong>La etiqueta &lt;footer&gt; sirve para indicar que el contenido es un pie de p\u00e1gina o secci\u00f3n. Por ello, contendr\u00e1 datos sobre el elemento concreto al que va asociada.<\/li>\n<li><strong>&lt;body&gt;\u00a0<\/strong>El contenido que suele incluirse en la etiqueta &lt;body&gt; es una parte de una secci\u00f3n. Hay que recordar que las secciones en HTML5 suelen ser animadas. Junto a la secci\u00f3n principal, que se contiene en &lt;body&gt;, los l\u00edmites de cada secci\u00f3n quedar\u00e1n bien definidos.<\/li>\n<\/ul>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Las etiquetas sirven para dar informaci\u00f3n extra a los motores de b\u00fasqueda como Google y as\u00ed poder entender mejor de qu\u00e9 trata el contenido de una p\u00e1gina web<\/p>\n","protected":false},"author":5,"featured_media":8430,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":{"0":"post-8429","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-diseno-web"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5 | 4webs.es<\/title>\n<meta name=\"description\" content=\"Las etiquetas sirven para dar informaci\u00f3n extra a los motores de b\u00fasqueda como Google y as\u00ed poder entender mejor de qu\u00e9 trata el contenido de una p\u00e1gina web\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5 | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"Las etiquetas sirven para dar informaci\u00f3n extra a los motores de b\u00fasqueda como Google y as\u00ed poder entender mejor de qu\u00e9 trata el contenido de una p\u00e1gina web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-24T06:02:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-07T11:42:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/10\/maquetacion-semantica-html5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"840\" \/>\n\t<meta property=\"og:image:height\" content=\"440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Redacci\u00f3n 4webs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Redacci\u00f3n 4webs\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5\"},\"author\":{\"name\":\"Redacci\u00f3n 4webs\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\"},\"headline\":\"Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5\",\"datePublished\":\"2020-01-24T06:02:09+00:00\",\"dateModified\":\"2020-09-07T11:42:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5\"},\"wordCount\":950,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/maquetacion-semantica-html5.jpg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5\",\"name\":\"Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5 | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/maquetacion-semantica-html5.jpg\",\"datePublished\":\"2020-01-24T06:02:09+00:00\",\"dateModified\":\"2020-09-07T11:42:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\"},\"description\":\"Las etiquetas sirven para dar informaci\u00f3n extra a los motores de b\u00fasqueda como Google y as\u00ed poder entender mejor de qu\u00e9 trata el contenido de una p\u00e1gina web\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/maquetacion-semantica-html5.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/maquetacion-semantica-html5.jpg\",\"width\":840,\"height\":440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/los-secretos-la-maquetacion-semantica-html5#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\",\"name\":\"Redacci\u00f3n 4webs\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g\",\"caption\":\"Redacci\u00f3n 4webs\"},\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/redaccion\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5 | 4webs.es","description":"Las etiquetas sirven para dar informaci\u00f3n extra a los motores de b\u00fasqueda como Google y as\u00ed poder entender mejor de qu\u00e9 trata el contenido de una p\u00e1gina web","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5","og_locale":"es_ES","og_type":"article","og_title":"Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5 | 4webs.es","og_description":"Las etiquetas sirven para dar informaci\u00f3n extra a los motores de b\u00fasqueda como Google y as\u00ed poder entender mejor de qu\u00e9 trata el contenido de una p\u00e1gina web","og_url":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2020-01-24T06:02:09+00:00","article_modified_time":"2020-09-07T11:42:55+00:00","og_image":[{"width":840,"height":440,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/10\/maquetacion-semantica-html5.jpg","type":"image\/jpeg"}],"author":"Redacci\u00f3n 4webs","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Redacci\u00f3n 4webs","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5"},"author":{"name":"Redacci\u00f3n 4webs","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6"},"headline":"Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5","datePublished":"2020-01-24T06:02:09+00:00","dateModified":"2020-09-07T11:42:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5"},"wordCount":950,"commentCount":0,"image":{"@id":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/10\/maquetacion-semantica-html5.jpg","articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5","url":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5","name":"Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5 | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/10\/maquetacion-semantica-html5.jpg","datePublished":"2020-01-24T06:02:09+00:00","dateModified":"2020-09-07T11:42:55+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6"},"description":"Las etiquetas sirven para dar informaci\u00f3n extra a los motores de b\u00fasqueda como Google y as\u00ed poder entender mejor de qu\u00e9 trata el contenido de una p\u00e1gina web","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/10\/maquetacion-semantica-html5.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/10\/maquetacion-semantica-html5.jpg","width":840,"height":440},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/los-secretos-la-maquetacion-semantica-html5#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Los secretos de la maquetaci\u00f3n sem\u00e1ntica en Html5"}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6","name":"Redacci\u00f3n 4webs","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g","caption":"Redacci\u00f3n 4webs"},"url":"https:\/\/www.4webs.es\/blog\/author\/redaccion"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/8429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=8429"}],"version-history":[{"count":5,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/8429\/revisions"}],"predecessor-version":[{"id":8451,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/8429\/revisions\/8451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/8430"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=8429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=8429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=8429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}