# Come inserire una galleria di immagini su un sito web

Per il successo di una pagina, l’aspetto visivo è spesso essenziale; grafiche e immagini sono pertanto un componente importante di ogni sito web. Le gallerie sono un mezzo molto apprezzato per integrare più immagini in modo ordinato nel proprio sito web. Per incorporare queste serie di immagini esistono diverse possibilità: gli utenti possono, ad esempio, integrare un semplice lightbox nel proprio sito tramite il codice sorgente oppure utilizzare estensioni del CMS.

## Come integrare un lightbox

Un lightbox è una delle strategie più semplici per presentare immagini su un sito web. Viene programmato come **HTML dinamico in JavaScript**. Se si clicca sull’immagine di anteprima, si apre l’immagine in formato grande con il sito web oscurato come sfondo. Un lightbox di questo tipo si può incorporare in maniera semplice nel proprio sito web e integrare con ulteriori funzioni, di modo che si adatti bene allo [sviluppo web moderno](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/fondamenti-di-sviluppo-web-moderno/).

Come prerequisito è necessario una versione aggiornata di lightbox e naturalmente l’immagine, inclusiva di [thumbnail (cioè l’anteprima)](https://www.ionos.it/digitalguide/online-marketing/social-media/thumbnail/), che si vorrebbe inserire sul proprio sito web. Il primo lightbox è stato programmato da Lokesh Dhakar nel 2005 e lo script è stato rilasciato poco dopo con la licenza Creative Commons. Nel frattempo, sono nate numerose versioni dello script più amato. Tra queste si contano sia gli script sviluppati da singoli utenti sia i plugin della libreria JavaScript e le estensioni dei CMS.

### 1. Scaricare lightbox

Il più famoso script di lightbox è disponibile gratuitamente sul sito web di [Lokesh Dhakar](https://www.lokeshdhakar.com/projects/lightbox2/#download "Download di lightbox"). Decomprimendo il file zip, si trovano i seguenti elementi: il file `index.html` nella cartella `examples`, dove è presente anche un esempio di applicazione, e nella directory `dist` tre cartelle `css`, `images` e `js`.

### 2. Collegare il file CSS e JavaScript

Il passo successivo è quello di copiare il file `lightbox.css` dalla cartella CSS alla directory CSS del sito web e i file .js in quella JavaScript. Entrambi i file si trovano nelle cartelle apposite nella directory `dist`. Inoltre, per caricare il foglio di stile CSS si deve copiare la seguente riga nell’head del sito web in questione:

```html
<link href="la-tua-cartella-css/lightbox.css" rel="stylesheet">
```

E la riga seguente deve essere inserita alla fine, prima del tag conclusivo `<div class="hash d-none" hidden>hash_d5f85e68d9674bc96da92411a6a0c27c00dafc7d</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>`, per integrare il codice JavaScript necessario:

```html
<script src="la-tua-cartella-js/lightbox.js"></script>
```

N.B. Lightbox ha bisogno di jQuery. Se non è già stato fatto, bisogna incorporare e caricare lo script prima di iniziare il procedimento.

### 3. Inserire gli attributi di lightbox in HTML per la galleria

Ogni immagine, che si vorrebbe visualizzare con il lightbox, ha bisogno nel codice sorgente di un [attributo HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/attributi-html/) adatto, con il quale si mettono a disposizione le informazioni necessarie allo script. Ogni link a un’immagine deve avere l’attributo `data-lightbox` e un nome individuale per ogni galleria. Le immagini che dovrebbero trovarsi nello stesso slideshow (sequenza di immagini) necessitano tutte dello stesso attributo `data-lightbox`. Per integrare una didascalia, si usa l’attributo `data-title` con il testo corrispondente.

#### Esempio: inserire un’immagine singola

```html
<a href="images/foto1.jpg" data-lightbox="foto1" data-title="Didascalia">
<img src="images/foto1-anteprima.jpg" alt="Testo alternativo">
</a>
```

#### Esempio: inserire uno slideshow con più immagini

```html
<a href="images/foto2.jpg" data-lightbox="slideshow1" data-title="mattino"><img src="images/foto2-anteprima.jpg" alt="Testo alternativo"></a>
<a href="images/foto3.jpg" data-lightbox="slideshow1" data-title="pomeriggio"><img src="images/foto3-anteprima.jpg" alt="Testo alternativo"></a>
<a href="images/foto4.jpg" data-lightbox="slideshow1" data-title="sera"><img src="images/foto4-anteprima.jpg" alt="Testo alternativo"></a>
```

### 4. Adattare il lightbox

A questo punto, il lightbox è inserito nel sito web. Naturalmente ci sono ancora ulteriori possibilità per personalizzare lo slideshow. Per adattarlo ti basta usare il metodo `option` dopo il caricamento dello script e inserire lì i rispettivi valori. La funzione è la seguente:

```html
<script src="la-tua-cartella-js/lightbox.js"></script>
<script>
lightbox.option({
'resizeDuration': 200,
'wrapAround': true
});
</script>
```

#### Le opzioni più importanti in sintesi

Esistono diversi attributi con cui puoi adattare il comportamento del lightbox all’interno della funzione `option`. Qui trovi i più importanti:

<table>
  <thead>
    <tr>
      <th><strong>Opzione</strong></th>
      <th><strong>Standard</strong></th>
      <th><strong>Descrizione</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>`alwaysShowNavOnTouchDevices`</td>
      <td>`false`</td>
      <td>Se cambi questa opzione da `false` a `true`, le frecce di navigazione, che altrimenti si mostrano solo quando ci si passa sopra con il mouse, diventano visibili permanentemente sui dispositivi con display touch.</td>
    </tr>
    <tr>
      <td>`disableScrolling`</td>
      <td>`false`</td>
      <td>Cambiando da `false` a `true`, non è più possibile scorrere la pagina quando il lightbox è aperto.</td>
    </tr>
    <tr>
      <td>`fadeDuration`</td>
      <td>`500`</td>
      <td>Stabilisce la durata della dissolvenza (intervallo di tempo espresso in millisecondi).</td>
    </tr>
    <tr>
      <td>`maxWidth`</td>
      <td></td>
      <td>Stabilisce la larghezza massima dell’immagine (espressa in pixel).</td>
    </tr>
    <tr>
      <td>`maxHeight`</td>
      <td></td>
      <td>Stabilisce l’altezza massima dell’immagine (espressa in pixel).</td>
    </tr>
    <tr>
      <td>`positionfromTop`</td>
      <td>`50`</td>
      <td>Stabilisce la distanza dal margine superiore della finestra (espressa in pixel).</td>
    </tr>
    <tr>
      <td>`resizeDuration`</td>
      <td>`700`</td>
      <td>Stabilisce il tempo (in millisecondi) che il box impiega per il passaggio da un’immagine a un’altra di diverse dimensioni.</td>
    </tr>
    <tr>
      <td>`showImageNumberLabel`</td>
      <td>`true`</td>
      <td>Passando da `true` a `false`, non si indica più il numero di immagini complessive dello slideshow (ad esempio immagine 3 di 33).</td>
    </tr>
    <tr>
      <td>`wrapAround`</td>
      <td>`false`</td>
      <td>Cambiando l’opzione da `true` a `false`, lo slideshow ricomincia dall’inizio dopo l’ultima immagine.</td>
    </tr>
  </tbody>
</table>

Alternativamente, ci sono anche molti altri programmi per creare una galleria di immagini personalizzata e incorporarla nel proprio sito web. Di regola, gli strumenti sono molto semplici e intuitivi da usare, dato che la maggior parte dispone di un editor drag and drop.

## Inserire gallerie di immagini direttamente in HTML e CSS

Le gallerie di immagini si possono realizzare anche senza JavaScript o lightbox, **direttamente con [HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/cose-lhtml/) e [CSS](https://www.ionos.it/digitalguide/siti-web/web-design/cose-css/)**. In questo caso, le immagini vengono per lo più disposte in una griglia flessibile ([grid](https://www.ionos.it/digitalguide/siti-web/creare-siti/css-grid/) o [flexbox](https://www.ionos.it/digitalguide/siti-web/creare-siti/css-flexbox/)), che si adatta automaticamente a diverse dimensioni dello schermo. Questa soluzione semplice è particolarmente adatta **per tempi di caricamento rapidi, design responsive e siti web che vogliono consapevolmente rinunciare a script esterni**.

Con poche righe di CSS puoi realizzare una galleria accattivante e chiara, che sia allo stesso tempo performante e ottimizzata per i motori di ricerca. Un esempio di una semplice galleria di immagini potrebbe essere il seguente:

```html

<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Galleria di immagini semplice</title>
<style>
body {
margin: 0;
padding: 2rem;
background-color: #f9f9f9;
}
h2 {
text-align: center;
margin-bottom: 1.5rem;
}
.gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
}
.gallery img {
width: 100%;
height: auto;
border-radius: 8px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery img:hover {
transform: scale(1.03);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
</style>
</head>
<body>
<h2>La mia galleria di immagini</h2>
<div class="gallery">
<img src="images/foto-1.jpg" alt="Alba sul mare">
<img src="images/foto-2.jpg" alt="Prato fiorito in primavera">
<img src="images/foto-3.jpg" alt="Paesaggio montano al tramonto">
<img src="images/foto-4.jpg" alt="Vista della città di notte">
<img src="images/foto-5.jpg" alt="Sentiero nel bosco in autunno">
</div>
<div class="hash d-none" hidden>hash_d5f85e68d9674bc96da92411a6a0c27c00dafc7d</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

Nel **codice HTML** del nostro esempio minimale vengono definiti un titolo h2 e un [contenitore div](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/html-div/), in cui sono inserite più immagini con il [tag img](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/html-img/). Ogni immagine ha un attributo `alt` che contiene una breve descrizione. Questo aspetto è importante per l’accessibilità e per la SEO. Nel **codice CSS**, la visualizzazione a griglia (`display: grid`) fa sì che le immagini vengano disposte automaticamente in colonne, adattandosi in modo flessibile alla dimensione dello schermo. Con `gap: 10px` si crea un po’ di spazio tra le immagini. Grazie agli effetti hover (ingrandimento e ombra), la galleria risulta più interattiva e moderna quando si passa con il mouse sopra un’immagine.

N.B. Puoi ampliare facilmente la galleria, ad esempio aggiungendo didascalie sotto le foto, cornici uniformi o usando `object-fit: cover` per mostrare i ritagli delle immagini in modo coerente e armonioso. Allo stesso modo, il layout può essere **adattato al tuo corporate design con poche modifiche CSS**. In questo modo ottieni, anche senza JavaScript, una galleria di immagini gradevole dal punto di vista visivo, facile da usare e ottimizzata per la SEO, che può essere integrata in modo flessibile in qualsiasi sito web.

## Estensioni per gallerie di immagini per i CMS

Nella creazione di un proprio sito web molte imprese, come anche i lavoratori indipendenti, decidono di usare un sistema di gestione dei contenuti (CMS). I CMS offrono un vantaggio importante: una struttura del sito web già pronta. Inoltre, la maggior parte dei sistemi permette di creare un sito web professionale anche senza approfondite conoscenze informatiche o di programmazione.

Oltre all’utilizzo intuitivo e all’interfaccia user-friendly, molti apprezzano anche la struttura flessibile di sistemi come Joomla! o Typo3. Attraverso la struttura modulare, spesso si può ampliare il CMS e adattarlo in base alle esigenze individuali. Ciò è reso possibile, tra l’altro, dalle grandi community di molti sistemi [open source](https://www.ionos.it/digitalguide/server/know-how/il-concetto-di-open-source/), che creano numerose estensioni e plugin, tra i quali ci sono anche quelli per **creare e incorporare gallerie di immagini professionali**. Ti presentiamo alcune soluzioni per i sistemi **Joomla!, WordPress e TYPO3**.

## Gallerie di immagini su WordPress

[WordPress](https://www.ionos.it/digitalguide/hosting/cms/wordpress-il-cms-piu-conosciuto/) è **il CMS open source più usato al mondo**. Sebbene sia stato concepito inizialmente come sistema per blog, è diventato nel frattempo grazie alle molte possibilità di estensione e di personalizzazione un CMS completo, che può anche essere usato in altri ambiti. Proprio negli ambienti della moda, del lifestyle o della bellezza, la rappresentazione grafica di questi ambiti ha un grande rilievo. Non stupisce quindi che tra più di 60.000 estensioni, ce ne siano anche molte per le gallerie di immagini, oltre ai plugin.

### NextGen Gallery

NextGen Gallery è **uno dei plugin di WordPress più conosciuti**. Con Next Gen sono possibili sia gallerie di thumbnail sia slideshow, oltre che ad avere l’opzione lightbox integrata e tutto con un **design responsive**. Il plugin offre anche molte opzioni per gallerie molto grandi e, attraverso la sua struttura chiara e un’usabilità semplice, facilita sia l’upload di grandi quantità di immagini sia la loro gestione. Si possono scegliere parametri come dimensioni, numeri e intervalli, e si creano in pochissimo tempo anche i watermark. In generale NextGen punta **sull’usabilità e su un’interfaccia utente strutturata chiaramente**. Tra i plugin di WordPress è disponibile per il download la [versione gratuita di NextGen Gallery](https://wordpress.org/plugins/nextgen-gallery/ "Download di NextGen Gallery sul sito di WordPress"). Sul [sito web dello sviluppatore](https://www.imagely.com "Sito ufficiale di Imagely") si trovano inoltre le versioni a pagamento, che dispongono di funzioni aggiuntive per un uso professionale e offrono alcune funzioni interessanti, soprattutto per gli e-commerce.

### Envira Gallery (Lite)

Anche il plugin Envira Gallery consente di creare gallerie di immagini per il proprio sito web. L’utente può creare gallerie personalizzate sia per singoli post sia per pagine, oltre che **gallerie globali**.

Su Envira, il [design responsive](https://www.ionos.it/digitalguide/siti-web/web-design/cose-un-design-responsive/) è realizzato per mezzo della funzionalità “out of the box” e si possono creare sia gallerie sia lightbox. La particolarità è che il programma carica in maniera asincrona le immagini e per questa ragione **non si compromettono né il tempo di caricamento né la performance** nelle gallerie di immagini di grandi dimensioni. Quindi il plugin per gallerie di immagini Envira **influenza positivamente anche la SEO** perché il tempo di caricamento è un fattore importante per il ranking.

La versione gratuita di **Envira Gallery Lite** è [disponibile per il download tra i plugin sul sito di WordPress](https://wordpress.org/plugins/envira-gallery-lite/ "Pagina di download di Envira Gallery Lite"). I pacchetti avanzati sono a pagamento ma, ad esempio, offrono watermark o gallerie di video. Scopri di più sul sito web ufficiale di [Envira Gallery](https://enviragallery.com "Sito web ufficiale di Envira Gallery").

### MetaSlider

Anche il plugin WordPress MetaSlider rientra tra le soluzioni più apprezzate per presentare immagini e slideshow su un sito web. Grazie alla sua **interfaccia intuitiva drag and drop**, puoi creare slider in pochi minuti, senza che siano necessarie competenze di programmazione. L’utente può scegliere tra diversi tipi di slider e **personalizzare stile, animazioni ed effetti di transizione** in base alle proprie esigenze.

Un vantaggio essenziale di MetaSlider è il **design completamente responsive**. Tutti gli slider si adattano automaticamente alle dimensioni dello schermo, consentendo una visualizzazione ottimale di immagini e testi sia su computer desktop sia su smartphone o tablet. Inoltre, il plugin offre una serie di opzioni SEO. MetaSlider è anche **compatibile con l’editor a blocchi di WordPress (Gutenberg) e con i più comuni page builder** e può essere integrato senza problemi nei layout esistenti. La versione gratuita di [MetaSlider è disponibile nella directory ufficiale dei plugin di WordPress](https://it.wordpress.org/plugins/ml-slider/ "MetaSlider nella directory dei plugin di WordPress"). Chi ha bisogno di più funzioni può effettuare l’upgrade alla [versione Pro](https://www.metaslider.com "Sito web di MetaSlider"), che offre, tra le altre cose, slider video e navigazione tra le miniature.

## Gallerie di immagini per Joomla!

Anche [Joomla!](https://www.ionos.it/digitalguide/hosting/cms/joomla-lessenziale-su-questo-cms-open-source/) gode di una popolarità sempre maggiore, sia in Italia che all’estero, e rientra nella lista dei tre CMS più usati. Anche su Joomla! gli utenti possono contare su una grande community e una vasta scelta di estensioni e plugin.

### sigplus

sigplus, acronimo di Simple Image Gallery Plus, ha come presupposto la semplicità, come il nome già suggerisce, e supporta gli utenti nella creazione di una **galleria di immagini semplice**. Il plugin raggiunge gli obiettivi prefissati e si adatta soprattutto a piccoli siti web e gallerie con un numero gestibile di immagini. Inoltre, mentre gli utenti inesperti approfittano dell’uso semplice e intuitivo, quelli esperti hanno anche a disposizione ulteriori impostazioni, come thumbnail e caching, nella “modalità Advanced”. Il plugin è gratuito e si trova tra le [estensioni di Joomla!](https://extensions.joomla.org/extensions/extension/photos-a-images/galleries/sigplus "Download di sigplus su Joomla!").

### Phoca Gallery

Anche Phoca Gallery è gratuito, ma con un numero di funzionalità decisamente maggiore rispetto al sopracitato sigplus. Il plugin offre la possibilità di inserire gallerie di immagini e slideshow nel proprio sito web Joomla!, ma il suo uso non è così intuitivo e in particolare chi è agli inizi ha bisogno di un certo **periodo di adattamento** per poter usare pienamente le funzioni. Tuttavia, se si riesce a gestire l’estensione, sono poi a disposizione, oltre alle funzioni base, anche pratiche funzionalità che consentono di inserire watermark o l’opzione di download per gli utenti. L’estensione gratuita si trova sul [sito web di Joomla!](https://extensions.joomla.org/extension/phoca-gallery "Download di Phoca Gallery"), mentre sulla [pagina ufficiale dello sviluppatore](https://www.phoca.cz/phocagallery "Sito web ufficiale di Phoca Gallery") sono a disposizione **una documentazione esaustiva, moduli aggiuntivi e altri plugin**.

### Showtime Image Gallery

Il plugin Joomla! a pagamento Showtime Image Gallery consente di creare facilmente gallerie di immagini professionali direttamente all’interno del sistema di gestione dei contenuti. Gli utenti possono creare gallerie per singoli articoli o pagine e integrarle tramite moduli o shortcode. Con il **supporto dei più comuni script lightbox** come FancyBox, LightGallery o PhotoSwipe, le immagini possono essere presentate in un formato grande in modo accattivante e interattivo. Grazie al **design responsive**, tutte le gallerie si adattano automaticamente a diverse dimensioni dello schermo. Inoltre, gli utenti possono assegnare attributi rilevanti per la SEO, come titoli delle immagini e testi alternativi, per migliorare la visibilità nei motori di ricerca. Il plugin è disponibile per il download come modello in abbonamento sul [sito web dello studio di sviluppo Firecoders](https://www.firecoders.com/subscriptions/showtime "Sito web di Firecoders: download di Showtime").

## Gallerie di immagini per TYPO3

Anche [TYPO3](https://www.ionos.it/digitalguide/hosting/cms/typo3-un-cms-dalle-molte-funzionalita/) è un sistema di gestione dei contenuti noto. Il CMS è un software molto ampliabile, che viene usato sia per siti web di dimensioni piccole o medie sia per soluzioni aziendali. Inoltre, fa affidamento su una vasta community. Tuttavia, TYPO3 non risulta una soluzione semplice, se non si hanno conoscenze pregresse su come realizzare un sito web. Per poter usare pienamente i vantaggi del CMS, molte imprese investono nella formazione di personale specializzato. Anche per quanto riguarda le gallerie di foto, ci sono alcune soluzioni professionali per TYPO3.

### Simple Image Gallery (bm\_image\_gallery)

L’estensione TYPO3 Simple Image Gallery, ovvero bm\_image\_gallery, consente di creare facilmente gallerie di immagini flessibili e responsive. Gli utenti possono **creare gallerie direttamente dal file collection di TYPO3**, in modo che le immagini siano gestite centralmente e possano essere riutilizzate in più gallerie. Facendo clic su un’immagine si apre, opzionalmente, un lightbox che la mostra in formato grande e consente una navigazione intuitiva nella galleria. Grazie al supporto di dimensioni di immagine personalizzate e delle configurazioni TypoScript, è possibile adattare visualizzazione e layout delle gallerie alle rispettive esigenze. L’estensione è inoltre adatta per l’ottimizzazione per i motori di ricerca, poiché per ogni immagine possono essere inseriti testi alternativi, titoli e descrizioni. bm\_image\_gallery si integra nelle moderne installazioni di TYPO3 ed è disponibile per il download nello [store delle estensioni di TYPO3](https://extensions.typo3.org/extension/bm_image_gallery "Download di Simple Image Gallery").

### ns\_gallery

L’estensione TYPO3 ns\_gallery è una **soluzione a pagamento** per creare gallerie di immagini professionali e slider multimediali. Supporta diversi layout, visualizzazioni slider e funzioni di zoom, permettendo di adattare visivamente le gallerie in modo flessibile al tuo web design. ns\_gallery consente di gestire le immagini in album e categorie e supporta inoltre l’integrazione di video, ad esempio da YouTube.

Con funzioni come il lazy loading e il design responsive, vengono ottimizzati sia i tempi di caricamento sia la visualizzazione sui dispositivi mobili. L’estensione offre inoltre funzioni lightbox complete. Può essere testata gratuitamente per 15 giorni e in seguito è disponibile come abbonamento annuale o abbonamento a vita sul [sito ufficiale](https://t3planet.de/en/typo3-gallery-extension "Download di ns_gallery").

## Aspetti delle gallerie di immagini rilevanti per la SEO

Le gallerie di immagini per i siti possono migliorare sensibilmente la **visibilità** del tuo sito web nei motori di ricerca, se sono **ottimizzate correttamente**. Ciò include l’uso di nomi di file descrittivi, testi alternativi e descrizioni delle immagini che rendono il contenuto delle immagini comprensibile ai motori di ricerca. Anche una visualizzazione responsive, tempi di caricamento rapidi grazie al lazy loading e dimensioni delle immagini ottimizzate contribuiscono alle prestazioni, con un effetto positivo sul ranking.

### Checklist SEO per gallerie

Assegnare a tutte le immagini nomi di file descrittivi

Aggiungere testi alternativi e titoli per la descrizione delle immagini

Ottimizzare le immagini per tempi di caricamento rapidi (compressione, lazy loading)

Integrare dimensioni responsive per diversi dispositivi

Utilizzare dati strutturati

Se possibile, aggiungere didascalie o sottotitoli

Sfruttare i link interni verso contenuti pertinenti


This is a markdown version of: [https://www.ionos.it/digitalguide/siti-web/web-design/come-creare-una-galleria-di-immagini-per-il-vostro-sito-web/](https://www.ionos.it/digitalguide/siti-web/web-design/come-creare-una-galleria-di-immagini-per-il-vostro-sito-web/) for AI/LLM consumption.