Caption
C
Definition complete
<p>Le terme <strong>caption</strong> désigne en web et en multimédia le texte descriptif accompagnant un contenu visuel ou audiovisuel. Selon le contexte, il peut s'agir de la légende d'une image, du sous-titrage d'une vidéo ou de la description textuelle d'un élément graphique. Cette notion joue un rôle central tant pour l'accessibilité que pour le référencement.</p>
<p>Dans le domaine des images, la caption correspond à la légende explicative généralement affichée sous la photo ou l'illustration. En HTML, l'élément <code><figcaption></code> utilisé conjointement avec <code><figure></code> permet de structurer sémantiquement cette relation entre image et texte descriptif.</p>
<p>Pour les contenus vidéo, les captions englobent plusieurs types de sous-titres :</p>
<ul>
<li><strong>Sous-titres classiques</strong> : transcription des dialogues pour les malentendants ou les situations sans son</li>
<li><strong>Closed Captions (CC)</strong> : incluent également les descriptions sonores (musique, bruits)</li>
<li><strong>Open Captions</strong> : sous-titres incrustés définitivement dans la vidéo</li>
<li><strong>SDH</strong> : Subtitles for the Deaf and Hard of Hearing, norme spécifique américaine</li>
</ul>
<p>L'importance des captions pour l'accessibilité web est fondamentale. Elles permettent aux personnes sourdes ou malentendantes d'accéder au contenu audiovisuel, aux utilisateurs dans des environnements bruyants ou silencieux de suivre les vidéos, et aux locuteurs non natifs de mieux comprendre le contenu.</p>
<p>Du point de vue SEO, les captions enrichissent le contenu textuel indexable d'une page. Les moteurs de recherche ne pouvant pas "voir" les images ou "écouter" les vidéos, les légendes et transcriptions fournissent un contexte précieux pour le référencement. Les vidéos avec sous-titres génèrent en moyenne 40% de vues supplémentaires.</p>
Exemples pratiques
<ul>
<li><strong>Article de blog</strong> : Photo illustrative avec figcaption "Vue aérienne du nouveau campus inauguré en 2024 - Crédit : Architectes Associés"</li>
<li><strong>Vidéo YouTube</strong> : Sous-titres automatiques corrigés manuellement et disponibles en plusieurs langues</li>
<li><strong>Portfolio photo</strong> : Chaque image accompagnée d'une légende indiquant le lieu, la date et les paramètres de prise de vue</li>
<li><strong>Formation e-learning</strong> : Vidéos avec closed captions incluant "[musique douce]" et "[applaudissements]"</li>
<li><strong>Réseaux sociaux</strong> : Stories Instagram avec texte superposé reprenant les points clés de la narration</li>
</ul>
A quoi sert Caption ?
<ul>
<li>Rendre les contenus vidéo accessibles aux personnes sourdes ou malentendantes</li>
<li>Permettre la consultation de vidéos dans des environnements sans son</li>
<li>Améliorer le référencement des contenus visuels et vidéo</li>
<li>Fournir du contexte et des informations complémentaires aux images</li>
<li>Faciliter la compréhension pour les locuteurs non natifs</li>
<li>Respecter les obligations légales d'accessibilité numérique</li>
</ul>
Caption en pratique chez 123web
<p>Chez 123web, nous accordons une attention particulière aux captions dans tous nos projets. Nous structurons sémantiquement les légendes d'images avec les balises HTML appropriées et accompagnons nos clients dans la création de sous-titres de qualité pour leurs contenus vidéo. Cette approche garantit l'accessibilité de vos contenus tout en optimisant leur référencement naturel sur les moteurs de recherche.</p>