{"id":26109,"date":"2024-07-29T19:30:00","date_gmt":"2024-07-29T22:30:00","guid":{"rendered":"https:\/\/www.neolo.com\/blog\/?p=26109"},"modified":"2024-07-29T19:30:00","modified_gmt":"2024-07-29T22:30:00","slug":"como-hacer-el-boceto-de-una-pagina-web","status":"publish","type":"post","link":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php","title":{"rendered":"C\u00f3mo hacer el boceto de una p\u00e1gina web"},"content":{"rendered":"Tiempo de lectura:<\/span> 3<\/span> minutos<\/span><\/span>\n

Dise\u00f1ar una p\u00e1gina web desde cero <\/strong>es cada vez m\u00e1s sencillo. S\u00ed, con las herramientas adecuadas podr\u00e1s crear prototipos web para trabajar en equipo y volverlos reales. <\/p>\n\n\n\n

Obviamente, es bueno comenzar con un boceto como gu\u00eda, dado que el proceso se vuelve mucho m\u00e1s gestionable y ordenado. <\/p>\n\n\n\n

Hoy queremos compartir contigo una gu\u00eda detallada sobre c\u00f3mo hacer el boceto de una p\u00e1gina web<\/strong>, qu\u00e9 herramientas usar y algunos ejemplos para que veas. <\/p>\n\n\n\n\n\n

\u00bfQu\u00e9 es un boceto y para qu\u00e9 sirve?<\/h2>\n\n\n\n

Un boceto<\/strong>, tambi\u00e9n conocido como wireframe<\/strong>, es un esquema visual simple que representa la estructura b\u00e1sica de una p\u00e1gina web. No se centra en los detalles est\u00e9ticos, sino en la disposici\u00f3n de los elementos y la funcionalidad de la misma. <\/p>\n\n\n\n

Es una herramienta esencial en el proceso de dise\u00f1o web <\/strong>porque permite planificar y organizar el contenido antes de entrar en detalles de dise\u00f1o.<\/p>\n\n\n\n

\n\n\n\n

\u00a1Con Neolo Builder crear un sitio web es mucho m\u00e1s f\u00e1cil! <\/strong><\/p>\n\n\n\n

Pru\u00e9balo. <\/strong><\/p>\n\n\n\n

\n
ME INTERESA<\/a><\/div>\n<\/div>\n\n\n\n
\n\n\n\n

<\/p>\n\n\n\n

Beneficios de comenzar con un boceto<\/strong><\/h2>\n\n\n\n

Claridad y organizaci\u00f3n:<\/strong> Ayuda a visualizar la disposici\u00f3n de los elementos y a organizar la informaci\u00f3n de manera l\u00f3gica.<\/p>\n\n\n\n

Comunicaci\u00f3n:<\/strong> Facilita la comunicaci\u00f3n entre dise\u00f1adores, desarrolladores y clientes, asegurando que todos est\u00e9n en la misma p\u00e1gina.<\/p>\n\n\n\n

Eficiencia:<\/strong> Permite identificar y resolver problemas potenciales en una etapa temprana, ahorrando tiempo y recursos.<\/p>\n\n\n\n

\u00bfQu\u00e9 herramientas se pueden usar para hacer el boceto de una web?<\/h2>\n\n\n\n

Existen diversas herramientas, desde las m\u00e1s b\u00e1sicas hasta las m\u00e1s sofisticadas, que pueden ayudarte a crear un boceto de calidad. <\/p>\n\n\n\n

  1. L\u00e1piz y papel:<\/strong> Ideal para comenzar de manera r\u00e1pida y sencilla. Es perfecto para las primeras ideas y ajustes r\u00e1pidos.<\/li>
  2. Adobe XD:<\/strong> Una herramienta poderosa para dise\u00f1ar y prototipar interfaces de usuario. Ofrece una variedad de funciones y plantillas predefinidas.<\/li>
  3. Sketch:<\/strong> Popular entre dise\u00f1adores de interfaces, permite crear wireframes detallados y colaborar en tiempo real.<\/li>
  4. Figma:<\/strong> Ideal para el trabajo colaborativo en equipo, ya que permite que varios usuarios trabajen en el mismo proyecto simult\u00e1neamente.<\/li>
  5. Balsamiq:<\/strong> Famoso por su simplicidad, permite crear bocetos de baja fidelidad de forma r\u00e1pida y efectiva.<\/li><\/ol>\n\n\n\n

    Te recomiendo leer: Qu\u00e9 es Figma y para qu\u00e9 sirve<\/a><\/p><\/blockquote>\n\n\n\n

    Consejos para trabajar el boceto de una web<\/h2>\n\n\n\n

    Crear un boceto web <\/strong>efectivo requiere de planificaci\u00f3n y atenci\u00f3n a los detalles. Sigue estos pasos para ordenarte mejor: <\/p>\n\n\n\n

    1. Define tus objetivos:<\/strong> Antes de comenzar, es crucial tener claro qu\u00e9 deseas lograr con tu p\u00e1gina web. \u00bfVender productos? \u00bfCompartir informaci\u00f3n? \u00bfGenerar leads? Esto guiar\u00e1 la estructura de tu boceto.<\/li>
    2. Conoce a tu audiencia:<\/strong> Entender qui\u00e9nes son tus usuarios y qu\u00e9 buscan te ayudar\u00e1 a dise\u00f1ar una experiencia m\u00e1s efectiva y personalizada.<\/li>
    3. Crea una jerarqu\u00eda visual:<\/strong> Organiza el contenido de manera que los elementos m\u00e1s importantes sean los m\u00e1s visibles. Utiliza tama\u00f1os, colores y posiciones estrat\u00e9gicas.<\/li>
    4. Mant\u00e9n la simplicidad:<\/strong> Un dise\u00f1o limpio y sencillo facilita la navegaci\u00f3n y mejora la experiencia del usuario. Evita sobrecargar la p\u00e1gina con demasiados elementos.<\/li>
    5. Considera la usabilidad:<\/strong> Aseg\u00farate de que la navegaci\u00f3n sea intuitiva y que los elementos interactivos sean f\u00e1cilmente accesibles.<\/li>
    6. Prueba y ajusta:<\/strong> No te quedes con el primer boceto que hagas. Prueba diferentes disposiciones, pide feedback y ajusta seg\u00fan sea necesario.<\/li><\/ol>\n\n\n\n

      Te recomiendo tambi\u00e9n leer: Qu\u00e9 es un Website Builder y c\u00f3mo funciona<\/a><\/p><\/blockquote>\n\n\n\n

      Ejemplos de bocetos<\/h2>\n\n\n\n

      Para ilustrar mejor estos conceptos, aqu\u00ed tienes algunos ejemplos de bocetos de diferentes tipos de p\u00e1ginas web que puedes tener en cuenta:<\/p>\n\n\n\n

      Tienda online:<\/strong> Un boceto para una tienda online podr\u00eda incluir una barra de navegaci\u00f3n clara, un buscador sencillo que funcione muy bien, categor\u00edas de productos bien organizadas, y llamados a la acci\u00f3n (CTAs) visibles para comprar o agregar al carrito.<\/p>\n\n\n\n

      Ten en cuenta que hoy en d\u00eda existen plataformas de e-commerce muy sencillas que te permiten crear una tienda en solo 8 minutos. <\/strong><\/p>\n\n\n\n

      \n
      CONOCER TIENDA NEOLO<\/a><\/div>\n<\/div>\n\n\n\n

      <\/p>\n\n\n\n

      Blog:<\/strong> Un boceto para un blog<\/a> puede tener una estructura sencilla con una cabecera, un \u00e1rea para las publicaciones recientes, una barra lateral con categor\u00edas y archivos, y una secci\u00f3n de comentarios.<\/p>\n\n\n\n

      P\u00e1gina corporativa:<\/strong> Un boceto para una p\u00e1gina corporativa podr\u00eda destacar la misi\u00f3n y visi\u00f3n de la empresa, servicios ofrecidos, testimonios de clientes, y un formulario de contacto.<\/p>\n\n\n\n

      Entendemos la importancia de una buena planificaci\u00f3n para el \u00e9xito de tu p\u00e1gina web o tienda online y Neolo<\/strong> tiene varias herramientas que pueden ayudarte. Cualquier duda, puedes consultarnos en l\u00ednea<\/a>, te daremos consejos e ideas para que puedas avanzar. <\/p>\n\n\n\n

      Adem\u00e1s de ofrecer herramientas y consejos, te proporcionamos servicios de registro de dominios y planes accesibles de web hosting <\/strong>para que lleves tu proyecto al \u00e9xito digital. Nuestro gran valor es la atenci\u00f3n al cliente<\/strong> porque es 100% humana y trata de responder lo antes posible, asegurando que siempre tengas el apoyo que necesitas.<\/p>\n\n\n\n

      Conclusi\u00f3n<\/h2>\n\n\n\n

      El boceto de una p\u00e1gina web<\/strong> es una herramienta esencial para cualquier proyecto de dise\u00f1o. <\/p>\n\n\n\n

      T\u00f3mate tu tiempo para planificar, organizar y comunicar tus ideas de manera efectiva. <\/p>\n\n\n\n

      Utilizando las herramientas adecuadas y siguiendo algunos consejos pr\u00e1cticos de esta nota, puedes crear bocetos que gu\u00eden tu proyecto o el de tus clientes por el mejor camino. <\/strong><\/p>\n\n\n\n

      Recuerda siempre estar en comunicaci\u00f3n constante con tu equipo de trabajo <\/strong>para estar alineados en el objetivo propuesto. <\/p>\n","protected":false},"excerpt":{"rendered":"

      Dise\u00f1ar una p\u00e1gina web desde cero es cada vez m\u00e1s sencillo. S\u00ed, con las herramientas adecuadas podr\u00e1s crear prototipos web para trabajar en equipo y volverlos reales. Obviamente, es bueno comenzar con un boceto como gu\u00eda, dado que el proceso se vuelve mucho m\u00e1s gestionable y ordenado. Hoy queremos compartir contigo una gu\u00eda detallada sobre […]<\/p>\n","protected":false},"author":15,"featured_media":26113,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[341],"tags":[],"class_list":["post-26109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sitio-web"],"yoast_head":"\nC\u00f3mo hacer el boceto de una p\u00e1gina web - Neolo Blog<\/title>\n<meta name=\"description\" content=\"Consejos para hacer el boceto de una p\u00e1gina web de la mejor manera posible. Gana productividad y gestiona mejor tus proyectos.\" \/>\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.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo hacer el boceto de una p\u00e1gina web - Neolo Blog\" \/>\n<meta property=\"og:description\" content=\"Consejos para hacer el boceto de una p\u00e1gina web de la mejor manera posible. Gana productividad y gestiona mejor tus proyectos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php\" \/>\n<meta property=\"og:site_name\" content=\"Neolo Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/neolohosting\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-29T22:30:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2024\/07\/pexels-picjumbo-com-55570-196646-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Natalia Vasca\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@neolo\" \/>\n<meta name=\"twitter:site\" content=\"@neolo\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Natalia Vasca\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php\"},\"author\":{\"name\":\"Natalia Vasca\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/f9677a94c7a8e8b41448e817fb0c2043\"},\"headline\":\"C\u00f3mo hacer el boceto de una p\u00e1gina web\",\"datePublished\":\"2024-07-29T22:30:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php\"},\"wordCount\":939,\"publisher\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2024\/07\/pexels-picjumbo-com-55570-196646-scaled.jpg\",\"articleSection\":[\"Sitio web\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php\",\"url\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php\",\"name\":\"C\u00f3mo hacer el boceto de una p\u00e1gina web - Neolo Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2024\/07\/pexels-picjumbo-com-55570-196646-scaled.jpg\",\"datePublished\":\"2024-07-29T22:30:00+00:00\",\"description\":\"Consejos para hacer el boceto de una p\u00e1gina web de la mejor manera posible. Gana productividad y gestiona mejor tus proyectos.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#primaryimage\",\"url\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2024\/07\/pexels-picjumbo-com-55570-196646-scaled.jpg\",\"contentUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2024\/07\/pexels-picjumbo-com-55570-196646-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/www.neolo.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sitio web\",\"item\":\"https:\/\/www.neolo.com\/blog\/temas\/sitio-web\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo hacer el boceto de una p\u00e1gina web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#website\",\"url\":\"https:\/\/www.neolo.com\/blog\/\",\"name\":\"Neolo Blog\",\"description\":\"Blog de Neolo: Dominios, Web Hosting y Marketing Digital\",\"publisher\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.neolo.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\",\"name\":\"Neolo\",\"url\":\"https:\/\/www.neolo.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png\",\"contentUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png\",\"width\":392,\"height\":83,\"caption\":\"Neolo\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/neolohosting\",\"https:\/\/x.com\/neolo\",\"https:\/\/www.instagram.com\/neolodotcom\/\",\"https:\/\/www.linkedin.com\/company\/neolo.com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/f9677a94c7a8e8b41448e817fb0c2043\",\"name\":\"Natalia Vasca\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9f798c60bada9b6db5a664dd47360f4a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9f798c60bada9b6db5a664dd47360f4a?s=96&r=g\",\"caption\":\"Natalia Vasca\"},\"url\":\"https:\/\/www.neolo.com\/blog\/author\/nativasca\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo hacer el boceto de una p\u00e1gina web - Neolo Blog","description":"Consejos para hacer el boceto de una p\u00e1gina web de la mejor manera posible. Gana productividad y gestiona mejor tus proyectos.","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.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php","og_type":"article","og_title":"C\u00f3mo hacer el boceto de una p\u00e1gina web - Neolo Blog","og_description":"Consejos para hacer el boceto de una p\u00e1gina web de la mejor manera posible. Gana productividad y gestiona mejor tus proyectos.","og_url":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php","og_site_name":"Neolo Blog","article_publisher":"https:\/\/www.facebook.com\/neolohosting","article_published_time":"2024-07-29T22:30:00+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2024\/07\/pexels-picjumbo-com-55570-196646-scaled.jpg","type":"image\/jpeg"}],"author":"Natalia Vasca","twitter_card":"summary_large_image","twitter_creator":"@neolo","twitter_site":"@neolo","twitter_misc":{"Escrito por":"Natalia Vasca","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#article","isPartOf":{"@id":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php"},"author":{"name":"Natalia Vasca","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/f9677a94c7a8e8b41448e817fb0c2043"},"headline":"C\u00f3mo hacer el boceto de una p\u00e1gina web","datePublished":"2024-07-29T22:30:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php"},"wordCount":939,"publisher":{"@id":"https:\/\/www.neolo.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#primaryimage"},"thumbnailUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2024\/07\/pexels-picjumbo-com-55570-196646-scaled.jpg","articleSection":["Sitio web"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php","url":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php","name":"C\u00f3mo hacer el boceto de una p\u00e1gina web - Neolo Blog","isPartOf":{"@id":"https:\/\/www.neolo.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#primaryimage"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#primaryimage"},"thumbnailUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2024\/07\/pexels-picjumbo-com-55570-196646-scaled.jpg","datePublished":"2024-07-29T22:30:00+00:00","description":"Consejos para hacer el boceto de una p\u00e1gina web de la mejor manera posible. Gana productividad y gestiona mejor tus proyectos.","breadcrumb":{"@id":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#primaryimage","url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2024\/07\/pexels-picjumbo-com-55570-196646-scaled.jpg","contentUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2024\/07\/pexels-picjumbo-com-55570-196646-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/www.neolo.com\/blog\/como-hacer-el-boceto-de-una-pagina-web.php#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.neolo.com\/blog"},{"@type":"ListItem","position":2,"name":"Sitio web","item":"https:\/\/www.neolo.com\/blog\/temas\/sitio-web"},{"@type":"ListItem","position":3,"name":"C\u00f3mo hacer el boceto de una p\u00e1gina web"}]},{"@type":"WebSite","@id":"https:\/\/www.neolo.com\/blog\/#website","url":"https:\/\/www.neolo.com\/blog\/","name":"Neolo Blog","description":"Blog de Neolo: Dominios, Web Hosting y Marketing Digital","publisher":{"@id":"https:\/\/www.neolo.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.neolo.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.neolo.com\/blog\/#organization","name":"Neolo","url":"https:\/\/www.neolo.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png","contentUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png","width":392,"height":83,"caption":"Neolo"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/neolohosting","https:\/\/x.com\/neolo","https:\/\/www.instagram.com\/neolodotcom\/","https:\/\/www.linkedin.com\/company\/neolo.com\/"]},{"@type":"Person","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/f9677a94c7a8e8b41448e817fb0c2043","name":"Natalia Vasca","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f798c60bada9b6db5a664dd47360f4a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f798c60bada9b6db5a664dd47360f4a?s=96&r=g","caption":"Natalia Vasca"},"url":"https:\/\/www.neolo.com\/blog\/author\/nativasca"}]}},"_links":{"self":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/26109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/comments?post=26109"}],"version-history":[{"count":3,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/26109\/revisions"}],"predecessor-version":[{"id":26112,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/26109\/revisions\/26112"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/media\/26113"}],"wp:attachment":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/media?parent=26109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/categories?post=26109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/tags?post=26109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}