# Comment créer une galerie photo pour votre site Web ?

La conception visuelle est souvent déterminante pour le succès d’une offre en ligne ; les graphiques et les images constituent donc un élément central de chaque site Web. Pour les intégrer efficacement, il est par exemple possible d’utiliser des extensions CMS afin de créer une galerie d’images adaptée au site Web.

## Comment intégrer une galerie photo à un site Web avec Lightbox ?

Lightbox est l’une des manières les plus simples de présenter des images sur un site Web. Le script repose sur une combinaison de **HTML, CSS et JavaScript** et s’intègre directement dans la page. Lorsqu’un visiteur clique sur une vignette, l’image s’affiche en grand format, tandis que le reste du site Web s’assombrit en arrière-plan. Une telle Lightbox s’intègre facilement à une galerie photo pour site Web et enrichie de fonctions supplémentaires, ce qui en fait une solution adaptée au [développement Web moderne](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/les-bases-du-developpement-web-moderne/).

Comme prérequis, une version récente de Lightbox et les images correspondantes sont nécessaires, incluant des [thumbnails (vignettes)](https://www.ionos.fr/digitalguide/web-marketing/les-media-sociaux/thumbnail/) à intégrer sur votre page. La première Lightbox a été développée en 2005 par Lokesh Dhakar et publiée peu après sous licence Creative Commons. Il existe aujourd’hui de nombreuses variantes de ce script populaire, allant de solutions autonomes à des plugins pour bibliothèques JavaScript ou à des extensions pour systèmes de gestion de contenu.

### Étape 1 : télécharger Lightbox

Le script Lightbox le plus couramment utilisé est disponible en téléchargement gratuit sur le site de [Lokesh Dhakar](https://www.lokeshdhakar.com/projects/lightbox2/#download "Lightbox2"). Après avoir décompressé le fichier *.zip*, vous trouverez notamment le fichier `index.html` dans le dossier `examples`, qui fournit un exemple d’utilisation, ainsi que, dans le répertoire `dist`, les trois dossiers `css`, `images` et `js`.

### Étape 2 : intégrer le fichier CSS et JavaScript

Ensuite, copiez le fichier `lightbox.css` depuis le dossier `css` vers le répertoire CSS de votre site Web, ainsi que le fichier `lightbox.js` vers le répertoire JavaScript. Ces deux fichiers se trouvent dans les dossiers correspondants du répertoire `dist`. Vous devez également ajouter la ligne suivante dans l’en-tête de la page Web concernée afin de charger la feuille de style CSS :

```html
<link href="votre-repertoire-css/lightbox.css" rel="stylesheet">
```

Ajoutez ensuite la ligne suivante à l’avant-dernière ligne avant la balise de fermeture `<div class="hash d-none" hidden>hash_d2fae84ce474e0135dcf67108bf235739cccd4cc</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>` pour intégrer le JavaScript :

```html
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="votre-repertoire-js/lightbox.js"></script>
```

Note La plupart des versions de Lightbox nécessitent jQuery. Si ce n’est pas déjà le cas, vous devez l’intégrer et le charger avant d’utiliser le script Lightbox.

### Étape 3 : intégrer les attributs Lightbox

Toute image affichée via Lightbox doit comporter un [attribut HTML](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/attributs-html/) spécifique dans le code source afin de fournir au script les informations nécessaires. Chaque lien vers une image doit inclure l’attribut `data-lightbox` avec un nom attribué à la galerie concernée. Les images qui doivent apparaître dans un même diaporama doivent partager la même valeur pour l’attribut `data-lightbox`. Pour ajouter une légende, il suffit d’utiliser l’attribut `data-title` avec le texte correspondant.

#### Exemple pour insérer une image unique

```html
<a href="images/image-1.jpg" data-lightbox="image-1" data-title="Légende">
<img src="images/image-1-exemple.jpg" alt="texte alternatif">
</a>
```

#### Exemple pour insérer un diaporama avec plusieurs images

```html
<a href="images/image-2.jpg" data-lightbox="show-1" data-title="matin"><img src="images/image-2-exemple.jpg" alt="texte alternatif"></a>
<a href="images/image-3.jpg" data-lightbox="show-1" data-title="midi"><img src="images/image-3-exemple.jpg" alt="texte alternatif"></a>
<a href="images/image-4.jpg" data-lightbox="show-1" data-title="soir"><img src="images/image-4-exemple.jpg" alt="texte alternatif"></a>
```

### Étape 4 : personnaliser la Lightbox

Lightbox est désormais intégrée au site Web. Il existe toutefois d’autres possibilités pour personnaliser le diaporama ou l’affichage Lightbox. La configuration s’effectue en appelant la méthode `option` après le chargement du script et en y définissant les valeurs souhaitées. La fonction se présente comme suit :

```html
<script>
lightbox.option({
    'resizeDuration': 200,
    'wrapAround': true
});
</script>
```

#### Aperçu des options principales

Différents attributs permettent de personnaliser le comportement de la Lightbox via la fonction `option`. Voici les principaux :

<table>
  <thead>
    <tr>
      <th><strong>Option</strong></th>
      <th><strong>Par défaut</strong></th>
      <th><strong>Description</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>`alwaysShowNavOnTouchDevices`</td>
      <td>`false`</td>
      <td>Si cette option est définie sur `true`, les flèches de navigation, habituellement visibles uniquement au survol, s’affichent en permanence sur les appareils à écran tactile</td>
    </tr>
    <tr>
      <td>`disableScrolling`</td>
      <td>`false`</td>
      <td>Si cette option est définie sur `true`, le défilement de la page est désactivé lorsque la Lightbox est ouverte</td>
    </tr>
    <tr>
      <td>`fadeDuration`</td>
      <td>`500`</td>
      <td>Définit la durée d’apparition et de disparition de l’overlay, en millisecondes</td>
    </tr>
    <tr>
      <td>`maxWidth`</td>
      <td></td>
      <td>Permet de définir la largeur maximale de l’image, en pixels</td>
    </tr>
    <tr>
      <td>`maxHeight`</td>
      <td></td>
      <td>Permet de définir la hauteur maximale de l’image, en pixels</td>
    </tr>
    <tr>
      <td>`positionFromTop`</td>
      <td>`50`</td>
      <td>Définit la distance par rapport au bord supérieur de la fenêtre visible, en pixels</td>
    </tr>
    <tr>
      <td>`resizeDuration`</td>
      <td>`700`</td>
      <td>Détermine la durée de transition du conteneur entre deux images de tailles différentes, en millisecondes</td>
    </tr>
    <tr>
      <td>`showImageNumberLabel`</td>
      <td>`true`</td>
      <td>Si l’option est définie sur `false`, le nombre total d’images du diaporama n’est plus affiché, par exemple « Image 3 sur 33 »</td>
    </tr>
    <tr>
      <td>`wrapAround`</td>
      <td>`false`</td>
      <td>Si l’option est définie sur `true`, le diaporama recommence depuis la première image après la dernière</td>
    </tr>
  </tbody>
</table>

Il existe de nombreux autres programmes permettant de créer une galerie photo personnalisée et de l’intégrer à votre propre site Web. Ces outils sont en général simples et intuitifs et proposent souvent un éditeur par glisser-déposer.

## Comment insérer des galeries photo à un site Web directement avec HTML et CSS ?

Les galeries photo pour site Web peuvent également être mises en œuvre sans JavaScript ou Lightbox directement avec [HTML](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/quest-ce-que-le-html/) et [CSS](https://www.ionos.fr/digitalguide/sites-internet/web-design/quest-ce-que-le-css/). Les images sont généralement disposées dans une grille flexible ([Grid](https://www.ionos.fr/digitalguide/sites-internet/creation-de-sites-internet/grilles-css/) ou [Flexbox](https://www.ionos.fr/digitalguide/sites-internet/creation-de-sites-internet/css-flexbox/)) qui s’adapte automatiquement à différentes tailles d’écran. Cette solution simple est particulièrement adaptée pour des temps de chargement rapides et des designs responsifs. Elle convient aussi aux sites Web souhaitant **éviter les scripts externes**.

Avec quelques lignes de CSS, vous pouvez réaliser une galerie photo esthétique et claire, qui est à la fois performante et optimisée pour les moteurs de recherche. Voici à quoi pourrait ressembler un exemple d’intégration simple :

```html

<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Notre galerie photo</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>Nos souvenirs</h2>
<div class="gallery">
<img src="images/image-1.jpg" alt="Lever de soleil sur la mer">
<img src="images/image-2.jpg" alt="Prairie en fleurs au printemps">
<img src="images/image-3.jpg" alt="Paysage montagneux au coucher du soleil">
<img src="images/image-4.jpg" alt="Vue de la ville de nuit">
<img src="images/image-5.jpg" alt="Chemin forestier en automne">
</div>
<div class="hash d-none" hidden>hash_d2fae84ce474e0135dcf67108bf235739cccd4cc</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>
```

Dans la **partie HTML** de notre exemple minimal, un titre `h2` et un [conteneur `div`](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/html-div/) sont définis, où plusieurs images sont insérées avec la [balise `img`](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/balise-img/). Chaque image possède un attribut `alt`, qui contient une courte description. Cela est important pour l’accessibilité et le SEO. Dans la **partie CSS**, l’affichage en grille (`display: grid`) permet de disposer automatiquement les images en colonnes, qui s’adaptent de manière flexible à la taille de l’écran. Avec `gap: 10px`, un espacement est créé entre les images. Grâce aux effets de survol (agrandissement et ombre), la galerie devient plus interactive et moderne quand on survole une image avec la souris.

Note Il est possible d’enrichir facilement une galerie photo pour site Web, par exemple avec des légendes sous les images, des cadres uniformes ou l’utilisation de `object-fit: cover` afin d’afficher les visuels de manière cohérente et harmonieuse. Le design peut également être adapté avec quelques ajustements CSS à votre charte graphique. Ainsi, même sans JavaScript, vous obtenez une galerie esthétique, facile à utiliser et optimisée pour le SEO, qui s’intègre de manière flexible à tout site Web.

## Comment insérer des galeries photo à un site Web directement dans le CMS ?

Lors de la création de leur site Web, de nombreux professionnels choisissent d’utiliser un système de gestion de contenu (CMS). Cette approche présente l’avantage qu’un CMS fournit déjà un cadre de base prêt à l’emploi, et que la plupart des systèmes permettent de créer un site Web professionnel sans connaissances approfondies en programmation ou en informatique.

Outre une prise en main intuitive et des interfaces conviviales, beaucoup apprécient aussi la structure flexible de systèmes comme Joomla! ou TYPO3. Grâce à leur architecture souvent modulaire, le cadre de base peut être étendu et adapté aux besoins spécifiques. Cela est notamment rendu possible par les larges communautés qui soutiennent de nombreux systèmes [open source](https://www.ionos.fr/digitalguide/serveur/know-how/quest-ce-que-lopen-source/) et développent une grande variété d’extensions et de plugins. Il existe ainsi de nombreuses solutions pour **créer et intégrer une galerie photo professionnelle**. Nous vous présentons ci-dessous quelques options adaptées aux systèmes **Joomla!, WordPress et TYPO3**.

### Galeries photo pour WordPress

[WordPress](https://www.ionos.fr/digitalguide/hebergement/cms/wordpress-le-plus-populaire-des-cms-a-la-loupe/) est le CMS open source le plus utilisé au monde. Conçu à l’origine comme un système de blog, WordPress est devenu, grâce à ses nombreuses possibilités d’extension et de personnalisation, un système de gestion de contenu complet, utilisable dans de nombreux domaines. Dans des secteurs comme la mode, le lifestyle ou la beauté, une présentation visuelle soignée joue un rôle central. Il n’est donc pas surprenant que, parmi des dizaines de milliers d’extensions disponibles, on trouve aussi de nombreux plugins pour intégrer des galeries photo sur un site Web.

#### NextGen Gallery

NextGen Gallery compte parmi les **plugins WordPress les plus connus**. Il permet aussi bien de créer des galeries de vignettes que des diaporamas et propose une option Lightbox intégrée, le tout en **design responsive**. Le plugin offre de nombreuses possibilités pour les galeries de grande taille et facilite, grâce à une structure claire et une utilisation intuitive, le téléversement et la gestion de grandes quantités d’images. Les paramètres essentiels, comme la taille, le nombre d’images ou l’intervalle d’affichage, peuvent être configurés facilement, et l’ajout de filigranes se fait en quelques clics. NextGen se distingue par son **utilisabilité et son interface utilisateur bien structurée**. La [version gratuite de NextGen Gallery](https://wordpress.org/plugins/nextgen-gallery/ "Photo Gallery, Sliders, Proofing and Themes – NextGEN Gallery – WordPress plugin | WordPress.org") peut être téléchargée directement via le répertoire officiel des plugins WordPress. Des versions payantes sont proposées sur le [site Web des développeurs](https://www.imagely.com/ "Imagely - The WordPress Photography People") et offrent des fonctionnalités supplémentaires pour un usage professionnel, surtout dans le domaine du commerce en ligne.

#### Envira Gallery (Lite)

Le plugin Envira Gallery permet lui aussi de créer des galeries photo pour site Web. Il est possible de créer des galeries individuelles pour des articles ou des pages, mais aussi des **galeries globales**, utilisables à plusieurs endroits du site Web et mises à jour de manière centralisée.

Le [design responsive](https://www.ionos.fr/digitalguide/sites-internet/web-design/quest-ce-que-le-responsive-design/) est intégré par défaut dans Envira et s’applique aussi bien aux galeries qu’aux Lightbox. L’un des points forts d’Envira réside dans le chargement asynchrone des images, qui permet de **préserver les temps de chargement et les performances**, même pour de grandes galeries photo. Envira présente aussi des avantages en matière de **SEO**, la vitesse de chargement étant un facteur de classement important.

Téléchargez la [version gratuite Envira Gallery Lite](https://wordpress.org/plugins/envira-gallery-lite/ "Gallery Plugin for WordPress – Envira Photo Gallery – WordPress plugin | WordPress.org") dans le répertoire des plugins WordPress. Des extensions payantes sont également disponibles et proposent des fonctionnalités supplémentaires, comme les filigranes ou les galeries vidéo. Pour plus d’informations, consultez le site Web officiel du plugin [Envira Gallery](https://enviragallery.com "Envira Gallery - The Best Photo Gallery Plugin for WordPress").

#### MetaSlider

Le plugin WordPress MetaSlider fait partie des solutions les plus populaires pour présenter des images et des diaporamas sur un site Web. Grâce à son **interface intuitive par glisser-déposer**, il est possible de créer des sliders en quelques minutes, sans connaissances en programmation. L’utilisateur peut choisir parmi plusieurs types de sliders et **adapter individuellement le style, les animations et les effets de transition**.

L’un des principaux atouts de MetaSlider réside dans son **design entièrement responsive**. Les sliders s’adaptent automatiquement à la taille de l’écran et garantissent une présentation optimale des images et des textes sur ordinateurs de bureau, smartphones et tablettes. Le plugin propose en outre diverses options SEO et est compatible avec l’**éditeur de blocs WordPress** (Gutenberg) ainsi qu’avec les constructeurs de pages courants, ce qui facilite son intégration dans des mises en page existantes. La [version gratuite de MetaSlider](https://fr.wordpress.org/plugins/ml-slider/ "Slider, Gallery, and Carousel by MetaSlider – Image Slider, Video Slider – Extension WordPress | WordPress.org Français") est disponible dans le répertoire officiel des plugins WordPress. Pour des besoins plus avancés, la [version Pro](https://www.metaslider.com " Slider, Gallery, and Carousel by MetaSlider – WordPress Slideshow") propose notamment des sliders vidéo et une navigation par vignettes.

### Galeries photo pour Joomla!

[Joomla!](https://www.ionos.fr/digitalguide/hebergement/cms/joomla-lessentiel-sur-le-cms-open-source/) fait aujourd’hui partie du top 3 des systèmes de gestion de contenu les plus utilisés. Les utilisateurs bénéficient d’une vaste communauté ainsi que d’un large choix d’extensions et de plugins.

#### sigplus

Simple Image Gallery Plus, plus connu sous le nom de sigplus, tient globalement la promesse de son nom et facilite la création de **galeries photo simples**. Ce plugin léger remplit efficacement sa fonction et convient particulièrement aux petits sites Web et aux galeries comprenant un nombre limité d’images. Les utilisateurs débutants apprécient sa simplicité d’utilisation et son interface intuitive. En mode avancé, les utilisateurs plus expérimentés peuvent accéder à des paramètres supplémentaires, par exemple pour les vignettes ou la mise en cache. Le plugin est gratuit et [disponible au téléchargement](https://extensions.joomla.org/extensions/extension/photos-a-images/galleries/sigplus "sigplus, by Levente Hunyadi - Joomla Extension Directory") dans le Joomla! Extensions Directory.

#### Phoca Gallery

Phoca Gallery est gratuit et propose un éventail de fonctionnalités nettement plus large que sigplus. Il permet d’intégrer des galeries photo et des diaporamas sur un site Joomla!. Son utilisation est toutefois moins intuitive, et les débutants doivent prévoir un certain **temps d’adaptation** pour exploiter pleinement ses possibilités. Une fois cette phase passée, des fonctions supplémentaires pratiques sont disponibles, comme l’intégration de filigranes ou une option de téléchargement pour les visiteurs. L’extension gratuite est [disponible sur le site de Joomla!](https://extensions.joomla.org/extension/phoca-gallery " Phoca Gallery, by Jan Pavelka - Joomla Extension Directory"). Une documentation détaillée ainsi que des modules et plugins complémentaires sont proposés sur le [site des développeurs du plugin](https://www.phoca.cz/phocagallery "Phoca Gallery").

#### Showtime Image Gallery

Le plugin Joomla! payant Showtime Image Gallery permet de créer facilement des galeries photo professionnelles directement dans le système de gestion de contenu. Les utilisateurs peuvent concevoir des galeries pour des articles ou des pages individuelles et les intégrer via des modules ou des shortcodes. Grâce à la **prise en charge de scripts Lightbox courants** comme FancyBox, LightGallery ou PhotoSwipe, les images peuvent être affichées en grand format de manière interactive. Le **design responsive** garantit une adaptation automatique aux différentes tailles d’écran. De plus, il est possible d’attribuer des attributs SEO pertinents, comme les titres et les textes alternatifs des images, afin d’améliorer la visibilité dans les moteurs de recherche. Le plugin est proposé sous forme d’abonnement sur le [site Web du studio de développement Firecoders](https://www.firecoders.com/subscriptions/showtime "Subscription Plans - Showtime Image Gallery for Joomla - Firecoders").

## Galeries photo pour TYPO3

[TYPO3](https://www.ionos.fr/digitalguide/hebergement/cms/typo3-cms-a-la-grande-diversite-de-fonctions/) est un système de gestion de contenu largement répandu. Très extensible, ce CMS est utilisé aussi bien pour des sites Web de petite et moyenne taille que pour de vastes solutions d’entreprise. La communauté TYPO3 est donc très active. En contrepartie, TYPO3 n’est pas la solution la plus simple pour créer un site Web sans connaissances préalables approfondies. C’est pourquoi de nombreuses entreprises investissent dans la formation ou font appel à du personnel spécialisé afin de tirer pleinement parti des avantages du CMS. Pour les galeries photo, il existe également plusieurs solutions professionnelles adaptées à TYPO3.

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

L’extension TYPO3 Simple Image Gallery, aussi connue sous le nom de bm\_image\_gallery, permet de créer facilement des galeries photo pour site Web flexibles et responsives. Elles peuvent être **créées directement à partir des collections de fichiers TYPO3**, ce qui facilite la gestion centralisée des images et leur réutilisation dans plusieurs galeries. Un clic sur une image ouvre une Lightbox, affichant le visuel en grand format avec une navigation intuitive. Grâce à la prise en charge de tailles d’images personnalisées et de configurations TypoScript, l’affichage peut être adapté à des exigences spécifiques. L’extension est conçue pour le SEO et permet d’ajouter des textes alternatifs, des titres et des descriptions aux images. bm\_image\_gallery est compatible avec les versions récentes de TYPO3 et disponible au téléchargement dans le [répertoire d’extensions TYPO3](https://extensions.typo3.org/extension/bm_image_gallery "TYPO3 Extension ‘Simple Image Gallery’ (bm_image_gallery)").

#### ns\_gallery

L’extension TYPO3 ns\_gallery est une **solution payante** destinée à la création de galeries photo pour site Web et de diaporamas multimédias professionnels. Elle propose différents agencements, des affichages de sliders et des fonctions de zoom, permettant une personnalisation visuelle avancée en fonction du design Web. Les images peuvent être organisées en albums et catégories, et l’intégration de vidéos, par exemple depuis YouTube, est également prise en charge.

Des fonctionnalités comme le Lazy-Loading et un design responsive contribuent à optimiser les temps de chargement et l’affichage sur les appareils mobiles. L’extension inclut des fonctions Lightbox étendues. ns\_gallery peut être testée gratuitement pendant 15 jours, puis est proposée sous forme d’abonnement annuel ou de licence à vie sur le [site Web officiel](https://t3planet.de/typo3-galerie-erweiterung "All In One TYPO3 Gallery Extension | T3Planet").

## Quel impact le SEO d’une galerie photo a-t-il sur les performances d’un site Web ?

Les galeries photo pour site Web peuvent améliorer sensiblement la **visibilité** d’un site Web dans les moteurs de recherche, à condition d’être **correctement optimisées**. Cela passe notamment par l’utilisation de noms de fichiers explicites, de textes alternatifs et de descriptions d’images qui permettent aux moteurs de recherche d’interpréter le contenu visuel. Un affichage responsive, des temps de chargement réduits grâce au Lazy Loading et des tailles d’image optimisées contribuent également aux performances, avec un effet positif sur le classement.

### Liste de vérification SEO

Attribuer à toutes les images des noms de fichiers explicites

Ajouter des textes alternatifs et des titres pour décrire les images

Optimiser les images pour des temps de chargement rapides (compression, Lazy Loading)

Intégrer des tailles responsives pour différents appareils

Utiliser des données structurées

Si possible, ajouter des légendes ou captions

Utiliser des liens internes vers des contenus pertinents


This is a markdown version of: [https://www.ionos.fr/digitalguide/sites-internet/web-design/comment-creer-une-galerie-photo-pour-votre-site-web/](https://www.ionos.fr/digitalguide/sites-internet/web-design/comment-creer-une-galerie-photo-pour-votre-site-web/) for AI/LLM consumption.