Categoria: Siti Web

Nel vasto panorama dello sviluppo web, la scelta del Content Management System (CMS) giusto per il tuo sito web può fare la differenza tra un progetto di successo e uno che fatica a decollare. Con il continuo sviluppo della tecnologia e delle esigenze degli utenti, il 2024 vede un’evoluzione significativa nel panorama dei CMS più utilizzati. Scopriamo quali sono i protagonisti di quest’anno.

1. WordPress

WordPress continua a dominare il mercato dei CMS nel 2024, consolidando la sua posizione come leader indiscusso. La sua flessibilità, la vasta gamma di temi e plugin disponibili e la sua user-friendly interface lo rendono una scelta popolare sia per i principianti che per gli sviluppatori esperti. Inoltre, la comunità WordPress è estremamente attiva, offrendo supporto e risorse in abbondanza.

2. Joomla

Joomla mantiene la sua posizione come uno dei CMS più utilizzati nel 2024, soprattutto per progetti di medio-grandi dimensioni. Con una curva di apprendimento leggermente più ripida rispetto a WordPress, Joomla offre una maggiore flessibilità e potenza per gli utenti che necessitano di funzionalità avanzate. La sua robusta sicurezza e la capacità di gestire siti multilingua lo rendono una scelta preferita per aziende e organizzazioni internazionali.

3. Drupal

Drupal conserva il suo status di CMS di fascia alta nel 2024, rivolto principalmente agli sviluppatori e alle aziende che richiedono una soluzione altamente personalizzabile e scalabile. Con una curva di apprendimento più impegnativa, Drupal offre un controllo senza pari sulla struttura e sulle funzionalità del sito web. È particolarmente adatto per progetti complessi che richiedono una gestione avanzata dei contenuti e una sicurezza robusta.

4. Shopify

Per chi cerca una soluzione dedicata al commercio elettronico, Shopify è la scelta principale nel 2024. Con un’interfaccia intuitiva e una vasta gamma di funzionalità per la gestione delle vendite online, Shopify facilita la creazione e la gestione di negozi virtuali di successo. La sua integrazione con servizi di pagamento e di spedizione lo rende una scelta ideale per gli imprenditori che desiderano lanciare rapidamente un’attività di e-commerce.

5. Magento

Magento continua a essere una scelta popolare per i siti di e-commerce di grandi dimensioni e ad alta complessità nel 2024. Con la sua architettura altamente scalabile e le potenti funzionalità di personalizzazione, Magento è adatto per aziende che gestiscono un volume elevato di transazioni e richiedono un controllo completo sulle operazioni di vendita online.

Conclusione

La scelta del CMS giusto dipende dalle esigenze specifiche del tuo progetto. Mentre WordPress rimane una scelta versatile e popolare per una vasta gamma di siti web, altri CMS come Joomla, Drupal, Shopify e Magento offrono soluzioni specializzate per casi d’uso specifici. Prima di prendere una decisione, valuta attentamente le caratteristiche e le esigenze del tuo sito web per assicurarti di scegliere il CMS più adatto alle tue esigenze nel 2024.

Come nei negozi fisici, anche negli ecommerce si propongono sconti e promozioni per incentivare le vendite, fidelizzare i clienti e conquistare nuovi acquirenti.

In questo senso gestire uno store con WooCommerce presenta diversi vantaggi perché mette a disposizione strumenti pronti all’uso per formulare rapidamente offerte dedicate a prodotti specifici o in particolari periodi dell’anno, come nel caso di saldi stagionali o black friday.

Per scontare i prodotti nello store basta accedere al menù laterale, e selezionare Prodotti. Nella pagina di modifica selezioneremo Prezzo in offerta. Attraverso il link Pianifica di fianco imposteremo il periodo di tempo durante il quale l’offerta sarà valida.

Per applicare l’offerta a più prodotti contemporaneamente basterà utilizzare il pulsante Azioni di gruppo, definendo i criteri dell’offerta che si intende presentare, scegliendo di applicare un prezzo specifico a tutti i prodotti selezionati o scontarli ad un valore fisso percentuale.

La campagna sconti non parte

Può capitare che, dopo aver programmato dei saldi sugli store WooCommerce, questi non partano e i prodotti restino marcati senza detrarre lo sconto, obbligandoci a riprogrammare la campagna nuovamente e avviarla manualmente.

A causare il malfunzionamento non sono né plug-in né la cache ma un problema con le WP Cron e le attività pianificate di WooCommerce.

Per esaminare il WP Cron bisognerà utilizzare plugin WP Control che permette di vedere quali eventi sono pianificati, a che ora e con quale frequenza vengono eseguiti.

Il problema del malfunzionamento potrebbe quindi riguardare l’orario o la ricorrenza impostata. Una volta modificata, i prezzi dei prodotti saranno mostrati correttamente.

Questo malfunzionamento, insieme ad altri come l’eliminazione totale di una programmazione, una volta risolti, possono ricapitare, quindi è bene sapere come individuare il problema e venirne a capo.

Soluzioni alternative

In alternativa ci si può affidare ad un plugin, come PW sales scheduler, che permette allo stesso modo di programmare i saldi sugli store in anticipo, scegliendo quali prodotti far rientrare nella campagna e la sua durata.

Dopo aver installato il plugin basterà:

• Selezionare la voce marketing nel menu a sinistra, selezionando PW Sales Scheduler;
• Impostare la data di inizio e fine della campagna;
• Seguire i passaggi della procedura guidata per aggiungere i prodotti all’offerta;

Terminata la procedura si torna alla dashboard dell’evento dalla quale si possono creare altri eventi, aggiungere offerte a quelle già esistenti e modificare le impostazioni.

Anche nel caso di piccole aziende o attività che non vendono direttamente online, oggi avere un sito web è fondamentale.

Il web, infatti, è diventato il primo spazio di approdo quando cerchiamo un nuovo prodotto o servizio di cui abbiamo bisogno.

La struttura

Il sito web è uno spazio completamente personalizzabile, dal layout alle grafiche e contenuti.

Nel layout la parola chiave è personalizzazione. È consigliabile però prediligere grafiche pulite e chiare che non confondano l’utente.

Per quanto riguarda i contenuti, i principali da inserire nel sito sono le informazioni chiave come il tipo di attività, i prodotti e servizi offerti, i contatti (l’indirizzo, il numero di telefono, l’email) che danno vita alle pagine standard del sito quali la home, chi siamo, cosa facciamo, contatti.

Anche in questo caso è consigliato inserire testi semplici e in linea con il tipo di attività e immagini e video di impatto visivo.

Alcune estensioni che si possono aggiungere al sito web di un’attività sono:

• Indirizzi ai social media;
• Live chat che permettono un contatto diretto durante la navigazione;
• Recensioni e testimonianze dei clienti;
• Blog, attraverso il quale approfondire tematiche o comunicare novità riguardanti l’attività;
• Call to action attraverso le quali invitare l’utente, che può essere arrivato sul nostro sito tramite social media, motori di ricerca, link esterni, marketing offline, a compiere un’azione come quella di chiedere maggior informazioni, magari attraverso dei form. Si tratta di un’ottima strategia per allacciare nuove relazioni.

Il sito web è una vera e propria vetrina che darà una prima impressione sull’attività. Sarà quindi necessario che questo sia curato, chiaro e ben organizzato, rispondendo a criteri di:

• Usabilità, offrendo una user experience fluida. Questo significa che dovrà essere facilmente utilizzabile in tutte le sue funzioni, con percorsi di navigazione semplici e lineari e contenuti leggibili;
• Responsiveness, rispondere correttamente e velocemente agli input, adattandosi alla visualizzazione attraverso vari device (desktop, tablet, smartphone).

La mancanza di questi criteri potrebbe portare l’utente ad uscire dal sito e passare velocemente a quello successivo.

La SEO

Avere il monopolio su un argomento nel web è ormai impossibile e questo significa che il sito compete con tantissimi altri presenti in rete. Per riuscire ad emergere la SEO è fondamentale.

La SEO è quell’insieme di attività svolte sul sito che hanno l’obiettivo di ottimizzare il posizionamento sui motori di ricerca.

I motori di ricerca analizzano costantemente il contenuto di tutti i siti web e stabiliscono dei criteri di qualità come la velocità del sito, il link url, tag, page title, alt text e le parole chiave, che andranno poi a determinare il posizionamento.

La SEO quindi si occupa proprio di:

• Inserire le corrette parole chiave nelle pagine e nei contenuti;
• Rendere le pagine mobile friendly;
• Velocizzare il tempo di caricamento delle pagine;
• Creare correttamente il codice;
• Ideare corrette url;
• Gestire i backlink;
• Gestire correttamente i link interni.

Normative dei siti web

Ci sono diverse normative da rispettare in materia di siti web aziendali.

Le ditte individuali e le società di persone (S.n.c., S.a.s. e Società semplice) devono indicare nella homepage la partita IVA e i dati d’iscrizione REA.

Le S.p.a e S.r.l sono tenute a specificare:

• Partita IVA;
• Codice Fiscale;
• Indirizzo completo della sede legale;
• Ragione Sociale;
• Ufficio del registro presso cui la società è iscritta e numero di iscrizione;
• Numero REA (ovvero codice del Repertorio Economico Amministrativo);
• Capitale sociale;
• Stato di liquidazione della società.

I proprietari di e-commerce sono obbligati a specificare i termini e le condizioni di vendita.

Tutte le aziende, in qualsiasi forma giuridica, sono tenute poi a inserire nel proprio sito web l’informativa sulla privacy nella quale indicare quali dati verranno raccolti, come saranno raccolti e utilizzati e chi sarà il responsabile della loro custodia.

Nei casi in cui il sito utilizzi cookie per tracciare la navigazione dell’utente in rete e creare profili sui suoi gusti, abitudini e scelte o, ancora, se un sito aziendale utilizza Google Analytics senza che la raccolta dati sia resa anonima, c’è l’obbligo di inserire un banner contenente una prima informativa circa la richiesta di consenso all’uso dei cookie e un link per accedere a un’informativa più estesa.

Il mantenimento del sito web

Il lavoro su un sito web di un’attività non è una tantum, il sito dovrà essere monitorato per assicurare l’effettivo funzionamento, il rendimento, e andrà aggiornato con nuovi contenuti che lo renderanno sempre interessante agli occhi degli utenti e dei motori di ricerca stessi.

WordPress entra in modalità manutenzione durante gli aggiornamenti di software, temi e plugin, questo per evitare che eventuali interazioni con il sistema possano creare problemi.

La procedura di aggiornamento di WordPress avviene in quattro fasi:

1. Attivazione della modalità di manutenzione;
2. Scaricamento dei file di aggiornamento;
3. Applicazione degli aggiornamenti;
4. Disattivazione della modalità di manutenzione, dopo la quale il sito torna attivo.

Può succedere però che durante l’aggiornamento, magari per errore, si ricarichi la pagina e WordPress rimanga bloccato costantemente in manutenzione. In questo caso è probabile che l’aggiornamento non sia andato a buon fine. Per ripristinare la situazione è necessario intervenire manualmente.

La procedura di sblocco

Bisogna accedere ai files del sito tramite FTP o pannello di controllo, da li individuare il file .maintenance e cancellarlo.

Se il file non è visibile – come succede, ad esempio, nel caso in cui si utilizza il File Manager di cPanel – si dovrà accedere alle impostazioni del File Manager e attivare la visualizzazione dei file nascosti.
A questo punto, WordPress torna a funzionare.

Delle volte, però, può succedere che un aggiornamento non andato a buon fine causi malfunzionamenti e problemi di visualizzazione del sito. Per individuare il problema e risolverlo si può far affidamento al debug di WordPress, senza dover ricorrere a strumenti esterni o plugin.

Il debug si attiva direttamente nel file di configurazione di WordPress wp.config.php.

Scorrendo il file di configurazione si arriva all’opzione WP_DEBUG, di default impostato su false. Per attivarlo cambiamo l’opzione su true:

define(‘WP_DEBUG’, true);

A questo punto tutti gli errori, avvertimenti e notifiche di rilievo vengono scritti nelle pagine del sito in cui si manifestano indicando dove intervenire per risolverli.

Risolto il problema bisogna ricordare di disattivare il debug nel file di configurazione di WordPress.

Come mettere temporaneamente in manutenzione WordPress

Se, invece, si ha la necessità di far risultare il sito in manutenzione si può procedere istallando un plugin. Ne esistono diversi tra i quali scegliere, la lista completa si trova nella repository dei plugin di WordPress.

Modalità di manutenzione personalizzata

Se si vuole personalizzare la finestra di manutenzione di WordPress basta creare un file maintenance.php dentro la cartella wp-content di WordPress con aspetti e contenuti che si preferiscono. In questo modo la modalità di manutenzione di WordPress assumerà l’aspetto desiderato durante ogni aggiornamento.

Quando si vuole avviare un e-commerce è importante scegliere il giusto CMS (Content Management System) perché da questo dipenderanno molti aspetti futuri che hanno impatto sui costi aziendali e sulla complessità dei processi di gestione e manutenzione.

I CMS più utilizzati ad oggi per la creazione di e-commerce sono:

• WooCommerce;
• Magento;
• PrestaShop;
• Shopify.

Vediamoli nello specifico.

WooCommerce

È un plugin, gratuito, che permette di aggiungere le funzioni base di e-commerce ad un sito web WordPress. Questo integra perfettamente il commercio elettronico con i contenuti del sito, raccogliendo tutto in un unico contenitore.

Il sistema può essere arricchito attraverso estensioni, ne esistono sia di gratuite che a pagamento, che si adattano alla natura dei prodotti che vengono venduti e alla strategia di marketing che si vuole utilizzare.

La diffusione di questo CMS è data dalla semplicità di configurazione e gestione ma bisogna far attenzione a non sovraccaricare il sito di plugin perché si rischia di renderlo lento e poco usabile.

WordPress collabora continuamente con Google per offrire una piattaforma SEO Friendly, il plugin WooCommerce assicura molte possibilità di migliorare il posizionamento del sito sui motori di ricerca e un facile adattamento agli aggiornamenti del browser.

Magento

È uno dei CMS più completi. Si tratta di una piattaforma open source, quindi il codice con cui è costruito il software è pubblico e modificabile, rendendolo estremamente personalizzabile e adattabile a qualsiasi progetto. La possibilità di configurare ogni aspetto lo rende un sistema complesso che richiede competenze di sviluppatori professionisti.

Essendo una piattaforma flessibile e scalabile, che da cioè la possibilità di ridimensionare lo shop e implementare diverse funzioni, è particolarmente indicata per progetti di medie e grandi dimensioni.

Magento è integrabile con altri software gestionali presenti in azienda e permette di organizzare in maniera avanzata il catalogo, l’evasione degli ordini e i pagamenti in diversi negozi contemporaneamente, fornendo dati approfonditi.

Un’altra caratteristica è il suo supporto alla vendita multicanale, dal proprio e-commerce alle piattaforme di social media e i mercati online (come Amazon e Ebay).

Fornisce infine una gamma di strumenti di marketing e assistenza clienti come l’email marketing, l’ottimizzazione dei motori di ricerca e l’analisi dei clienti.

PrestaShop

Si pone a metà tra la facilità di WooCommerce e la completezza di Magento, è una piattaforma gratuita disponibile con licenza open software, scaricabile dal sito ufficiale, rapida e di facile configurazione e gestione.

Anche PrestaShop è un sistema modulare che permette di implementare funzioni aggiuntive in seguito, ideale per e-commerce di piccole e medie imprese.

Shopify

Si tratta di una piattaforma SaaS, software as a service, che mette a disposizione una grande quantità di strumenti per costruire e gestire uno shop online, insieme a centinaia di modelli tra cui scegliere, già pronti per essere personalizzati con loghi, testi, immagini e video. Questo la rende adatta anche ad utenti senza particolari competenze nella programmazione.

Non richiede l’installazione di software su un proprio server, basterà creare un account, scegliere tra i piani di abbonamento mensili, che differenziano per numero di funzionalità e percentuali sulle vendite, e si potrà iniziare a configurare e a gestire il proprio negozio online.

I vantaggi dell’adottare una piattaforma SaaS, a differenza di una piattaforma software da scaricare e istallare su un server proprietario, riguardano la manutenzione e i costi: la tariffa del piano è fissa e comprende interventi di manutenzione e aggiornamenti per risolvere eventuali bug e problemi di sicurezza.

Aspetti da tenere in considerazione

Nella scelta del CMS più adatto al tuo e-commerce bisognerà tenere in considerazione:

• Il tipo di prodotto che si vuole vendere e in che quantità;
• Qual è il budget per la realizzazione e manutenzione;
• Quali competenze informatiche sono a disposizione dell’azienda.

In questo modo ci si potrà orientare verso la soluzione più adatta, valutando la necessità di affidarsi ad un professionista in grado di fornire il supporto tecnico necessario sia nella fase di creazione che di gestione.

I campanelli di allarme che ci avvertono che un sito web è stato hackerato sono vari ma possono passare inosservati, anche in base al tipo di attacco. Tra questi abbiamo:

• Avvisi sull’hacking da browser e motori di ricerca;
• Link che reindirizzano a siti sospetti;
• Volumi elevati di traffico da altri paesi;
• Pagine danneggiate;
• Tempo di caricamento prolungato;
• Avvisi sulla blocklist di Google;
• Snippet di codice casuali che appaiono nell’header o nel footer.

Se si sospetta un attacco esistono diversi checker di siti web, come Sucuri siteChek, DeHashed e Have I Been Pwned? che si possono usare per avere conferma.

Cosa fare quando si ha la certezza che il sito sia stato attaccato

Il primo passaggio da compiere una volta che si è certi di aver subito un attacco hacker sul sito web è modificare tutte le password e verificare l’accesso.

Gli hacker tentano di indovinare la password dell’account amministratore utilizzando combinazioni di lettere e numeri, la modifica di tutte le password revocherà l’accesso al sito e impedirà loro di compromettere altri account.

Bisognerà assicurarsi di reimpostare la password per:

• Account hosting;
• Account FTP;
• Account amministratore del content management system (CMS);
• Database, tramite il file di connessione al database;
• Account di posta elettronica associati al sito hackerato.
• Altri account che utilizzano le stesse credenziali di accesso.

Se il sito hackerato è ospitato su WordPress si dovranno controllare i ruoli utente e le autorizzazioni esistenti accedendo a Utenti nella dashboard di amministrazione, seguendo la stessa procedura sulle piattaforme che concedono l’accesso a più utenti, come il pannello di controllo dell’hosting e il sistema FTP.

Buona parte dei tentativi di hacking si verifica dopo che un sito web subisce modifiche che creano nuove vulnerabilità da sfruttare. Tracciando le azioni si può risalire all’origine dei problemi di sicurezza: bisognerà cercare tra i log web un improvviso picco di traffico e ispezionare i log degli accessi e i registri degli errori tramite il pannello di controllo dell’hosting, identificando eventuali attività sospette o errori che hanno avuto luogo entro il periodo di tempo sospetto.

Dopo essere risaliti al momento in cui si è verificato l’hacking si esamineranno tutte le modifiche apportate.

Se il sito web in questione viene eseguito su un hosting condiviso l’origine dei problemi di sicurezza potrebbe provenire da un altro sito che condivide il server. In questo caso gli attacchi informatici potrebbero prendere di mira anche il tuo account di hosting.

La maggior parte degli host web fornisce agli utenti l’accesso ai log web, consentendo di monitorare le visite. Se la registrazione dell’accesso al server è disabilitata per impostazione predefinita, contatta il provider di hosting o abilitala manualmente.

Controllare lo stato del sito web

Se Google rileva attività sospette su un sito web è probabile lo blocchi. Di conseguenza questo non verrà visualizzato nei risultati di ricerca per proteggere i visitatori.

Si può verificare se il sito finisce su Google Blocklist utilizzando Google Search Console. L’avviso appare nella sezione Sicurezza e azioni manuali > Problemi di sicurezza.

In alternativa si può utilizzare Google Safe Browsing, un tool che indica proprio se un sito sia o meno sicuro o Google Analytics, che darà conferma dell’effettivo blocco del sito se si registra un calo di traffico improvviso.

Oltre che su Google Blocklist il sito potrebbe apparire anche nel database anti-spam. I provider di servizi internet, di posta elettronica e le piattaforme anti-spam utilizzano gli elenchi di blocco per impedire che le email di spam entrino nei loro sistemi. Le email provenienti dagli indirizzi IP elencati in questa blocklist verranno bloccate o finiranno nella cartella spam.

Si può verificare se il dominio è presente nell’elenco di blocco dello spam con strumenti di controllo dell’integrità del dominio come MXToolBox e Domain DNS Health Checker. Questi, oltre a fornire informazioni sullo stato del dominio, possono individuare problemi relativi al server web, di posta e al DNS.

Le vulnerabilità della sicurezza non sono sempre visibili agli amministratori, è consigliabile quindi utilizzare gli strumenti di scansione del sito web per ricontrollarlo, individuando eventuali vulnerabilità da risolvere.

Gli utenti di WordPress hanno accesso a dei plugin di sicurezza gratuiti e premium che possono scansionare i siti web alla ricerca di file hackerati, rilevando qualsiasi codice dannoso. Alcuni tra i più popolari sono:

• Sucuri Security, che fornisce scansioni server e remote, azioni di sicurezza post-hacking e monitoraggio dell’integrità dei file;
• BulletProof Security, che fornisce strumenti di correzione automatica della procedura guidata di configurazione, scanner di malware, monitoraggio degli accessi e forzatura di password complesse;
• WPScan, che supporta la scansione di sicurezza pianificata per le vulnerabilità note del core, dei plugin e dei temi di WordPress.

Altri strumenti di scansione sono compatibili con altri CMS oltre a WordPress:

• HostedScan Security, che esegue la scansione delle vulnerabilità su reti, server e siti web;
• Intruder, uno scanner basato su cloud che supporta la scansione delle vulnerabilità interne, esterne e cloud;
• Detectify, che offre monitoraggio e test automatizzati delle risorse supportati da una comunità di hacker etici;
• Immuniweb, che fornisce vari test di sicurezza del sito web aderenti agli standard GDPR e PCI DSS;
• SiteGuarding, che supporta il monitoraggio della blocklist dei motori di ricerca, la scansione quotidiana dei file, il monitoraggio delle modifiche ai file e il rilevamento e pulizia del malware.

In alternativa è possibile fare la scansione dei file e delle tabelle del database manualmente. Si può fare con software antivirus per Pc, come McAfee e ESET, o il programma antivirus integrato nel sistema operativo (Microsoft Defender per Windows e XProtect per Mac).

Si procede quindi:

• Scaricando tutti i file tramite il pannello di controllo dell’hosting;
• Eseguendo una scansione completa dei file con il software antivirus scelto;
• Risolvendo i problemi rilevati;
• Caricando i file del sito puliti sul server;
• Ripulendo le tabelle del database tramite PhpMyAdmin.

Se i metodi precedenti risultano troppo dispendiosi in termini di tempo si può decidere di ripristinare il file backup del sito web. In questo modo si rimuoveranno tutti i dati e le modifiche apportate alla creazione del backup. Questa opzione è consigliabile solo nel caso di siti web che non subiscono modifiche frequenti, o che possono permettersi la perdita di alcuni dati.

L’ultimo passaggio dopo aver completato il ripristino è quello di scansionare il computer per assicurarsi che qualsiasi cosa abbia compromesso il sito web non comprometta anche il computer. Abbiamo nominato alcuni antivirus, in alternativa ci sono alcune soluzioni gratuite come:

• Antivirus gratuito AVG;
• Avast;
• Avira gratis;
• Kaspersky Security Cloud;
• Malwarebytes.

Suggerimenti per proteggere il tuo sito da attacchi hacker

• Evita i provider di hosting economici;
• Rimuovi il software obsoleto che non ti serve più;
• Usa password complesse;
• Scansiona regolarmente il tuo sito web con un software di sicurezza affidabile;
• Esegui backup regolari del tuo sito web;
• Installa un certificato SSL;
• Limita i tentativi di accesso;
• Abilita l’autenticazione a due fattori.

Se non si hanno conoscenze tecniche potrebbe risultare difficile applicare i metodi appena descritti. In questo caso ci si può affidare a esperti di sicurezza informatica e rimozione di malware da WordPress.

Una corretta struttura HTML è fondamentale per avere più possibilità di essere indicizzati dai motori di ricerca.

In questo articolo scopriremo come creare un’ottima struttura per una corretta pagina HTML.

Per prima cosa utilizziamo il <!doctype html> che serve a dire al browser, che la pagina è scritta in HTML 5.

Dopodichè apriamo il tag <html> che serve a contenere gli altri tag html.

All’interno inseriremo i tag <head> e il tag <body>.

Ci concentreremo sui tag contenuti all’interno di <head> poichè il tag <body> varia radicalmente a seconda della pagina web che si vuole creare.

Per creare un’ottima struttura per una corretta pagina HTML è necessario inserire i giusti tag all’interno della sezione <head>.

Di seguito proponiamo un’ottima struttura HTML che può essere utilizzata come base per la tua pagina web:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Titolo della pagina</title>
<meta name="description" content="Descrizione della pagina web.">
<meta name="robots" content="index,follow">
<link rel="stylesheet" type="text/css" href="layout.css">
<link rel="icon" type="type="image/png" href="favicon.png">
</head>
<body>
....
</body>
</html>

Abbiamo aggiunto i metatag che servono a dare importanti informazioni ai motori di ricerca oltre al tag <title>.

Il metatag <meta charset=”utf-8″> serve a definire il charset utilizzato nella pagina e di solito il più utilizzato è utf-8.

Il metatag <meta name=”viewport” content=”width=device-width, initial-scale=1″> invece è utilizzato per ottimizzare il layout da mobile della pagina web.

Il tag <titlte> invece contiene il titolo che compare nella scheda del browser (insieme alla favicon) e compare nei risultati dei motori di ricerca.

Il metatag <meta name=”description”> invece contiene la descrizione della pagina che viene mostrata dai motori di ricerca.

Il metatag <meta name=”robots” content=”index,follow”> serve a dire al motore di ricerca di “indicizzare” la pagina web e di fare “follow” (cioè seguire) le pagine presenti all’interno della pagina per andare ad indicizzare anche quelle.

Il tag <link rel=”stylesheet” type=”text/css” href=”layout.css”> serve per aggiungere un file css esterno. È sempre meglio separare i file css, in modo da avere una struttura della pagina web più organizzata.

Infine l’ultimo tag <link rel=”icon” type=”type=”image/png” href=”favicon.png”> serve a dire al browser qual è la favicon del nostro sito web. Solitamente vengono utilizzati file .ico oppure .png oppure entrambi.

Con questa semplice struttura abbiamo dato tutte le informazioni essenziali al browser, per ottimizzare al meglio la nostra pagina web.