Oggi più della metà delle email vengono consumate su smartphone, dove il mouse non esiste e dove il concetto di clic è estremamente forzato. Oggi sembrano ipotesi assurde, ma probabilmente quando si è iniziato ad usare quel tipo di “interfaccia” di comunicazione/interazione il suo significato non era scontato come lo è oggi che lo abbiamo assimilato. 20 anni fa se una parola non era blu e non era sottolineata doveva necessariamente trasmettere al lettore la propria “cliccabilità”. Il pulsante o il visita il sito semplice link che permetterà al destinatario della nostra comunicazione di raggiungere il risultato che vogliamo, si chiama “Call to action”. Applicazioni di questo tipo, infatti, potrebbero applicare dei sistemi di sicurezza specifici, al fine di tutelare gli utenti nei confronti del phishing, delle cosiddette _catene di Sant’Antonio_ e, in generale, di contrastare l’accesso involontario a piattaforme truffaldine o link fraudolenti di altro tipo. Solitamente, la funzione specifica si trova nel menu Inserisci/Insert del programma, o è accessibile facendo clic destro sul testo selezionato; ancora, potresti essere in grado di aggiungere un link ipertestuale cliccando sull’icona raffigurante due anelli di una catena, che solitamente denota gli elementi di questo tipo.
Tuttavia, la loro semplicità d’uso comporta anche alcune limitazioni, come la minore flessibilità rispetto allo sviluppo personalizzato e la dipendenza dall’infrastruttura proprietaria del fornitore. Negli ultimi anni si è affermata una nuova categoria di strumenti per la creazione di siti web, denominata no-code o low-code. Per i siti web dinamici dove alcuni contenuti possono essere generati dinamicamente sul browser dell’utente, in aggiunta ai precedenti linguaggi si usano linguaggi di scripting come JavaScript o Dynamic HTML, tecnologie supportate per impostazione predefinita da tutti i browser recenti (programmazione web client-side). Taluni siti web presentano aree riservate, ovvero sezioni accessibili solamente previo pagamento di un canone, registrazione, o assegnazione di una password. Ad esempio, un sito aziendale può allo stesso tempo pubblicizzare i propri prodotti e pubblicare materiale informativo.
Il sito ci dimostra come esprimere una forte personalità senza fare ricorso a design stravaganti o animazioni complesse. Il sito di Max Mariola è un esempio brillante di semplicità comunicativa unita a un’estetica vivace. Se cerchi ispirazione per un sito che funzioni davvero, senza fronzoli ma fatto come si deve, questi esempi sono esattamente quello che ti serve. Anche se possono sembrare “standard”, sono tutto fuorché banali — anzi, rappresentano un’ottima base per chi vuole un progetto solido, funzionale e professionale. Ogni categoria di servizi è accoppiata ad un colore e presentata con chiarezza, con contenuti ben organizzati e accessibili. Un dettaglio particolarmente ben riuscito è la coordinazione cromatica per sezione, che guida l’utente con naturalezza e rende l’orientamento nel sito intuitivo.
I siti web dinamici formati da pagine web dinamiche presentano invece contenuti redatti dinamicamente (in genere grazie al collegamento con un database) e forniscono contenuti che possono variare in base a più fattori. I file interpretati da questi software all’accesso della pagina web sono solitamente i fogli di stile (CSS) e i vari script che vengono richiamati all’accesso della pagina. Per l’interpretazione del codice che compone una pagina web vengono comunemente usati i browser ovvero quei software che hanno il compito di interpretare il codice e restituirne un output grafico. L’accesso a un sito o alle pagine web per eventuali modifiche su contenuti e/o forma da parte degli sviluppatori è riservato all’amministratore del sito, tramite codici o chiavi di accesso.
Laddove utilizzassi invece un editor di tipo WYSIWYG, cioè munito di interfaccia grafica che consente di intervenire sul codice senza scriverlo direttamente, evidenzia il testo nella pagina Web che stai modificando e clicca sull’opzione relativa al collegamento ipertestuale, al link oppure all’hyperlink. Infine, incolla l’URL di tuo interesse nel campo Indirizzo e premi sulla voce OK/Fine, per confermare le modifiche e realizzare il link ipertestuale. Chiaramente, prima di procedere, ricorda di copiare il link di tuo interesse negli appunti, seguendo le indicazioni fornite nel capitolo precedente di questo tutorial. Inoltre, posizionando il cursore del mouse sul link attivo, dovrebbe comparire il simbolo di una manina.
Per procedere con il pagamento online, accedi alla tua area personale oppure clicca qui per pagare direttamente. L’Identità Digitale di Poste Italiane per accedere ai servizi di Poste Italiane e della Pubblica Amministrazione Quando lo facciamo, rendiamo i nostri utenti incerti su quello che li aspetta. Il rosso mostra le aree in cui gli utenti si sono soffermati con lo sguardo per più tempo. Sostituisci il testo del collegamento ipertestuale ripetitivo e vago come “Fai clic qui”, “Leggi di più” e “Continua a leggere” con parole più adeguate.
E ricordati che non deve essere perfetto da subito, continua a migliorarlo e ad aggiungere dettagli man mano che la tua attività cresce. Dal layout ai progetti che scegli di condividere, ogni elemento del tuo sito deve incastrarsi bene per raccontare il tuo brand ed evidenziare i tuoi punti di forza. Forse ti stai chiedendo cosa dovresti includere nel tuo sito web. Se c’è una cosa che spicca in questi esempi è l’implementazione di un forte marchio personale. Se invece preferisci utilizzare un CMS, come WordPress, Drupal o Joomla, il web hosting di SiteGround ti fornisce un servizio hosting con la stessa qualità di prestazioni, sicurezza e servizio.
Immagina quanto deve essere piacevole trovarti davanti a una lista di “clicca qui”, uno dietro l’altro, senza nessuna informazione aggiuntiva, e di doverli esplorare ad uno ad uno. La seconda versione è quella preferita dai motori di ricerca, perché il link contiene una parola chiave. Se vado su Google e cerco “ricetta per spaghetti alla carbonara” il motore di ricerca partirà alla caccia di tutti i contenuti correlati a quella parola chiave. Ti lanceresti nel vuoto col primo “clicca qui” oppure preferisci la seconda versione del link?
Ottieni il dominio perfetto, con o senza un sito, a un prezzo imbattibile. Con i piani WordPress.com, non sarai mai a corto di spazio di archiviazione. Trasferimenti di dati e prestazioni veloci garantiti dalla nostra CDN globale, ovunque siano i tuoi visitatori. Quando crei un sito con WordPress.com, ottieni tutta la potenza dell’hosting WordPress gestito, veloce e sicuro. È possibile richiederlo al registrar anche dopo la registrazione del dominio.
Bene, con tutti questi esempi, ispirazioni e consigli a disposizione, è arrivato il momento di mettere le mani in pasta e iniziare la creazione di un sito web che sia unicamente tuo. Le informazioni essenziali sono immediatamente esposte nella landing page, mentre le sezioni dedicate al programma, agli ospiti e alle esperienze culinarie sono facilmente accessibili, chiare e dettagliate. Il sito di Chianina e Syrah è un eccellente esempio di portale promozionale per eventi enogastronomici.
Le illustrazioni colorate e lo stile contemporaneo creano un’atmosfera accogliente, rendendo la navigazione piacevole fin dal primo clic, anche per un argomento possibilmente ostico come l’assicurazione. Il sito di With Us si distingue per un design semplice, moderno e straordinariamente amichevole. I diagrammi esplicativi e le grafiche semplici ed amichevoli facilitano la comprensione dei servizi offerti, rendendo l’esperienza utente piacevole e intuitiva. Il sito di Blu System Impianti si distingue per un design che è in grado di colmare il divario tra un argomento potenzialmente molto tecnico e l’accessibilità per il cliente. Le immagini e i video di alta qualità, che mostrano macchinari complessi e processi produttivi, rafforzano l’impressione di un’azienda tecnologicamente avanzata e orientata all’innovazione.