{"id":250,"date":"2017-02-18T12:01:07","date_gmt":"2017-02-18T12:01:07","guid":{"rendered":"https:\/\/advice.themeschannel.com\/orion\/?p=250"},"modified":"2022-05-05T13:33:25","modified_gmt":"2022-05-05T13:33:25","slug":"como-estructurar-el-texto-correctamente-en-el-diseno-web","status":"publish","type":"post","link":"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/","title":{"rendered":"How to structure text correctly in web design"},"content":{"rendered":"<h1>How to structure text correctly in web design<\/h1>\n\n\n<p>Do you know how to properly structure text in web design? We give you some recommendations on this aspect!<\/p>\n<p>No matter how attractive our web design is, if we don&#039;t structure the text it contains correctly, users will end up leaving our page.<\/p>\n<p>\u2013&nbsp;<strong>be concise<\/strong>&nbsp;\u2013 Web pages are not a place where we can expand, on the contrary, in the digital world what is carried are concise messages and that&nbsp;<strong>focus directly on what is important<\/strong>. In the event that, for some reason, it is almost impossible to summarize more information and still have a long text, it is best to insert a button&nbsp;<strong>\u201cmore information\u201d or \u201cread more\u201d<\/strong>, so users who want it will be able to obtain more data and those who don&#039;t will only get the summary.<\/p>\n<p>\u2013&nbsp;<strong>Hierarchize the typography<\/strong>&nbsp;\u2013 It is convenient to use different thicknesses and font sizes, introducing titles in those places where we want the user to&nbsp;<strong>pay more attention<\/strong>. This is a graphical way of letting the user know what is most essential.<\/p>\n<p>\u2013&nbsp;<strong>Use the lists<\/strong>&nbsp;\u2013 Most blogs are full of lists that help&nbsp;<strong>synthesize information<\/strong>, so that at a glance users will be able to read the fundamental data of the page. Of course, the titles of these lists should not be too long.<\/p>\n<p><strong>\u2013 Use bold&nbsp;<\/strong>\u2013 We have become so accustomed to the use of bold that now every time we see a text in which there is none, we quickly flee, since it gives us the impression that it is boring. In this sense, the bold ones contribute&nbsp;<strong>dynamism to the text and facilitate reading<\/strong>.<\/p>\n<p><strong>\u2013 Do not forget the images<\/strong>&nbsp;\u2013 Although in this post we are focusing on text in web design, this does not mean that we cannot talk about images as an essential complement for<strong>&nbsp;reinforce the message<\/strong>&nbsp;that we are transmitting.<\/p>\n<p><strong>-Neither the spaces<\/strong>&nbsp;\u2013 The spaces are also essential to ensure that the<strong>&nbsp;read more agile<\/strong>, because the crowded text without spaces causes a feeling of tiredness.<\/p>\n<p>Put all these recommendations into practice to achieve the main objective of the<strong>&nbsp;Web design<\/strong>: that the user understands the message in a simple and fast way.<\/p>","protected":false},"excerpt":{"rendered":"<p>How to Structure Text Correctly in Web Design Do you know how to structure text correctly in web design? We give you some recommendations on this aspect! No matter how attractive our web design is, if we don&#039;t structure the text it contains correctly, users will end up leaving our page. \u2013 Be concise \u2013 Web pages are not [\u2026]<\/p>","protected":false},"author":1,"featured_media":1765,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","inline_featured_image":false},"categories":[12,40],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web - Consultora y Agencia de Marketing y Estrategia | Hill Planet<\/title>\n<meta name=\"description\" content=\"Estrategia Digital C\u00f3mo estructurar el texto correctamente en el dise\u00f1o 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:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web - Consultora y Agencia de Marketing y Estrategia | Hill Planet\" \/>\n<meta property=\"og:description\" content=\"Estrategia Digital C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Consultora y Agencia de Marketing y Estrategia | Hill Planet\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-18T12:01:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-05T13:33:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"956\" \/>\n\t<meta property=\"og:image:height\" content=\"502\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Toni Masero\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hillplanet.com\/#website\",\"url\":\"https:\/\/hillplanet.com\/\",\"name\":\"Consultora y Agencia de Marketing y Estrategia | Hill Planet\",\"description\":\"Consultora y Agencia de Marketing en Barcelona. Enfocados en conseguir los objetivos de nuestros clientes y rentabilizar su inversi\u00f3n.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hillplanet.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-1-1.png\",\"contentUrl\":\"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-1-1.png\",\"width\":956,\"height\":502},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/#webpage\",\"url\":\"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/\",\"name\":\"C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web - Consultora y Agencia de Marketing y Estrategia | Hill Planet\",\"isPartOf\":{\"@id\":\"https:\/\/hillplanet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/#primaryimage\"},\"datePublished\":\"2017-02-18T12:01:07+00:00\",\"dateModified\":\"2022-05-05T13:33:25+00:00\",\"author\":{\"@id\":\"https:\/\/hillplanet.com\/#\/schema\/person\/2e723799878cf7b132d33de055d5f98d\"},\"description\":\"Estrategia Digital C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web\",\"breadcrumb\":{\"@id\":\"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/hillplanet.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/hillplanet.com\/#\/schema\/person\/2e723799878cf7b132d33de055d5f98d\",\"name\":\"Toni Masero\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/hillplanet.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/12d54950a6a36b8c11dbca1649bec8aa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/12d54950a6a36b8c11dbca1649bec8aa?s=96&d=mm&r=g\",\"caption\":\"Toni Masero\"},\"url\":\"https:\/\/hillplanet.com\/en\/author\/toni_a42jex8u\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web - Consultora y Agencia de Marketing y Estrategia | Hill Planet","description":"Estrategia Digital C\u00f3mo estructurar el texto correctamente en el dise\u00f1o 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:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/","og_locale":"en_US","og_type":"article","og_title":"C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web - Consultora y Agencia de Marketing y Estrategia | Hill Planet","og_description":"Estrategia Digital C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web","og_url":"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/","og_site_name":"Consultora y Agencia de Marketing y Estrategia | Hill Planet","article_published_time":"2017-02-18T12:01:07+00:00","article_modified_time":"2022-05-05T13:33:25+00:00","og_image":[{"width":956,"height":502,"url":"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-1-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Toni Masero","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/hillplanet.com\/#website","url":"https:\/\/hillplanet.com\/","name":"Consultora y Agencia de Marketing y Estrategia | Hill Planet","description":"Consultora y Agencia de Marketing en Barcelona. Enfocados en conseguir los objetivos de nuestros clientes y rentabilizar su inversi\u00f3n.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hillplanet.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/#primaryimage","inLanguage":"en-US","url":"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-1-1.png","contentUrl":"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-1-1.png","width":956,"height":502},{"@type":"WebPage","@id":"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/#webpage","url":"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/","name":"C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web - Consultora y Agencia de Marketing y Estrategia | Hill Planet","isPartOf":{"@id":"https:\/\/hillplanet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/#primaryimage"},"datePublished":"2017-02-18T12:01:07+00:00","dateModified":"2022-05-05T13:33:25+00:00","author":{"@id":"https:\/\/hillplanet.com\/#\/schema\/person\/2e723799878cf7b132d33de055d5f98d"},"description":"Estrategia Digital C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web","breadcrumb":{"@id":"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hillplanet.com\/en\/como-estructurar-el-texto-correctamente-en-el-diseno-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/hillplanet.com\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo estructurar el texto correctamente en el dise\u00f1o web"}]},{"@type":"Person","@id":"https:\/\/hillplanet.com\/#\/schema\/person\/2e723799878cf7b132d33de055d5f98d","name":"Toni Masero","image":{"@type":"ImageObject","@id":"https:\/\/hillplanet.com\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/12d54950a6a36b8c11dbca1649bec8aa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/12d54950a6a36b8c11dbca1649bec8aa?s=96&d=mm&r=g","caption":"Toni Masero"},"url":"https:\/\/hillplanet.com\/en\/author\/toni_a42jex8u\/"}]}},"_links":{"self":[{"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/posts\/250"}],"collection":[{"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":1,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/posts\/250\/revisions"}],"predecessor-version":[{"id":9038,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/posts\/250\/revisions\/9038"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/media\/1765"}],"wp:attachment":[{"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/media?parent=250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/categories?post=250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/tags?post=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}