web-dev-qa-db-fra.com

html5 - Importance de la position de l'élément <figure>

Je suis un développeur avancé coincé avec une question simple. La position d'un élément <figure> Sur une page Web est-elle importante ou non? Et quels sont les bons cas d'utilisation de l'élément figure?

En règle générale, ils disent qu'un élément <figure> Est utilisé pour les photos, le bloc de code, les diagrammes, etc. Bien que le contenu de l'élément soit lié au flux principal, sa position est indépendante du flux principal et, s'il est supprimé, il devrait n'affecte pas le flux du document.

Selon ces articles de Pluralsight :
Utilisez <figure> Si le contenu est essentiel, mais c'est la position exacte sur la page est important.

Quand je regarde l'article de html.com :
le <figure> est pour le contenu directement lié au contenu principal, tandis que <aside> est pour le contenu "tangentiellement lié".

Donc un élément <figure>:

  1. Contient un contenu autonome (contenu ayant un sens sur lui-même).
  2. Il peut être supprimé et n'affecterait pas un article par exemple.
  3. Il n'est utilisé que pour le contenu directement lié au contenu principal.
  4. La position dans un article est importante.

Veuillez m'expliquer pourquoi et quand je dois envelopper mon <img> Dans un <figure> Lorsqu'un <figcaption> N'est pas nécessaire.

2
Luhn

Imaginez que vous ayez un manuel de l'appareil photo imprimé sur papier.

Vous pouvez avoir un diagramme de tous les éléments à la page 1, ce diagramme est la figure no. 1.

À la page 16, vous pouvez écrire "regardez la figure n ° 1"

Cela implique qu'une figure peut se trouver sur une autre partie de la page car vous devez l'avoir sur cette autre partie de la page.

Mais pour le point de vue SEO, une figure peut avoir (et devrait avoir) un contenu texte identifiable, c'est pourquoi vous devez avoir un élément "figcaption".

Je doute que l'IA des moteurs de recherche soit capable de mesurer la "distance" au texte que vous illustrez avec l'image, mais comme toutes les stratégies de référencement, si vous voulez positionner un terme, et que vous avez un bon contenu, et des chiffres avec des légendes appropriées c'est bon pour toi.

2
Rafael