{"id":18013,"date":"2014-04-17T11:29:51","date_gmt":"2014-04-17T09:29:51","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=18013"},"modified":"2023-02-27T14:36:43","modified_gmt":"2023-02-27T14:36:43","slug":"il-layout-efficace-f-e-diagramma-di-gutenberg","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/","title":{"rendered":"Web Design: F-Layout, Z-Layout e diagramma di Gutenberg"},"content":{"rendered":"<p>Quando decidiamo di lanciare un sito web &#8220;vetrina&#8221; per un&#8217;attivit\u00e0 commerciale, un blog oppure un ecommerce, ci sono molti aspetti che dobbiamo considerare. Uno tra questi, spesso erroneamente ignorato dai neofiti, \u00e8 la <strong>composizione del layout<\/strong>, ovvero come si presenta graficamente (e perci\u00f2 visivamente) il sito in questione.<\/p>\n<p>Poich\u00e9 \u00e8 un argomento controverso le opinioni in merito sono diverse: online troverete molti consigli, spesso estremamente discordanti tra loro. In questo post per\u00f2, vorrei parlarvi di alcuni\u00a0 studi fatti in merito, per ottimizzare al meglio la user experience. Il potenziale cliente o comunque l&#8217;utente che si imbatte nel nostro sito non deve esserne solo attratto:\u00a0deve restare e\u00a0 leggere quello che <strong>abbiamo da dire<\/strong>, facendoci arrivare all&#8217;obbiettivo prefissato (ad esempio la vendita di un prodotto o\u00a0il raggiungimento di un determinato ranking).<\/p>\n<h2>F-Layout<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2014\/04\/f-layout.jpg\" alt=\"f-layout\" width=\"200\" height=\"200\" class=\"alignleft size-full wp-image-18053\" \/>Gi\u00e0 qualche anno fa, l&#8217;informatico danese Jacob Nielsen, visto da molti come un vero e proprio &#8220;maestro dell&#8217;usabilit\u00e0&#8221;, ha evidenziato come sia efficace posizionare i contenuti del layout a forma di lettera F.<\/p>\n<p>Cosa significa? In pratica gli utenti che navigano su centinaia di siti, effettuano prima di tutto una <strong>scansione all&#8217;interno della nostra<\/strong> pagina web. Leggono per prima cosa la parte superiore di essa, da sinistra verso destra.<\/p>\n<p>&Egrave; in quest&#8217;area che le informazioni pi\u00f9 importanti devono perci\u00f2 essere posizionate. La seconda visualizzazione \u00e8 pi\u00f9 veloce, e consiste nel dare un&#8217;occhiata ai content che riempiono lo spazio sottostante. Infine, l&#8217;occhio dell&#8217;utente, sempre secondo Nielsen, percorre la parte sinistra del sito, in verticale ed in maniera pi\u00f9 approfondita.\u00a0<\/p>\n<p>Se decidete di utilizzare l&#8217;<strong>F-Layout<\/strong> \u00e8 quindi opportuno che il logo e le informazioni che vi preme far conoscere a chi visita la vostra pagina siano in alto, come se fossero la prima barra della lettera F. In un secondo momento, pensate alla descrizione di ci\u00f2 che fate o della merce che vendete: questa sar\u00e0 la seconda barra della vostra F. Il resto della vostra web-page pu\u00f2 essere diviso in due colonne, dove la parte sinistra conterr\u00e0 le informazioni pi\u00f9 importanti. Poich\u00e9 il potenziale cliente non deve abbandonare il vostro sito, \u00e8 da considerare il fatto che i paragrafi descrittivi debbano contenere parole chiave e che al centro pagina si posizioni un elemento di interesse per acquistare la sua attenzione. Dobbiamo infatti pensare che <strong>l&#8217;utente si annoia facilmente<\/strong>, ed \u00e8 terribilmente facile che vada a visitare un altro sito, invece di rimanere sul nostro!<\/p>\n<h2>Z-Layout<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2014\/04\/z-layout.jpg\" alt=\"z-layout\" width=\"200\" height=\"200\" class=\"alignleft size-full wp-image-18055\" \/>Come per il layout precedente, la struttura dei contenuti nella pagina si basa su una lettera dell&#8217;alfabeto: la Z.<\/p>\n<p>Lo <strong>Z-Layout<\/strong> \u00e8 molto utilizzato in quanto segue il movimento standard dell&#8217;occhio umano, che legge da sinistra a destra, scende di una riga e prosegue.<\/p>\n<p>Per utilizzare questo tipo di disposizione dei contenuti basta seguire una Z immaginaria: sulla prima barra orizzontale si devono posizionare il logo (a sinistra), i link di navigazione e una form di ricerca (a destra), lungo la diagonale \u00e8 possibile disporre un&#8217;immagine e sulla seconda barra orizzontale si devono aggiungere i contenuti riguardanti il prodotto\/servizio (a sinistra) e una call to action (a destra).<\/p>\n<h2>Diagramma di Gutenberg<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2014\/04\/gutemberg.jpg\" alt=\"gutemberg\" width=\"200\" height=\"200\" class=\"alignleft size-full wp-image-18054\" \/>Tuttavia, ci sono altri metodi di impostazione per rendere il layout molto funzionale. Uno di questi \u00e8 quello del <strong>diagramma di Gutenberg<\/strong>, che divide la pagina in 4.<\/p>\n<p>La prima, in alto a sinistra, \u00e8 la zona ottica primaria. Qui \u00e8 dove l&#8217;utente inizia a leggere, ed \u00e8 forse la parte pi\u00f9 importante: il logo o il titolo del vostro blog vanno posizionati in tale spazio.<\/p>\n<p>Ci sono poi altre tre parti: una forte area cieca (in alto a destra), una debole area cieca (in basso a sinistra) ed una zona terminale (in basso, a destra). In quest&#8217;ultima, termina la lettura del nostro potenziale cliente: \u00e8 in tale quadrante che si posizionano i contatti. Al centro della pagina, che spesso egli non analizza con particolare attenzione, possiamo posizionare un&#8217;immagine.<\/p>\n<p>Questi tre esempi possono essere spunti per la creazione del vostro sito web. Dobbiamo tener conto per\u00f2 che non tutti gli utenti sono uguali e leggono allo stesso modo. Non possiamo perci\u00f2 analizzare solo l&#8217;aspetto &#8220;visivo&#8221;, ovvero il percorso che l&#8217;occhio umano pu\u00f2 fare quando legge una pagina web. Sappiamo infatti, che ci sono molti altri fattori importanti da considerare nella costruzione di un\u00a0sito web veramente efficace!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quando decidiamo di lanciare un sito web &#8220;vetrina&#8221; per un&#8217;attivit\u00e0 commerciale, un blog oppure un ecommerce, ci sono molti aspetti che dobbiamo considerare. Uno tra questi, spesso erroneamente ignorato dai neofiti, \u00e8 la <strong>composizione del layout<\/strong>.<\/p>\n","protected":false},"author":4,"featured_media":19723,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[300],"tags":[205,42,66],"class_list":["post-18013","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing","tag-comunicazione","tag-grafica-web","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u2022 Web Design: F-Layout, Z-Layout e diagramma di Gutenberg - Artera<\/title>\n<meta name=\"description\" content=\"Per lanciare un sito web &quot;vetrina&quot;, un blog oppure un ecommerce, un aspetto che dobbiamo considerare \u00e8 la composizione del layout.\" \/>\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.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2022 Web Design: F-Layout, Z-Layout e diagramma di Gutenberg - Artera\" \/>\n<meta property=\"og:description\" content=\"Per lanciare un sito web &quot;vetrina&quot;, un blog oppure un ecommerce, un aspetto che dobbiamo considerare \u00e8 la composizione del layout.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/\" \/>\n<meta property=\"og:site_name\" content=\"Artera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/artera.net\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-04-17T09:29:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:36:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2014\/04\/layout.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1\" \/>\n\t<meta property=\"og:image:height\" content=\"1\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sergio Ravera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergio Ravera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"Web Design: F-Layout, Z-Layout e diagramma di Gutenberg\",\"datePublished\":\"2014-04-17T09:29:51+00:00\",\"dateModified\":\"2023-02-27T14:36:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/\"},\"wordCount\":718,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/layout.jpg\",\"keywords\":[\"comunicazione\",\"grafica web\",\"web design\"],\"articleSection\":[\"Marketing\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/\",\"name\":\"\u2022 Web Design: F-Layout, Z-Layout e diagramma di Gutenberg - Artera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/layout.jpg\",\"datePublished\":\"2014-04-17T09:29:51+00:00\",\"dateModified\":\"2023-02-27T14:36:43+00:00\",\"description\":\"Per lanciare un sito web \\\"vetrina\\\", un blog oppure un ecommerce, un aspetto che dobbiamo considerare \u00e8 la composizione del layout.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/layout.jpg\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/layout.jpg\",\"caption\":\"Layout\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/il-layout-efficace-f-e-diagramma-di-gutenberg\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design: F-Layout, Z-Layout e diagramma di Gutenberg\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"name\":\"Artera\",\"description\":\"Swiss Premium Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.artera.net\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\",\"name\":\"Artera\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"width\":300,\"height\":77,\"caption\":\"Artera\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/artera.net\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/artera\\\/\",\"https:\\\/\\\/www.instagram.com\\\/artera_swiss\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\",\"name\":\"Sergio Ravera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"caption\":\"Sergio Ravera\"},\"description\":\"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sergioravera\\\/\"],\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/author\\\/sergio-ravera\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u2022 Web Design: F-Layout, Z-Layout e diagramma di Gutenberg - Artera","description":"Per lanciare un sito web \"vetrina\", un blog oppure un ecommerce, un aspetto che dobbiamo considerare \u00e8 la composizione del layout.","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.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/","og_locale":"it_IT","og_type":"article","og_title":"\u2022 Web Design: F-Layout, Z-Layout e diagramma di Gutenberg - Artera","og_description":"Per lanciare un sito web \"vetrina\", un blog oppure un ecommerce, un aspetto che dobbiamo considerare \u00e8 la composizione del layout.","og_url":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2014-04-17T09:29:51+00:00","article_modified_time":"2023-02-27T14:36:43+00:00","og_image":[{"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2014\/04\/layout.jpg","width":1,"height":1,"type":"image\/jpeg"}],"author":"Sergio Ravera","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Sergio Ravera","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"Web Design: F-Layout, Z-Layout e diagramma di Gutenberg","datePublished":"2014-04-17T09:29:51+00:00","dateModified":"2023-02-27T14:36:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/"},"wordCount":718,"commentCount":3,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2014\/04\/layout.jpg","keywords":["comunicazione","grafica web","web design"],"articleSection":["Marketing"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/","url":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/","name":"\u2022 Web Design: F-Layout, Z-Layout e diagramma di Gutenberg - Artera","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2014\/04\/layout.jpg","datePublished":"2014-04-17T09:29:51+00:00","dateModified":"2023-02-27T14:36:43+00:00","description":"Per lanciare un sito web \"vetrina\", un blog oppure un ecommerce, un aspetto che dobbiamo considerare \u00e8 la composizione del layout.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2014\/04\/layout.jpg","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2014\/04\/layout.jpg","caption":"Layout"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/marketing\/il-layout-efficace-f-e-diagramma-di-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"Web Design: F-Layout, Z-Layout e diagramma di Gutenberg"}]},{"@type":"WebSite","@id":"https:\/\/www.artera.net\/it\/#website","url":"https:\/\/www.artera.net\/it\/","name":"Artera","description":"Swiss Premium Hosting","publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artera.net\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.artera.net\/it\/#organization","name":"Artera","url":"https:\/\/www.artera.net\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","width":300,"height":77,"caption":"Artera"},"image":{"@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/artera.net\/","https:\/\/www.linkedin.com\/company\/artera\/","https:\/\/www.instagram.com\/artera_swiss\/"]},{"@type":"Person","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0","name":"Sergio Ravera","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","caption":"Sergio Ravera"},"description":"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.","sameAs":["https:\/\/www.linkedin.com\/in\/sergioravera\/"],"url":"https:\/\/www.artera.net\/it\/author\/sergio-ravera\/"}]}},"_links":{"self":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/18013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/comments?post=18013"}],"version-history":[{"count":3,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/18013\/revisions"}],"predecessor-version":[{"id":217235,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/18013\/revisions\/217235"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media\/19723"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=18013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=18013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=18013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}