Snippet di Google: cos'è e quali sono i vantaggi per il sito web

Lo Snippet di Google è uno strumento efficace per invogliare gli utenti a visitare un sito, a patto che sia ottimizzato in ottica SEO e segua alcune regole: ecco quali sono

Alt text

Quando si fa una ricerca online con Google tramite delle parole chiave, il motore di ricerca offre una pagina con tutti i risultati in ordine di pertinenza; oltre al nome del sito web, mostra anche una piccola anteprima del contenuto che serve all’utente per capire se quel sito faccia al caso suo.

Questa piccola anteprima viene chiamata snippet e va redatta secondo alcune linee guida, in modo che Google possa indicizzare correttamente la pagina e mostrarla a chi sta facendo una ricerca tramite determinate parole chiave.

Cosa è lo Snippet di Google

Snippet in inglese significa ritaglio o frammento e, come si è visto, è un elemento che offre una prima panoramica – o un riassunto – dei contenuti di una determinata pagina web. Un esempio di snippet sono il titolo e la metadescrizione di una pagina, che costituiscono l’elemento su cui si clicca in una pagina di risultati di Google.

Secondo il popolare motore di ricerca, gli snippet sono il primissimo modo per convincere un utente a cliccare su un risultato, preferendolo ad un altro. Essi rappresentano un elemento utile per fare una buona prima impressione con gli utenti che stanno facendo ricerche.

Proprio per questo loro ruolo di “biglietto da visita” di un sito, curare la creazione di questi contenuti e fornire titoli e descrizioni pertinenti e secondo le regole della SEO risulta cruciale.

Dove appare il tuo sito?
Ottimizzalo in chiave SEO con i nostri esperti!
Scopri come

Titoli e metadescrizioni: le regole di Google

Google ha condiviso regole e suggerimenti per ottimizzare titoli e metadescrizioni in ottica SEO e fare sì che un sito possa essere trovato più facilmente dagli utenti che navigano in rete.

Scrivere titoli efficaci per Google

I titoli sono certamente il primo elemento che verrà mostrato e sul quale si vuole invogliare l’utente a cliccare; come si è visto infatti servono per fornire agli utenti un’anteprima del contenuto di un sito web e del perché questo sia pertinente con la loro ricerca.

Ogni pagina di un sito web deve avere un suo titolo, efficace e conciso, evitando testi lunghi, ripetizione di parole chiave – che possono avere l’effetto opposto e far sembrare i risultati spam a Google – e va specificato nell’elemento per ogni pagina, così che Google possa rilevarlo automaticamente.</p> <h2 id="iol-toc-38081e5e84a758f5adc7adff6dc90dcd"><strong>Scrivere metadescrizioni chiare e sintetiche</strong></h2> <p>Il secondo elemento da curare con attenzione è la <strong style="font-size: 16px">metadescrizione</strong><span style="font-size: 16px"> della pagina. Questo breve testo di circa 150 caratteri permette di </span><strong style="font-size: 16px">espandere</strong> <strong style="font-size: 16px">il</strong> <strong style="font-size: 16px">contenuto</strong><span style="font-size: 16px"> di una pagina di un sito web e, come per il titolo, anche qui Google suggerisce alcune semplici regole.</span></p> <p>In realtà non ci sono limiti imposti alla lunghezza di questo elemento, ma Google lo taglierà in automatico per adattarlo alla pagina dei risultati e quindi è consigliabile rimanere su testi più brevi,</p><div class="cta"><div class="cta__text"><span class="cta__title"><strong>Dove appare il tuo sito?</strong> </span></div> <div class="cta__text"><span class="cta__title"> Ottimizzalo in chiave <strong> SEO </strong> con i nostri esperti!<br /> <a class="cta__btn" data-iol-ck='{"domain":"iolblog","pag_id":"foglia","box":"box-cta","link_type":"cta_9_0"}' href="/servizi/ottimizzazione-seo/" target="_blank" rel="noopener">Scopri come</a> </span></div> </div> <p>L’obiettivo di una metadescrizione efficace è sempre quello di dare <strong>una sorta di sommario pertinente degli argomenti </strong>trattati da una pagina, convincendo l’utente a cliccare su quel determinato risultato.</p> <p>Affinché le metadescrizioni siano funzionali in termini di <a href="https://www.italiaonline.it/risorse/serp-di-google-cos-e-e-come-funziona-4249">SERP</a>, ovvero la pagina dei risultati di un motore di ricerca come Google, queste devono soddisfare alcuni requisiti: innanzitutto ogni pagina deve averne una e deve <strong>fornire agli utenti informazioni sintetiche </strong>e rilevanti. Inoltre non deve essere una semplice ripetizione casuale di parole chiave, ma deve essere costituita da un <strong>testo ben redatto</strong>, in modo da essere rilevata dagli algoritmi del motore di ricerca come elemento di qualità e non come spam.</p> <p>Ultimo ma non meno importante, Google permette anche di <strong>impedire la creazione e la visualizzazione</strong> degli snippet nei risultati di ricerca, o decidere in autonomia la lunghezza massima che si vuole mostrare per gli snippet. Per farlo bisogna usare il meta tag robot nosnippet, che <strong>impedisce</strong> la visualizzazione di snippet nelle SERP, e max-snippet:[number] per impostare la <strong>lunghezza massima</strong> degli snippet.</p> <p>Se hai un sito web e vuoi migliorarne le performance e prestazioni in termini di traffico e visualizzazioni,<strong> l’ottimizzazione della SEO anche per gli snippet di Google è fondamentale</strong>. Gestire correttamente la SEO permette spingere un sito web tra i primi risultati delle ricerche online, facendosi trovare dai potenziali clienti più interessati ai tuoi prodotti e servizi.</p> <p>I <strong>servizi SEO</strong> <strong>di Italiaonline</strong> ti fanno avere immagini, menu, titoli e compatibilità con i dispositivi mobili. Il supporto dei nostri esperti in merito di <strong>ottimizzazione del sito web</strong> e la cura di ogni dettaglio renderà il tuo sito più facile da trovare e più piacevole da utilizzare per tutti gli utenti.</p><div class="cta"><div class="cta__text"><span class="cta__title"><strong>Dove appare il tuo sito?</strong> </span></div> <div class="cta__text"><span class="cta__title"> Ottimizzalo in chiave <strong> SEO </strong> con i nostri esperti!<br /> <a class="cta__btn" data-iol-ck='{"domain":"iolblog","pag_id":"foglia","box":"box-cta","link_type":"cta_14_0"}' href="/servizi/ottimizzazione-seo/" target="_blank" rel="noopener">Scopri come</a> </span></div> </div> </p> </div> <div class="tgs"> <span class="tgs__itm tgs__itm--frst">Tags: </span> <ul class="tgs__el"> <li class="tgs__itm"><a href="/risorse/tag/seo/">SEO</a></li> <li class="tgs__itm"><a href="/risorse/tag/content-marketing/">Content Marketing</a></li> <li class="tgs__itm"><a href="/risorse/tag/sito-web/">sito web</a></li> <li class="tgs__itm"><a href="/risorse/tag/google/">google</a></li> </ul> </div> </article> </div> <div class="mc-g__sd"> <div class="mc-g__sd-i mc-g__sd-i--lncg"> <article class="lnc-g"> <a href="/risorse/e-mail-marketing-cos-e-la-sequenza-soap-opera-e-come-puo-aumentare-le-vendite-5577" class="lnc-g__cnt"> <picture class="lnc-g__img"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/email-marketing-1.jpg?w=90&h=108&a=c" media="(min-width: 37.438em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/email-marketing-1.jpg?w=90&h=108&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/email-marketing-1.jpg?w=90&h=108&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/email-marketing-1.jpg?w=90&h=108&a=c" alt="Alt text" /></noscript> </picture> <span class="lnc-g__text"> <h3 class="lnc-g__tit">E-mail marketing: cos'è la sequenza Soap Opera e come può aumentare le vendite</h3> <p class="lnc-g__txt">SCOPRI LA GUIDA</p> </span> <a href="/risorse/guide/" class="cat lnc-g__cat">GUIDE</a> </a> </article> </div> <div class="mc-g__sd-i mc-g__sd-i--lga"> <span class="mc-g__sd-i__lbl">LEGGI ANCHE</span> <ul> <li class="mc-g__sd-i__itm"> <article class="lnc-gd lnc-gd--fgl"> <a class="lnc-gd__cnt" href="/risorse/come-migliorare-un-offerta-commerciale-5186"> <picture class="lnc-gd__img"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/04/offerta-commerciale.jpg?w=120&h=144&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/04/offerta-commerciale.jpg?w=180&h=215&a=c" media="(min-width: 37.5em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/04/offerta-commerciale.jpg?w=120&h=144&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/04/offerta-commerciale.jpg?w=120&h=144&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/04/offerta-commerciale.jpg?w=120&h=144&a=c" alt="Alt text" /></noscript> </picture> <span class="lnc-gd__text"> <h3 class="lnc-gd__title">Come migliorare un'offerta commerciale</h3> <p class="lnc-gd__txt">Migliorare un’offerta commerciale è possibile e per farlo bisogna ascoltare i bisogni dei...</p> <span class="cat lnc-gd__cat">SCOPRI</span> </span> </a> </article> </li> <li class="mc-g__sd-i__itm"> <article class="lnc-gd lnc-gd--fgl"> <a class="lnc-gd__cnt" href="/risorse/aumentare-credibilita-di-un-sito-inserisci-un-box-per-commenti-e-valutazioni-4629"> <picture class="lnc-gd__img"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2021/11/recensioni.jpg?w=120&h=144&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2021/11/recensioni.jpg?w=180&h=215&a=c" media="(min-width: 37.5em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2021/11/recensioni.jpg?w=120&h=144&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2021/11/recensioni.jpg?w=120&h=144&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2021/11/recensioni.jpg?w=120&h=144&a=c" alt="Alt text" /></noscript> </picture> <span class="lnc-gd__text"> <h3 class="lnc-gd__title">Aumentare credibilità di un sito: inserisci un box per commenti e valutazioni</h3> <p class="lnc-gd__txt">I feedback dei clienti sono oro colato per le aziende: ma quante tipologie ne esistono? E come...</p> <span class="cat lnc-gd__cat">SCOPRI</span> </span> </a> </article> </li> <li class="mc-g__sd-i__itm"> <article class="lnc-gd lnc-gd--fgl"> <a class="lnc-gd__cnt" href="/risorse/deduzioni-e-detrazioni-fiscali-quali-sono-le-differenze-275"> <picture class="lnc-gd__img"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2020/03/dichiarazione-redditi-730.jpg?w=120&h=144&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2020/03/dichiarazione-redditi-730.jpg?w=180&h=215&a=c" media="(min-width: 37.5em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2020/03/dichiarazione-redditi-730.jpg?w=120&h=144&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2020/03/dichiarazione-redditi-730.jpg?w=120&h=144&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2020/03/dichiarazione-redditi-730.jpg?w=120&h=144&a=c" alt="Alt text" /></noscript> </picture> <span class="lnc-gd__text"> <h3 class="lnc-gd__title">Deduzioni e detrazioni fiscali, quali sono le differenze</h3> <p class="lnc-gd__txt"></p> <span class="cat lnc-gd__cat">SCOPRI</span> </span> </a> </article> </li> </ul> <a href="/risorse/guide/" class="mc-g__sd-i__lnk">Scopri altre guide</a> </div> <div class="mc-g__sd-i"> <span class="mc-g__sd-i__lbl">BANDI</span> <ul> <li class="mc-g__sd-i__itm"> <article class="lnc-b"> <a class="lnc-b__dt">dal 19 mag 2021 al 16 lug 2021</a> <a href="/risorse/pmi-torino-come-avere-i-voucher-digitali-i4-0-4079" class="lnc-b__title">PMI Torino: come avere i voucher digitali I4.0</a> <a class="cat lnc-b__cat">Piemonte</a> </article> </li> </ul> <a href="/risorse/bandi/" class="mc-g__sd-i__lnk">Scopri tutti i bandi</a> </div> </div> </div> </div> <div class="m-g__r u-row u-row--g"> <section class="bc-g"> <div> <h4 class="bc-g__tit"><a href="#" class="txt-g">TI POTREBBE INTERESSARE</a></h4> <ul class="bc-g__el"> <li class="bc-g__itm"> <article class="lancio-i"> <div class="lancio-i__img"> <a href="/risorse/turismo-aumentano-le-imprese-che-investono-nel-digitale-5588"> <picture> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=320&h=180&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=780&h=440&a=c" media="(max-width: 63.938em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=636&h=358&a=c" media="(max-width: 85.313em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=810&h=456&a=c" media="(min-width: 85.375em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=810&h=456&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=810&h=456&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=810&h=456&a=c" alt="Alt text" /></noscript> </picture> </a> </div> <h3 class="lancio-i__txt"><a href="/risorse/turismo-aumentano-le-imprese-che-investono-nel-digitale-5588">Turismo: aumentano le imprese che investono nel digitale</a></h3> <a href="/risorse/blog/news-pmi/"><span class="cat lancio-i__cat">News PMI</span></a> </article> </li> <li class="bc-g__itm"> <article class="lancio-i"> <div class="lancio-i__img"> <a href="/risorse/influencer-marketing-su-tiktok-120-di-interazioni-rispetto-a-instagram-5581"> <picture> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=320&h=180&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=780&h=440&a=c" media="(max-width: 63.938em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=636&h=358&a=c" media="(max-width: 85.313em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=810&h=456&a=c" media="(min-width: 85.375em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=810&h=456&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=810&h=456&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=810&h=456&a=c" alt="Alt text" /></noscript> </picture> </a> </div> <h3 class="lancio-i__txt"><a href="/risorse/influencer-marketing-su-tiktok-120-di-interazioni-rispetto-a-instagram-5581">Influencer marketing: su TikTok +120% di interazioni rispetto a Instagram</a></h3> <a href="/risorse/blog/social-media-marketing/"><span class="cat lancio-i__cat">Social Media Marketing</span></a> </article> </li> <li class="bc-g__itm"> <article class="lancio-i"> <div class="lancio-i__img"> <a href="/risorse/banche-e-servizi-finanziari-gli-italiani-usano-sempre-piu-le-soluzioni-mobile-5564"> <picture> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=320&h=180&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=780&h=440&a=c" media="(max-width: 63.938em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=636&h=358&a=c" media="(max-width: 85.313em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=810&h=456&a=c" media="(min-width: 85.375em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=810&h=456&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=810&h=456&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=810&h=456&a=c" alt="Alt text" /></noscript> </picture> </a> </div> <h3 class="lancio-i__txt"><a href="/risorse/banche-e-servizi-finanziari-gli-italiani-usano-sempre-piu-le-soluzioni-mobile-5564">Banche e servizi finanziari: gli italiani usano sempre più le soluzioni mobile</a></h3> <a href="/risorse/blog/news-pmi/"><span class="cat lancio-i__cat">News PMI</span></a> </article> </li> <li class="bc-g__itm"> <article class="lancio-i"> <div class="lancio-i__img"> <a href="/risorse/la-pubblicita-online-decolla-dopo-la-pandemia-ecco-i-nuovi-dati-italiani-5554"> <picture> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=320&h=180&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=780&h=440&a=c" media="(max-width: 63.938em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=636&h=358&a=c" media="(max-width: 85.313em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=810&h=456&a=c" media="(min-width: 85.375em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=810&h=456&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=810&h=456&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=810&h=456&a=c" alt="Alt text" /></noscript> </picture> </a> </div> <h3 class="lancio-i__txt"><a href="/risorse/la-pubblicita-online-decolla-dopo-la-pandemia-ecco-i-nuovi-dati-italiani-5554">La pubblicità online decolla dopo la pandemia: ecco i nuovi dati italiani</a></h3> <a href="/risorse/blog/news-pmi/"><span class="cat lancio-i__cat">News PMI</span></a> </article> </li> </ul> </div> </section> </div> <div class="m-g__r u-row-footer"> <footer class="footerCorp main-footer"> <section class="footerCorp__row footerCorp__row--flex"> <div class="footerCorp__cnt"> <div class="footerCorp__srow"> <div class="srow__cnt"> <div class="srow__cnt--inner"> <div class="srow__wrapper"> <div class="srow__wrapper--inner"> <div class="srow__img"> <figure class="srow__img--fig"> <div class="srow__img--wrapper"><img width="150" height="27" src="//i.plug.it/italiaonline.it/blog/public/img/logo_150px_p.png" class="lazy" alt="" data-src="//i.plug.it/italiaonline.it/blog/public/img/logo_150px_p.png" data-aspect="3.75" srcset="" data-was-processed="true"></div> </figure> </div> <!--<div class="srow__spacer"><span></span></div>--> </div> </div> </div> </div> <div class="srow__cnt"> <div class="srow__cnt--inner"> <div class="srow__wrapper"> <div class="srow__wrapper--inner"> <div class="srow__wrp-el"> <ul class="srow__wrp-lnk"> <li><a href="https://www.italiaonline.it/corporate/informativa-privacy/" target="_blank">Privacy</a></li> <li><a href="http://privacy.italiaonline.it/common/cookie/privacy_detail.php?from=banner" target="_blank">Cookie Policy</a></li> <li><a href="https://www.italiaonline.it/wp-content/uploads/2017/03/Documento-delle-caratteristiche-del-sistema-di-Firma-Elettronica-Avanzata-ai-sensi-dellart-57-DPCM-22-febbraio-2013-v-3-marzo-2017.pdf" target="_blank">Firma Elettronica Avanzata</a></li> </ul> </div> <!-- <div class="srow__spacer"><span></span></div>--> </div> </div> </div> </div> <div class="srow__cnt"> <div class="srow__cnt--inner"> <div class="srow__wrapper"> <div class="srow__wrapper--inner"> <ul class="srow__social"> <li class="srow__social__el"> <a href="https://www.facebook.com/Italiaonline/" target="_blank"> <svg class="srow__social__icn srow__social--fb" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 32"> <path d="M11 6h5V0h-5C7.2 0 4 3.2 4 7v3H0v6h4v16h6V16h5l1-6h-6V7C10 6.5 10.4 6 11 6z"></path> </svg> </a> </li> <li class="srow__social__el"> <a href="https://twitter.com/italiaonline_it/" target="_blank"> <svg xmlns="//www.w3.org/2000/svg" viewBox="0 0 36 29.3" preserveAspectRatio="xMidYMid meet" class="srow__social__icn srow__social--tw"> <path d="M36 3.5c-1.3 0.6-2.7 1-4.2 1.2 1.5-0.9 2.7-2.4 3.2-4.1 -1.4 0.8-3 1.5-4.7 1.8C29 0.9 27 0 24.9 0c-4.1 0-7.4 3.3-7.4 7.4 0 0.6 0.1 1.1 0.2 1.7C11.6 8.8 6.2 5.8 2.5 1.4 1.9 2.4 1.5 3.7 1.5 5.1c0 2.6 1.3 4.8 3.3 6.1 -1.2 0-2.3-0.4-3.3-0.9v0.1c0 3.6 2.5 6.6 5.9 7.2 -0.6 0.2-1.3 0.3-1.9 0.3 -0.5 0-0.9 0-1.4-0.1 0.9 2.9 3.7 5.1 6.9 5.1 -2.5 2-5.7 3.2-9.2 3.2 -0.6 0-1.2 0-1.8-0.1 3.3 2.1 7.2 3.3 11.3 3.3 13.6 0 21-11.3 21-21 0-0.3 0-0.6 0-1C33.8 6.2 35 4.9 36 3.5" class="svg-a"></path> </svg> </a> </li> <li class="srow__social__el"> <a href="https://www.linkedin.com/company/italiaonline/" target="_blank"> <svg xmlns="//www.w3.org/2000/svg" viewBox="0 0 128 128" class="srow__social__icn"> <path d="M44.12 95.934H29.183V47.93H44.12v48.004zM36.655 41.37C31.864 41.37 28 37.496 28 32.72c0-4.775 3.864-8.652 8.656-8.652 4.77 0 8.646 3.876 8.646 8.652 0 4.777-3.874 8.653-8.646 8.653zM100 95.935H85.08V72.59c0-5.566-.096-12.728-7.75-12.728-7.766 0-8.95 6.065-8.95 12.33v23.742h-14.9V47.93h14.3v6.562h.204c1.99-3.774 6.857-7.753 14.117-7.753C97.207 46.74 100 56.677 100 69.606L100 95.934z"></path> </svg> </a> </li> <li class="srow__social__el"> <a href="https://www.instagram.com/italiaonline/" target="_blank"> <svg class="srow__social__icn" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm138 0q0 164-115 279t-279 115-279-115-115-279 115-279 279-115 279 115 115 279zm108-410q0 38-27 65t-65 27-65-27-27-65 27-65 65-27 65 27 27 65zm-502-220q-7 0-76.5-.5t-105.5 0-96.5 3-103 10-71.5 18.5q-50 20-88 58t-58 88q-11 29-18.5 71.5t-10 103-3 96.5 0 105.5.5 76.5-.5 76.5 0 105.5 3 96.5 10 103 18.5 71.5q20 50 58 88t88 58q29 11 71.5 18.5t103 10 96.5 3 105.5 0 76.5-.5 76.5.5 105.5 0 96.5-3 103-10 71.5-18.5q50-20 88-58t58-88q11-29 18.5-71.5t10-103 3-96.5 0-105.5-.5-76.5.5-76.5 0-105.5-3-96.5-10-103-18.5-71.5q-20-50-58-88t-88-58q-29-11-71.5-18.5t-103-10-96.5-3-105.5 0-76.5.5zm768 630q0 229-5 317-10 208-124 322t-322 124q-88 5-317 5t-317-5q-208-10-322-124t-124-322q-5-88-5-317t5-317q10-208 124-322t322-124q88-5 317-5t317 5q208 10 322 124t124 322q5 88 5 317z"/></svg> </a> </li> <li class="srow__social__el"> <a href="https://www.pinterest.it/italiaonline/" target="_blank"> <svg class="srow__social__icn" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1664 896q0 209-103 385.5t-279.5 279.5-385.5 103q-111 0-218-32 59-93 78-164 9-34 54-211 20 39 73 67.5t114 28.5q121 0 216-68.5t147-188.5 52-270q0-114-59.5-214t-172.5-163-255-63q-105 0-196 29t-154.5 77-109 110.5-67 129.5-21.5 134q0 104 40 183t117 111q30 12 38-20 2-7 8-31t8-30q6-23-11-43-51-61-51-151 0-151 104.5-259.5t273.5-108.5q151 0 235.5 82t84.5 213q0 170-68.5 289t-175.5 119q-61 0-98-43.5t-23-104.5q8-35 26.5-93.5t30-103 11.5-75.5q0-50-27-83t-77-33q-62 0-105 57t-43 142q0 73 25 122l-99 418q-17 70-13 177-206-91-333-281t-127-423q0-209 103-385.5t279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/></svg> </a> </li> <li class="srow__social__el"> <a href="https://www.youtube.com/channel/UCUs6QTUXQ1c96W0Taq_EFpA" target="_blank"> <svg class="srow__social__icn" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1099 1244v211q0 67-39 67-23 0-45-22v-301q22-22 45-22 39 0 39 67zm338 1v46h-90v-46q0-68 45-68t45 68zm-966-218h107v-94h-312v94h105v569h100v-569zm288 569h89v-494h-89v378q-30 42-57 42-18 0-21-21-1-3-1-35v-364h-89v391q0 49 8 73 12 37 58 37 48 0 102-61v54zm429-148v-197q0-73-9-99-17-56-71-56-50 0-93 54v-217h-89v663h89v-48q45 55 93 55 54 0 71-55 9-27 9-100zm338-10v-13h-91q0 51-2 61-7 36-40 36-46 0-46-69v-87h179v-103q0-79-27-116-39-51-106-51-68 0-107 51-28 37-28 116v173q0 79 29 116 39 51 108 51 72 0 108-53 18-27 21-54 2-9 2-58zm-608-913v-210q0-69-43-69t-43 69v210q0 70 43 70t43-70zm719 751q0 234-26 350-14 59-58 99t-102 46q-184 21-555 21t-555-21q-58-6-102.5-46t-57.5-99q-26-112-26-350 0-234 26-350 14-59 58-99t103-47q183-20 554-20t555 20q58 7 102.5 47t57.5 99q26 112 26 350zm-998-1276h102l-121 399v271h-100v-271q-14-74-61-212-37-103-65-187h106l71 263zm370 333v175q0 81-28 118-38 51-106 51-67 0-105-51-28-38-28-118v-175q0-80 28-117 38-51 105-51 68 0 106 51 28 37 28 117zm335-162v499h-91v-55q-53 62-103 62-46 0-59-37-8-24-8-75v-394h91v367q0 33 1 35 3 22 21 22 27 0 57-43v-381h91z"/></svg> </a> </li> </ul> <!--<div class="srow__spacer"><span></span></div>--> </div> </div> </div> </div> </div> </div> </section> <section class="footerCorp__row footerCorp__row--flex"> <div class="footerCorp__cnt"> <div class="footerCorp__srow"> <div class="srow__cnt srow__cnt--tc"> <div class="srow__cnt--inner"> <div class="srow__wrapper"> <div class="srow__wrapper--inner"> <div class="srow__wrp-el"> <p class="srow__wrp-el__txt">© Italiaonline  2022 - P. IVA 03970540963</p> </div> <!-- <div class="srow__spacer"><span></span></div>--> </div> </div> </div> </div> </div> </div> </section> </footer> </div> </div> </div> <div class="src-l"> <span class="src-l__close"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="src-l__icn"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> </svg> </span> <div class="src-l__cnt src-l__cnt--top"> <form action="/risorse/ricerca/" class="frm frm--lyr"> <input name="qs" type="search" placeholder="cosa ti serve?" class="frm__text" > <button type="submit" class="btn btn--frm"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" /> </svg> </button> </form> </div> <div class="src-l__cnt src-l__cnt--btm"> <div class="s-lst"> <ul class="s-lst__el"> <h3 class="s-lst__title">Gli ultimi articoli</h3> <li class="s-lst__itm"> <article class="lnc"> <div class="lnc__img"> <a href="/risorse/turismo-aumentano-le-imprese-che-investono-nel-digitale-5588"> <picture> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=320&h=180&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=780&h=440&a=c" media="(max-width: 63.938em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=636&h=358&a=c" media="(max-width: 85.313em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=810&h=456&a=c" media="(min-width: 85.375em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=810&h=456&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=810&h=456&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/turismo-digitalizzazione.jpg?w=810&h=456&a=c" alt="Alt text" /></noscript> </picture> </a> </div> <div class="lnc__txt"> <h3 class="lnc__tit"><a href="/risorse/turismo-aumentano-le-imprese-che-investono-nel-digitale-5588">Turismo: aumentano le imprese che investono nel digitale</a> </h3> <a href="/risorse/blog/news-pmi/" class="cat lnc-cat">News PMI</a> </div> </article> </li> <li class="s-lst__itm"> <article class="lnc"> <div class="lnc__img"> <a href="/risorse/influencer-marketing-su-tiktok-120-di-interazioni-rispetto-a-instagram-5581"> <picture> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=320&h=180&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=780&h=440&a=c" media="(max-width: 63.938em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=636&h=358&a=c" media="(max-width: 85.313em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=810&h=456&a=c" media="(min-width: 85.375em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=810&h=456&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=810&h=456&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/08/tiktok-1.jpg?w=810&h=456&a=c" alt="Alt text" /></noscript> </picture> </a> </div> <div class="lnc__txt"> <h3 class="lnc__tit"><a href="/risorse/influencer-marketing-su-tiktok-120-di-interazioni-rispetto-a-instagram-5581">Influencer marketing: su TikTok +120% di interazioni rispetto a Instagram</a> </h3> <a href="/risorse/blog/social-media-marketing/" class="cat lnc-cat">Social Media Marketing</a> </div> </article> </li> <li class="s-lst__itm"> <article class="lnc"> <div class="lnc__img"> <a href="/risorse/banche-e-servizi-finanziari-gli-italiani-usano-sempre-piu-le-soluzioni-mobile-5564"> <picture> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=320&h=180&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=780&h=440&a=c" media="(max-width: 63.938em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=636&h=358&a=c" media="(max-width: 85.313em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=810&h=456&a=c" media="(min-width: 85.375em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=810&h=456&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=810&h=456&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/donna-al-computer.jpg?w=810&h=456&a=c" alt="Alt text" /></noscript> </picture> </a> </div> <div class="lnc__txt"> <h3 class="lnc__tit"><a href="/risorse/banche-e-servizi-finanziari-gli-italiani-usano-sempre-piu-le-soluzioni-mobile-5564">Banche e servizi finanziari: gli italiani usano sempre più le soluzioni mobile</a> </h3> <a href="/risorse/blog/news-pmi/" class="cat lnc-cat">News PMI</a> </div> </article> </li> <li class="s-lst__itm"> <article class="lnc"> <div class="lnc__img"> <a href="/risorse/la-pubblicita-online-decolla-dopo-la-pandemia-ecco-i-nuovi-dati-italiani-5554"> <picture> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=320&h=180&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=780&h=440&a=c" media="(max-width: 63.938em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=636&h=358&a=c" media="(max-width: 85.313em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=810&h=456&a=c" media="(min-width: 85.375em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=810&h=456&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=810&h=456&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/03/mobile-adv.jpg?w=810&h=456&a=c" alt="Alt text" /></noscript> </picture> </a> </div> <div class="lnc__txt"> <h3 class="lnc__tit"><a href="/risorse/la-pubblicita-online-decolla-dopo-la-pandemia-ecco-i-nuovi-dati-italiani-5554">La pubblicità online decolla dopo la pandemia: ecco i nuovi dati italiani</a> </h3> <a href="/risorse/blog/news-pmi/" class="cat lnc-cat">News PMI</a> </div> </article> </li> <li class="s-lst__itm"> <article class="lnc"> <div class="lnc__img"> <a href="/risorse/vuoi-provare-a-ridurre-l-impatto-ambientale-dei-tuoi-imballaggi-usando-dei-packaging-sostenibili-5541"> <picture> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/packaging-sostenibile.jpg?w=320&h=180&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/packaging-sostenibile.jpg?w=780&h=440&a=c" media="(max-width: 63.938em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/packaging-sostenibile.jpg?w=636&h=358&a=c" media="(max-width: 85.313em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/packaging-sostenibile.jpg?w=810&h=456&a=c" media="(min-width: 85.375em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/packaging-sostenibile.jpg?w=810&h=456&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/packaging-sostenibile.jpg?w=810&h=456&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/packaging-sostenibile.jpg?w=810&h=456&a=c" alt="Alt text" /></noscript> </picture> </a> </div> <div class="lnc__txt"> <h3 class="lnc__tit"><a href="/risorse/vuoi-provare-a-ridurre-l-impatto-ambientale-dei-tuoi-imballaggi-usando-dei-packaging-sostenibili-5541">Vuoi provare a ridurre l'impatto ambientale dei tuoi imballaggi usando dei packaging sostenibili?</a> </h3> <a href="/risorse/blog/siti-e-commerce/" class="cat lnc-cat">Siti & E-commerce</a> </div> </article> </li> <li class="s-lst__itm"> <article class="lnc"> <div class="lnc__img"> <a href="/risorse/e-commerce-b2b-in-italia-vale-sempre-di-piu-5536"> <picture> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/b2b.jpg?w=320&h=180&a=c" media="(max-width: 37.438em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/b2b.jpg?w=780&h=440&a=c" media="(max-width: 63.938em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/b2b.jpg?w=636&h=358&a=c" media="(max-width: 85.313em)"> <source data-srcset="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/b2b.jpg?w=810&h=456&a=c" media="(min-width: 85.375em)"> <img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/b2b.jpg?w=810&h=456&a=c" data-src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/b2b.jpg?w=810&h=456&a=c" alt="Alt text" /> <noscript><img src="https://wips.plug.it/cips/italiaonline.it/blog/cms/2022/07/b2b.jpg?w=810&h=456&a=c" alt="Alt text" /></noscript> </picture> </a> </div> <div class="lnc__txt"> <h3 class="lnc__tit"><a href="/risorse/e-commerce-b2b-in-italia-vale-sempre-di-piu-5536">E-commerce B2B: in Italia vale sempre di più</a> </h3> <a href="/risorse/blog/news-pmi/" class="cat lnc-cat">News PMI</a> </div> </article> </li> </ul> </div> </div> </div> <div class="spinner">Caricamento contenuti...</div> <noscript id="deferred-styles"> <link rel="stylesheet" href="/risorse/css/3/guide_foglia.css"> </noscript> <!-- IOL Analytics --> <script src="//i.plug.it/iplug/js/lib/iol/analytics/data/www-italiaonline-it/tracking_www-italiaonline-it.min.js"></script> <script src="//i.plug.it/iplug/js/lib/iol/analytics/engine/IOL.Analytics.Tracking.min.js"></script> <script type="text/javascript"> var iat = new IOL.Analytics.Tracking.Engine(); iat.send(); </script> <noscript><img src="//italiaonline01.wt-eu02.net/215973748390194/wt.pl?p=315,italiaonline.web.noscript&cg1=italiaonline&cg2=web&cg3=noscript&cg7=italiaonline.web.noscript" height="1" width="1" alt=""></noscript> <!-- /IOL Analytics --> <!-- Nielsen --> <script type="text/javascript" src="//secure-it.imrworldwide.com/v60.js"></script> <script type="text/javascript"> var pvar = { cid: "libero-it", content: "0", server: "secure-it" }; var feat = { check_cookie: 0 }; var trac = nol_t(pvar, feat); trac.record().post(); </script> <noscript><div><img src="//secure-it.imrworldwide.com/cgi-bin/m?ci=libero-it&cg=0&cc=0&ts=noscript" width="1" height="1" alt="" /></div></noscript> <!-- /Nielsen --> <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function() { (i[r].q=i[r].q||[]).push(arguments)} ,i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-143254200-1', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics --> <script> var loadDeferredStyles = function() { var addStylesNode = document.getElementById("deferred-styles"); var replacement = document.createElement("div"); replacement.innerHTML = addStylesNode.textContent; document.body.appendChild(replacement) addStylesNode.parentElement.removeChild(addStylesNode); }; var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); }); else window.addEventListener('load', loadDeferredStyles); </script> <script> document.onreadystatechange = function () { if(document.readyState === "interactive") { /* ---- i: configuro evento per mobile ---- */ var clickEvent = (function() { if ('ontouchstart' in document.documentElement === true) return 'touchend'; else return 'click'; })(); /* ---- f: configuro evento per mobile ---- */ /* ---- i: stato iniziale della pagina ---- */ _body = document.querySelector('body'); _pageProp = {}; _pageProp.pstate = getSizeState(); /* ---- f: stato iniziale della pagina ---- */ /* ---- i: configurazione lazysizes ---- */ window.lazySizesConfig = window.lazySizesConfig || {}; window.lazySizesConfig.lazyClass = 'lazy'; lazySizesConfig.loadMode = 1; /* ---- f: configurazione lazysizes ---- */ /* ---- i: fix header ---- */ fixHeader(); /* ---- f: fix header ---- */ /* ---- i: pannello navigazione mobile ---- */ _trgMnu = document.querySelectorAll('.m-h__nv-trg'); _trgMnu = Array.prototype.slice.call(_trgMnu); _trgMnu.forEach(function(_itm) { _itm.addEventListener(clickEvent, function(){ _body.classList.toggle('openNav'); }) }) _trgItm = document.querySelectorAll('.m-h__nv-itm'); _trgItm = Array.prototype.slice.call(_trgItm); _trgItm.forEach(function(_itm) { _trgSmnu = _itm.querySelector('.m-h__sm-exp'); if(_trgSmnu) { _trgSmnu.addEventListener(clickEvent, function(){ _sM = _itm.querySelector('.m-h__sm'); if(_sM && !_itm.classList.contains('m-h__nv-itm--open')) { _trgItm.forEach(function(_itm) { _itm.removeAttribute("style"); _itm.classList.remove('m-h__nv-itm--open'); }); _h = _sM.getBoundingClientRect().height; _itm.style.height = 52 + _h + 'px'; _itm.classList.add('m-h__nv-itm--open'); smoothScroll(_itm,document.querySelector('.m-h__nv-i')); } else { _itm.removeAttribute("style") _itm.classList.remove('m-h__nv-itm--open'); } }) } }) /* ---- f: pannello navigazione mobile ---- */ /* ----i: pannello search ---*/ var openSearch = document.querySelector('.btn--frm'); var closeSearch = document.querySelector('.src-l__close'); if (_pageProp.pstate <= 3){ openSearch.addEventListener('click',function(e){ e.preventDefault(); _body.classList.add('srcOpen'); },true); closeSearch.addEventListener('click',function(e){ _body.classList.remove('srcOpen'); }, true); } /* --- f: pannello search ----*/ } } /* ---- i: funzione per header fisso ---- */ function fixHeader() { var mainHeader = document.querySelector('.m-h'); var scrollPosY = window.pageYOffset || document.body.scrollTop; var mainHeaderHeight = mainHeader.clientHeight; var lastScrollTop = 0; var timeoutHeader; window.addEventListener('scroll', function () { var mainContent = document.querySelector('.m-g'); var mainContentTop = mainContent.getBoundingClientRect().top + scrollPosY; if (timeoutHeader) { window.cancelAnimationFrame(timeoutHeader); } timeoutHeader = window.requestAnimationFrame(function () { scrollPosY = window.pageYOffset || document.body.scrollTop; if (scrollPosY >= (mainContentTop + mainHeaderHeight)) { _body.classList.add('fixHeader'); fixMainHeader = true; (lastScrollTop < scrollPosY) ? _body.classList.add('scrollDown') : _body.classList.remove('scrollDown'); } else if (_body.classList.contains('fixHeader') && scrollPosY <= (mainContentTop + mainHeaderHeight)) { mainHeader.setAttribute('style', 'transition-duration:0ms;-webkit-transition-duration:0ms;-moz-transition-duration:0ms'); _body.classList.remove('scrollDown'); _body.classList.remove('fixHeader'); mainContent.removeAttribute('style'); fixMainHeader = false; setTimeout(function () { mainHeader.removeAttribute('style'); }, 150); } lastScrollTop = scrollPosY <= 0 ? 0 : scrollPosY; }); }, false); }; /* ---- i: funzione per header fisso ---- */ function smoothScroll(target,parent) { var container = parent; var targetPosition = target.offsetTop; var startPosition = container.offsetTop; var distance = targetPosition - startPosition; var startTime = null; function animationScroll(currentTime) { if (startTime === null) startTime = currentTime; var timeElapsed = currentTime - startTime; var run = ease(timeElapsed,startPosition,distance,200); container.scrollTo(0,run); if(timeElapsed < 200) requestAnimationFrame(animationScroll); } function ease(t, b, c, d) { t /= d; return c*t*t*t + b; }; requestAnimationFrame(animationScroll); } function getSizeState() { var containerSize, containerWidth = document.querySelector('.m-g').offsetWidth; if(containerWidth < 425){ return containerSize = 1; } if(containerWidth >= 425 && containerWidth < 768){ return containerSize = 2; } if(containerWidth >= 768 && containerWidth < 1000){ return containerSize = 3; } if(containerWidth >= 1000 && containerWidth < 1192){ return containerSize = 4; } if (containerWidth >= 1192) { return containerSize = 5; } } /** * gestione eventi */ // var addEvent = (function() { // var filter = function(el, type, fn) { // for (var i = 0, len = el.length; i < len; i++) { // addEvent(el[i], type, fn); // } // }; // if (document.addEventListener) { // return function(el, type, fn) { // if (el && el.nodeName || el === window) { // el.addEventListener(type, fn, false); // } else if (el && el.length) { // filter(el, type, fn); // } // }; // } // return function(el, type, fn) { // if (el && el.nodeName || el === window) { // el.attachEvent('on' + type, function() { return fn.call(el, window.event); }); // } else if (el && el.length) { // filter(el, type, fn); // } // }; // })(); // /* ---- i: variabili globali ---- */ // var $body = document.querySelector('body'); // /* ---- f: variabili globali ---- */ </script> <script src="/risorse/js/3/templates/guide.js" async></script> <script src="//i.plug.it/iplug/js/lib/iol/evnt/iol_evnt.min.js"></script> <script> window.IOL = window.IOL || {}; window.IOL.PGM = window.IOL.PGM || {}; window.IOL.PGM.getCkSrvH = function(a, attr) { return function(e) { return window.IOL.EVNT.evMngr.getAClickH(a, attr)(e); } }; window.IOL.PGM.addCkSrv = function(e) { window.IOL.EVNT.evMngr = window.IOL.EVNT.evMngr || new window.IOL.EVNT.evMngrCls(); var a, i, u; a = document.querySelectorAll("a[data-iol-ck]"); for (i = 0; i < a.length; i++) { u = JSON.parse(a[i].getAttribute("data-iol-ck")); u.dest_id = u.dest_id || a[i].getAttribute("href"); u.cat1="guide"; u.cat2=u.dest_id ; u.cat3=""; u.page=""; u.breakpoint=0; u.domain = ({"dev-blogpmi.italiaonline.it":"dev-iolblog", "uat-www.italiaonline.it":"test-iolblog", "www.italiaonline.it":"iolblog", "d-blogpmi.italiaonline.it":"d-iolblog", "d2-blogpmi.italiaonline.it":"d-iolblog"})[window.location.hostname] || "iolblog"; a[i].addEventListener("click", window.IOL.PGM.getCkSrvH(a[i], u) ); a[i].removeAttribute("data-iol-ck"); } }; document.addEventListener('DOMContentLoaded', window.IOL.PGM.addCkSrv); </script> <script type="text/javascript" src="//i.plug.it/common/tech_includes/lib/policy_cookie.js" ></script> <script type="text/javascript" src="//www.italiaonline.it/js/iol-cosEngine.js?ver=1.0"></script> </body> </html>