{"id":7468,"date":"2016-06-28T11:19:43","date_gmt":"2016-06-28T09:19:43","guid":{"rendered":"https:\/\/www.hostingvirtuale.com\/blog\/?p=7468"},"modified":"2016-06-28T11:46:31","modified_gmt":"2016-06-28T09:46:31","slug":"immagini-per-siti-web-consigli-utili-per-web-designer","status":"publish","type":"post","link":"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html","title":{"rendered":"Immagini per siti web: consigli utili per il web designer"},"content":{"rendered":"

\"Immagini<\/p>\n

Stai muovendo i primi passi nel modo del web design<\/a> e stai cominciando a fare pratica<\/a>. Lo so, il tuo obiettivo \u00e8 rendere i siti web dei tuoi clienti un\u2019opera d\u2019arte: piattaforme veloci<\/a>, belle da vedere e con una buona user experience<\/a>. Anche la scelta del font<\/a> e dei colori<\/a> riveste un ruolo chiave, questi elementi trasmettono la personalit\u00e0 del progetto web<\/strong> e diventano qualcosa di sacro su cui puntare tutta la tua attenzione.<\/p>\n

Immagini per siti web: vanno\u00a0analizzate\u00a0in fase di progettazione<\/h2>\n

E le immagini? Nel web design sono importanti, devono essere di qualit\u00e0 e adatte a veicolare il messaggio giusto. Non puoi trascurare questo aspetto, relegandolo solo alla fase conclusiva del tuo lavoro. Sarebbe come indossare un abito da sera con le scarpe sportive.<\/p>\n

In questo articolo voglio spiegarti perch\u00e9 immagini e web design<\/strong> possono formare una grande sinergia e trasformare il volto di un sito web o blog.<\/p>\n

Considerando l’importanza delle immagini per siti web<\/strong> e del lavoro necessario a trovarle o realizzarle, ricorda di effettuare sempre una copia di sicurezza utilizzando un spazio esterno al tuo hosting, ad esempio con un sistema di cloud backup<\/a>.<\/div><\/div>\n

Le immagini veicolano velocemente le informazioni<\/h2>\n

Le immagini nel web design sono indispensabili perch\u00e9 trasmettono le informazioni con una velocit\u00e0 superiore<\/strong> rispetto al testo. Il cervello umano \u00e8 pi\u00f9 rapido nella scansione di un contenuto visual.<\/p>\n

Le foto fanno risparmiare tempo, abbattono le barriere linguistiche, emozionano. Quindi seleziona con cura questi elementi mentre realizzi un sito web: largo a infografiche<\/strong> o grafici<\/strong>.<\/p>\n

Le immagini e il web design trasmettono l\u2019identit\u00e0<\/h2>\n

Vado subito al sodo: un\u2019immagine pu\u00f2 essere anche un logo<\/strong>. Questa soluzione serve alle persone per orientarsi<\/strong> e riconoscere subito il tuo sito web. Cos\u00ec i visitatori hanno la certezza di trovarsi nel posto giusto.<\/p>\n

Assicurati che il logo sia ben visibile in uno spazio ben preciso della piattaforma, soprattutto quando ci sono contenuti differenti che richiedono un diverso layout del sito.<\/p>\n

Le immagini esprimono significato<\/h2>\n

Quando stai pianificando l\u2019uso delle immagini per lo spazio web<\/a> controlla che siano allineate con il testo. Detto in altre parole, le foto devono essere contestualizzate<\/strong>, se ti stai occupando di un sito di un ristorante utilizza foto di piatti o della sala con i tavoli.<\/p>\n

\"Instagram<\/a>Un piccolo dettaglio<\/strong>: in situazioni come quella che ho descritto \u00e8 meglio usare immagini con persone<\/strong>. L\u2019elemento umano attira sempre l\u2019attenzione -soprattutto i volti- e trasporta il visitatore in una dimensione familiare.<\/p>\n

Il mio consiglio? Non ripiegare su foto prese dalle librerie web: spesso non sono la soluzione ideale perch\u00e9 potrebbe averle anche un competitor.<\/p>\n

Punta all\u2019unicit\u00e0 e rivolgiti a un fotografo professionista<\/strong> quando necessario.<\/p>\n

Le immagini raggiungono altri contenuti<\/h2>\n

Ti sto parlando delle immagini cliccabili<\/strong> per mettere in collegamento diverse sezioni del sito. Questa soluzione pu\u00f2 essere utilizzata come banner per inserire una call to action.<\/p>\n

Per\u00f2, non dimenticare di rispettare tutti i criteri per sfruttare la forza del visual nel rapporto con la chiamata all’azione: in questi casi \u00e8 giusto fare A\/B test<\/strong> per scoprire qual \u00e8 la soluzione migliore.<\/p>\n

Le immagini sono un elemento SEO<\/h2>\n

Ottimizzare le foto lato SEO \u00e8 un passaggio indispensabile per migliorare le pagine web agli occhi di Google. Questo vuol dire maggiore visibilit\u00e0 per il sito web<\/strong>, ecco perch\u00e9 anche se sei un web designer \u00e8 molto utile conoscere le basi di questa disciplina.<\/p>\n

S\u00ec, l\u2019ottimizzazione SEO permette di rendere le immagini riconoscibili al motore di ricerca. Cosa devi fare per migliorare il contenuto visual dal punto di vista della search engine optimization? Intanto inserisci l\u2019attributo ALT per fornire una descrizione della foto.<\/p>\n

\"Guida<\/a>Questa pratica serve a\u00a0favorire il posizionamento -come ti dicevo- ma \u00e8 utile anche nel caso in cui l\u2019immagine non si veda oppure sia visualizzata da non vedenti.\u00a0L’ALT\u00a0infatti, consente l\u2019interpretazione della foto da parte dei browser specifici per chi ha questi problemi.\u00a0Dovresti inserire anche il nome file<\/strong>, l’attributo title<\/strong> e la didascalia<\/strong> come elementi utili per il posizionamento.<\/p>\n

Se vuoi entrare nelle grazie di Google le immagini ti aiutano, visto? Per\u00f2 non dimenticare le dimensioni<\/strong>. Immagini troppo grandi rallentano la piattaforma, devono essere leggere<\/strong>\u00a0ma senza perdere la risoluzione.<\/p>\n

A\u00a0questo punto ti consiglio di approfondire\u00a0l\u2019importanza di creare un sito web accessibile<\/a>\u00a0in modo da ottimizzare ulteriormente le informazioni che pubblichi online.<\/div><\/div>\n

Immagini per\u00a0web design: cosa ne pensi?<\/h2>\n

Queste sono solo alcuni passaggi che spiegano l\u2019uso accurato delle immagini nel web design. D\u2019altro canto, le foto sono un mezzo universalmente riconosciuto per attrarre l\u2019attenzione degli internauti e costruire con loro un rapporto di fiducia<\/strong>.<\/p>\n

Ora aspetto il tuo punto di vista nei commenti. Secondo te manca ancora qualcosa per rendere le immagini e il web design un\u2019accoppiata vincente?<\/p>\n","protected":false},"excerpt":{"rendered":"

Stai muovendo i primi passi nel modo del web design e stai cominciando a fare pratica. Lo so, il tuo obiettivo \u00e8 rendere i siti web dei tuoi clienti un\u2019opera d\u2019arte: piattaforme veloci, belle da vedere e con una buona user experience. Anche la scelta del font e dei colori riveste un ruolo chiave, questi […]<\/p>\n","protected":false},"author":9,"featured_media":7474,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_97753652_97753652":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[516],"tags":[533,530],"class_list":{"0":"post-7468","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-design","8":"tag-freelance","9":"tag-grafica","10":"entry"},"yoast_head":"\nImmagini per siti web: consigli utili per il web designer<\/title>\n<meta name=\"description\" content=\"Alcuni consigli utili a tutti i web designer in merito alla realizzazione di immagini per siti web e a tutti i fattori che ne determinano la qualit\u00e0.\" \/>\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.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Immagini per siti web: consigli utili per il web designer\" \/>\n<meta property=\"og:description\" content=\"Alcuni consigli utili a tutti i web designer in merito alla realizzazione di immagini per siti web e a tutti i fattori che ne determinano la qualit\u00e0.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html\" \/>\n<meta property=\"og:site_name\" content=\"Il blog di HostingVirtuale\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HostingVirtuale\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/marilena.dambro\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-28T09:19:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-06-28T09:46:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/immagini-per-siti-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marilena D'Ambro\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MarlienaD\" \/>\n<meta name=\"twitter:site\" content=\"@HostingVirtuale\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marilena D'Ambro\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html\",\"name\":\"Immagini per siti web: consigli utili per il web designer\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/immagini-per-siti-web.jpg\",\"datePublished\":\"2016-06-28T09:19:43+00:00\",\"dateModified\":\"2016-06-28T09:46:31+00:00\",\"author\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/9a8c266a121878547346e2ee56abf7bd\"},\"description\":\"Alcuni consigli utili a tutti i web designer in merito alla realizzazione di immagini per siti web e a tutti i fattori che ne determinano la qualit\u00e0.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html#primaryimage\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/immagini-per-siti-web.jpg\",\"contentUrl\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/immagini-per-siti-web.jpg\",\"width\":720,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hostingvirtuale.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Immagini per siti web: consigli utili per il web designer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#website\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/\",\"name\":\"Il blog di HostingVirtuale\",\"description\":\"Hosting e Registrazione Domini\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hostingvirtuale.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/9a8c266a121878547346e2ee56abf7bd\",\"name\":\"Marilena D'Ambro\",\"sameAs\":[\"https:\/\/www.facebook.com\/marilena.dambro\",\"https:\/\/x.com\/MarlienaD\"],\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/author\/marilena\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Immagini per siti web: consigli utili per il web designer","description":"Alcuni consigli utili a tutti i web designer in merito alla realizzazione di immagini per siti web e a tutti i fattori che ne determinano la qualit\u00e0.","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.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html","og_locale":"it_IT","og_type":"article","og_title":"Immagini per siti web: consigli utili per il web designer","og_description":"Alcuni consigli utili a tutti i web designer in merito alla realizzazione di immagini per siti web e a tutti i fattori che ne determinano la qualit\u00e0.","og_url":"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html","og_site_name":"Il blog di HostingVirtuale","article_publisher":"https:\/\/www.facebook.com\/HostingVirtuale","article_author":"https:\/\/www.facebook.com\/marilena.dambro","article_published_time":"2016-06-28T09:19:43+00:00","article_modified_time":"2016-06-28T09:46:31+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/immagini-per-siti-web.jpg","type":"image\/jpeg"}],"author":"Marilena D'Ambro","twitter_card":"summary_large_image","twitter_creator":"@MarlienaD","twitter_site":"@HostingVirtuale","twitter_misc":{"Scritto da":"Marilena D'Ambro","Tempo di lettura stimato":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html","url":"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html","name":"Immagini per siti web: consigli utili per il web designer","isPartOf":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html#primaryimage"},"image":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html#primaryimage"},"thumbnailUrl":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/immagini-per-siti-web.jpg","datePublished":"2016-06-28T09:19:43+00:00","dateModified":"2016-06-28T09:46:31+00:00","author":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/9a8c266a121878547346e2ee56abf7bd"},"description":"Alcuni consigli utili a tutti i web designer in merito alla realizzazione di immagini per siti web e a tutti i fattori che ne determinano la qualit\u00e0.","breadcrumb":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html#primaryimage","url":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/immagini-per-siti-web.jpg","contentUrl":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/immagini-per-siti-web.jpg","width":720,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostingvirtuale.com\/blog\/immagini-per-siti-web-consigli-utili-per-web-designer-7468.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostingvirtuale.com\/blog"},{"@type":"ListItem","position":2,"name":"Immagini per siti web: consigli utili per il web designer"}]},{"@type":"WebSite","@id":"https:\/\/www.hostingvirtuale.com\/blog\/#website","url":"https:\/\/www.hostingvirtuale.com\/blog\/","name":"Il blog di HostingVirtuale","description":"Hosting e Registrazione Domini","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostingvirtuale.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/9a8c266a121878547346e2ee56abf7bd","name":"Marilena D'Ambro","sameAs":["https:\/\/www.facebook.com\/marilena.dambro","https:\/\/x.com\/MarlienaD"],"url":"https:\/\/www.hostingvirtuale.com\/blog\/author\/marilena"}]}},"_links":{"self":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts\/7468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/comments?post=7468"}],"version-history":[{"count":0,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts\/7468\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/media\/7474"}],"wp:attachment":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/media?parent=7468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/categories?post=7468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/tags?post=7468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}