{"id":4759,"date":"2022-06-21T12:00:31","date_gmt":"2022-06-21T11:00:31","guid":{"rendered":"https:\/\/atrahunt.com\/?p=4759"},"modified":"2024-10-26T02:36:38","modified_gmt":"2024-10-26T00:36:38","slug":"estructura-de-pagina-web","status":"publish","type":"post","link":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/","title":{"rendered":"Estructura de una p\u00e1gina web: Todas sus partes y contenido"},"content":{"rendered":"\n

La estructura de una p\u00e1gina web<\/strong> est\u00e1 compuesta por una serie de elementos estructurales que se utilizan para dar forma a un documento web. Estos elementos estructurales se conocen como \u00abetiquetas\u00bb de html<\/strong>. Cada etiqueta tiene una funci\u00f3n espec\u00edfica y, al combinarse, permiten crear un documento web completo.<\/p>\n\n\n\n

Cabe destacar que la estructura web no es lo mismo que la arquitectura web<\/strong>.<\/p>\n\n\n\n

Mientras que la estructura web determina las diferentes partes de una p\u00e1gina web, la otra determina c\u00f3mo est\u00e1 estructurada en su totalidad, es decir, de forma global.<\/p>\n\n\n\n

Diferenciar la estructura de una p\u00e1gina es pr\u00e1cticamente obligatorio para cualquier dise\u00f1ador web en barcelona<\/a> o profesional que se dedique a crear p\u00e1ginas web.<\/p>\n\n\n\n

Definici\u00f3n: Qu\u00e9 es una estructura Web<\/h2>\n\n\n\n

En resumen, la estructura web est\u00e1 compuesta por una serie de elementos estructurales que se utilizan para dar formato y estilo a un documento web<\/strong>.
Entonces, cuando hablamos de estructura web nos referimos a la estructura HTML que sigue cualquier p\u00e1gina web. Es la manera m\u00e1s efectiva de hacer una p\u00e1gina web dividi\u00e9ndola en zonas o elementos.<\/p>\n\n\n\n

Partes de la estructura de una p\u00e1gina web<\/strong><\/h2>\n\n\n\n

A continuaci\u00f3n veremos las diferentes partes esta estructura e indagaremos un poco m\u00e1s sobre cada una de ellas.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Header<\/h3>\n\n\n\n

El header (encabezado) de una p\u00e1gina web en html es la parte que se encuentra en la parte superior<\/strong> de la misma y que generalmente contiene el logo de la marca, el t\u00edtulo de la p\u00e1gina y algunos botones de navegaci\u00f3n. A veces, el header tambi\u00e9n se utiliza para colocar un peque\u00f1o banner publicitario o alguna otra informaci\u00f3n relevante para los usuarios. Sin embargo, en la mayor\u00eda de los casos, el header suele ser un elemento muy simple que no contiene mucha informaci\u00f3n.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En cualquier caso, el header es un elemento importante de una p\u00e1gina web ya que es lo primero que ven los usuarios cuando acceden<\/strong> a ella y, por tanto, es fundamental que transmita la imagen y los valores de la marca de manera correcta. Adem\u00e1s, el header suele ser el lugar donde se encuentra el link principal para acceder a la home page, por lo que es importante que sea f\u00e1cil de encontrar.<\/p>\n\n\n\n

En resumen, el header de una p\u00e1gina web en html es un elemento importante que se encarga de dar la bienvenida a los usuarios y que les permite acceder f\u00e1cilmente a la home page de la misma.<\/p>\n\n\n\n

Body<\/h3>\n\n\n\n

El body de una p\u00e1gina web es el \u00e1rea que contiene todo el contenido visible de la p\u00e1gina<\/strong>, es decir, todo lo que se muestra en pantalla cuando se accede a la misma.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Se encuentra entre la secci\u00f3n de head y el footer, y su contenido puede incluir texto, im\u00e1genes, videos o cualquier otro elemento que se desee mostrar en la p\u00e1gina. El body tambi\u00e9n es responsable de colocar todos los elementos en su lugar correcto utilizando etiquetas HTML. Sin el body, una p\u00e1gina web no ser\u00eda capaz de mostrar nada al usuario.<\/p>\n\n\n\n

\n

Es importante saber que la etiqueta body engloba la parte del header y del footer.<\/p>\n<\/blockquote>\n\n\n\n

Sidebar<\/h3>\n\n\n\n

El sidebar en HTML es un elemento que se utiliza para mostrar informaci\u00f3n adicional o de navegaci\u00f3n<\/strong> en una p\u00e1gina web. Se coloca generalmente a un lado del contenido principal de la p\u00e1gina. El sidebar puede contener diversos elementos, como enlaces, im\u00e1genes, widgets y formularios. Puede ser est\u00e1tico o din\u00e1mico.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En muchas p\u00e1ginas web, el sidebar suele ser el lugar donde se colocan los enlaces de navegaci\u00f3n<\/strong> principales. Otros sitios web lo usan para mostrar informaci\u00f3n adicional como la fecha o el clima. Algunos sidebar tambi\u00e9n contienen widgets, que son peque\u00f1os programas que hacen una funci\u00f3n espec\u00edfica. Por ejemplo, un widget de reloj digital puede mostrar la hora actual en un sidebar.
Los sidebar tambi\u00e9n pueden contener formularios, que permiten a los usuarios ingresar datos. Los formularios pueden ser utilizados para realizar diversas acciones, como buscar contenido en un sitio web o registrarse para un servicio.
En algunos sitios web, el sidebar se actualiza din\u00e1micamente para mostrar informaci\u00f3n relevante para el usuario. Por ejemplo, si un sitio web tiene un sidebar que muestra los art\u00edculos m\u00e1s populares, este sidebar se actualizar\u00e1 para mostrar los art\u00edculos m\u00e1s populares en funci\u00f3n de las acciones realizadas por el usuario.<\/p>\n\n\n\n

Footer<\/h3>\n\n\n\n

El footer es una secci\u00f3n que se encuentra al final de un documento o p\u00e1gina web<\/strong>. En general, suele contener informaci\u00f3n adicional como el nombre del autor, la fecha de creaci\u00f3n o actualizaci\u00f3n, contacto o enlaces a otros sitios.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En HTML, el footer se define con la etiqueta. Esta etiqueta puede incluir otros elementos como t\u00edtulos, p\u00e1rrafos, listas o incluso tablas. Algunos dise\u00f1adores prefieren utilizar divs anidados para crear su footer en lugar de la etiqueta que, aunque sigue siendo v\u00e1lido, se considera obsoleto.<\/p>\n\n\n\n

Ejemplo de estructura Web<\/strong><\/h2>\n\n\n\n

Por ejemplo, en nuestro caso, en la p\u00e1gina de Atrahunt se puede apreciar de forma muy f\u00e1cil todas las secciones que hemos visto anteriormente.<\/p>\n\n\n\n

Empezando por el header, que engloba la parte del logo y del men\u00fa de navegaci\u00f3n principal.<\/p>\n\n\n\n

Ejemplo de encabezado o header<\/h3>\n\n\n\n

Empezando por el header, que engloba la parte del logo y del men\u00fa de navegaci\u00f3n principal.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Como se puede apreciar, el header de la p\u00e1gina es algo minimalista con unos pocos elementos principales de navegaci\u00f3n.<\/p>\n\n\n\n

Ejemplo de cuerpo o body<\/h3>\n\n\n\n

El cuerpo de la p\u00e1gina presenta toda la informaci\u00f3n importante como hemos vista antes. En el siguiente ejemplo se muestras varias secciones de la p\u00e1gina principal de atrahunt.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Si hablamos de un art\u00edculo de blog o p\u00e1gina similar el body ser\u00eda la parte del contenido, desde el t\u00edtulo de la p\u00e1gina hasta el final (incluyendo tambi\u00e9n el header y el footer).<\/p>\n\n\n\n

Ejemplo de barra lateral o sidebar<\/h3>\n\n\n\n

En nuestro caso, tenemos el sidebar justo encima del footer. Es decir, utilizamos la \u00faltima secci\u00f3n que aparece antes del footer c\u00f3mo sidebar para presentar algunos widgets que pueden ser de utilidad para el usuario o que nos interesa mostrar. Por ejemplo, art\u00edculos destacados o \u00faltimas noticias, bolet\u00edn de not\u00edcias, llamadas a la acci\u00f3n, etc.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En este caso es un sidebar din\u00e1mico que muestra los art\u00edculos relacionados del propio post.<\/p>\n\n\n\n

Ejemplo de pie de p\u00e1gina o footer<\/h3>\n\n\n\n

Y por \u00faltimo, tenemos nuestro footer, s\u00ed, parece muy simple, pero es muy efectivo y contiene toda la informaci\u00f3n que el usuario quiera disponer en caso de no encontrarla en otro sitio. Adem\u00e1s, ofrece varias opciones de navegaci\u00f3n positivas tanto a nivel de SEO, como para la experiencia de usuario.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Y hasta aqu\u00ed el ejemplo de estructura web de una p\u00e1gina web, como has podido comprobar es algo muy f\u00e1cil de detectar y que todo dise\u00f1ador web o persona que trabaje con sitios web ha de conocer.<\/p>\n","protected":false},"excerpt":{"rendered":"

La estructura de una p\u00e1gina web est\u00e1 compuesta por una serie de elementos estructurales que se utilizan para dar forma a un documento web. Estos elementos estructurales se conocen como \u00abetiquetas\u00bb de html. Cada etiqueta tiene una funci\u00f3n espec\u00edfica y, al combinarse, permiten crear un documento web completo. Cabe destacar que la estructura web no […]<\/p>\n","protected":false},"author":2,"featured_media":4776,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-4759","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"yoast_head":"\nEstructura de una p\u00e1gina web: Todas sus partes y contenido<\/title>\n<meta name=\"description\" content=\"La estructura de una p\u00e1gina web est\u00e1 compuesta por elementos o etiquetas en HTML como el hader, body, sidebar y footer.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Estructura de una p\u00e1gina web: Todas sus partes y contenido\" \/>\n<meta property=\"og:description\" content=\"La estructura de una p\u00e1gina web est\u00e1 compuesta por elementos o etiquetas en HTML como el hader, body, sidebar y footer.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/\" \/>\n<meta property=\"og:site_name\" content=\"El Blog de Atrahunt\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/atrahunt\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-21T11:00:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-26T00:36:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2022\/06\/portada-estructura-web-atrahunt.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"680\" \/>\n\t<meta property=\"og:image:height\" content=\"362\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"David Zamora\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@atrahunt\" \/>\n<meta name=\"twitter:site\" content=\"@atrahunt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"David Zamora\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/\"},\"author\":{\"name\":\"David Zamora\",\"@id\":\"https:\/\/atrahunt.com\/blog\/#\/schema\/person\/a8b55d7e660084a56371532d3a536fdd\"},\"headline\":\"Estructura de una p\u00e1gina web: Todas sus partes y contenido\",\"datePublished\":\"2022-06-21T11:00:31+00:00\",\"dateModified\":\"2024-10-26T00:36:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/\"},\"wordCount\":1218,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/atrahunt.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2022\/06\/portada-estructura-web-atrahunt.jpg\",\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/\",\"url\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/\",\"name\":\"Estructura de una p\u00e1gina web: Todas sus partes y contenido\",\"isPartOf\":{\"@id\":\"https:\/\/atrahunt.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2022\/06\/portada-estructura-web-atrahunt.jpg\",\"datePublished\":\"2022-06-21T11:00:31+00:00\",\"dateModified\":\"2024-10-26T00:36:38+00:00\",\"description\":\"La estructura de una p\u00e1gina web est\u00e1 compuesta por elementos o etiquetas en HTML como el hader, body, sidebar y footer.\",\"breadcrumb\":{\"@id\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#primaryimage\",\"url\":\"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2022\/06\/portada-estructura-web-atrahunt.jpg\",\"contentUrl\":\"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2022\/06\/portada-estructura-web-atrahunt.jpg\",\"width\":680,\"height\":362,\"caption\":\"portada-estructura-web-atrahunt\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/atrahunt.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Estructura de una p\u00e1gina web: Todas sus partes y contenido\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atrahunt.com\/blog\/#website\",\"url\":\"https:\/\/atrahunt.com\/blog\/\",\"name\":\"Atrahunt Blog\",\"description\":\"Aqu\u00ed encontrar\u00e1s multitud de art\u00edculos y recrusos para crear y escalar tu negocio online. Gu\u00edas, listas, tips y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\/\/atrahunt.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atrahunt.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/atrahunt.com\/blog\/#organization\",\"name\":\"Atrahunt Blog\",\"url\":\"https:\/\/atrahunt.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/atrahunt.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2024\/10\/Logo_fb_500.png\",\"contentUrl\":\"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2024\/10\/Logo_fb_500.png\",\"width\":622,\"height\":622,\"caption\":\"Atrahunt Blog\"},\"image\":{\"@id\":\"https:\/\/atrahunt.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/atrahunt\/\",\"https:\/\/x.com\/atrahunt\",\"https:\/\/www.linkedin.com\/company\/atrahunt\/\",\"https:\/\/www.instagram.com\/atrahunt\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/atrahunt.com\/blog\/#\/schema\/person\/a8b55d7e660084a56371532d3a536fdd\",\"name\":\"David Zamora\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/atrahunt.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ddf5bbe6b0ce614bcb4e3db4c07db91b05a74827cefc08d3950142993cfd3f57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ddf5bbe6b0ce614bcb4e3db4c07db91b05a74827cefc08d3950142993cfd3f57?s=96&d=mm&r=g\",\"caption\":\"David Zamora\"},\"description\":\"Desde 2013, me he dedicado al seo y dise\u00f1o web, creando proyectos propios y colaborando con empresas y profesionales que buscan crecer en Internet. En este blog, comparto mis conocimientos sobre seo, dise\u00f1o web, wordpress, marketing digital y otras materias.\",\"sameAs\":[\"https:\/\/atrahunt.com\/\"],\"url\":\"https:\/\/atrahunt.com\/blog\/author\/david\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Estructura de una p\u00e1gina web: Todas sus partes y contenido","description":"La estructura de una p\u00e1gina web est\u00e1 compuesta por elementos o etiquetas en HTML como el hader, body, sidebar y footer.","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:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/","og_locale":"es_ES","og_type":"article","og_title":"Estructura de una p\u00e1gina web: Todas sus partes y contenido","og_description":"La estructura de una p\u00e1gina web est\u00e1 compuesta por elementos o etiquetas en HTML como el hader, body, sidebar y footer.","og_url":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/","og_site_name":"El Blog de Atrahunt","article_publisher":"https:\/\/www.facebook.com\/atrahunt\/","article_published_time":"2022-06-21T11:00:31+00:00","article_modified_time":"2024-10-26T00:36:38+00:00","og_image":[{"width":680,"height":362,"url":"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2022\/06\/portada-estructura-web-atrahunt.jpg","type":"image\/jpeg"}],"author":"David Zamora","twitter_card":"summary_large_image","twitter_creator":"@atrahunt","twitter_site":"@atrahunt","twitter_misc":{"Escrito por":"David Zamora","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#article","isPartOf":{"@id":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/"},"author":{"name":"David Zamora","@id":"https:\/\/atrahunt.com\/blog\/#\/schema\/person\/a8b55d7e660084a56371532d3a536fdd"},"headline":"Estructura de una p\u00e1gina web: Todas sus partes y contenido","datePublished":"2022-06-21T11:00:31+00:00","dateModified":"2024-10-26T00:36:38+00:00","mainEntityOfPage":{"@id":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/"},"wordCount":1218,"commentCount":0,"publisher":{"@id":"https:\/\/atrahunt.com\/blog\/#organization"},"image":{"@id":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#primaryimage"},"thumbnailUrl":"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2022\/06\/portada-estructura-web-atrahunt.jpg","articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/","url":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/","name":"Estructura de una p\u00e1gina web: Todas sus partes y contenido","isPartOf":{"@id":"https:\/\/atrahunt.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#primaryimage"},"image":{"@id":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#primaryimage"},"thumbnailUrl":"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2022\/06\/portada-estructura-web-atrahunt.jpg","datePublished":"2022-06-21T11:00:31+00:00","dateModified":"2024-10-26T00:36:38+00:00","description":"La estructura de una p\u00e1gina web est\u00e1 compuesta por elementos o etiquetas en HTML como el hader, body, sidebar y footer.","breadcrumb":{"@id":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#primaryimage","url":"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2022\/06\/portada-estructura-web-atrahunt.jpg","contentUrl":"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2022\/06\/portada-estructura-web-atrahunt.jpg","width":680,"height":362,"caption":"portada-estructura-web-atrahunt"},{"@type":"BreadcrumbList","@id":"https:\/\/atrahunt.com\/blog\/estructura-de-pagina-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/atrahunt.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Estructura de una p\u00e1gina web: Todas sus partes y contenido"}]},{"@type":"WebSite","@id":"https:\/\/atrahunt.com\/blog\/#website","url":"https:\/\/atrahunt.com\/blog\/","name":"Atrahunt Blog","description":"Aqu\u00ed encontrar\u00e1s multitud de art\u00edculos y recrusos para crear y escalar tu negocio online. Gu\u00edas, listas, tips y mucho m\u00e1s.","publisher":{"@id":"https:\/\/atrahunt.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atrahunt.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/atrahunt.com\/blog\/#organization","name":"Atrahunt Blog","url":"https:\/\/atrahunt.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/atrahunt.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2024\/10\/Logo_fb_500.png","contentUrl":"https:\/\/atrahunt.com\/blog\/wp-content\/uploads\/2024\/10\/Logo_fb_500.png","width":622,"height":622,"caption":"Atrahunt Blog"},"image":{"@id":"https:\/\/atrahunt.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/atrahunt\/","https:\/\/x.com\/atrahunt","https:\/\/www.linkedin.com\/company\/atrahunt\/","https:\/\/www.instagram.com\/atrahunt\/"]},{"@type":"Person","@id":"https:\/\/atrahunt.com\/blog\/#\/schema\/person\/a8b55d7e660084a56371532d3a536fdd","name":"David Zamora","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/atrahunt.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ddf5bbe6b0ce614bcb4e3db4c07db91b05a74827cefc08d3950142993cfd3f57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ddf5bbe6b0ce614bcb4e3db4c07db91b05a74827cefc08d3950142993cfd3f57?s=96&d=mm&r=g","caption":"David Zamora"},"description":"Desde 2013, me he dedicado al seo y dise\u00f1o web, creando proyectos propios y colaborando con empresas y profesionales que buscan crecer en Internet. En este blog, comparto mis conocimientos sobre seo, dise\u00f1o web, wordpress, marketing digital y otras materias.","sameAs":["https:\/\/atrahunt.com\/"],"url":"https:\/\/atrahunt.com\/blog\/author\/david\/"}]}},"_links":{"self":[{"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/posts\/4759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/comments?post=4759"}],"version-history":[{"count":1,"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/posts\/4759\/revisions"}],"predecessor-version":[{"id":5110,"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/posts\/4759\/revisions\/5110"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/media\/4776"}],"wp:attachment":[{"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/media?parent=4759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/categories?post=4759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atrahunt.com\/blog\/wp-json\/wp\/v2\/tags?post=4759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}