J'ai récemment reçu une maquette Web comprenant une barre latérale avec un court paragraphe de texte étroit; une citation d'une personne. À la fin de la citation, un portrait circulaire de la personne flottait à droite de la maquette, accroché au bord du bloc, le texte circulant autour du bord.
Cela ressemblait à ceci, où "TEXT" est le texte et "o" le portrait
TEXTTEXTTEXTTEXTTEX
TEXTTEXTTEXTTE
TEXTTEXTTEXT ooooo
TEXTTEXTTEXT ooooooo
TEXTTEXTTEXT ooooooo
ooooo
Le moyen le plus simple de procéder consiste à placer l’étiquette du portrait quelque part dans le balisage du texte et à la placer correctement. Mais le code HTML ressemblera, dans ce cas: TEXTTEXTTE<img src="..." style="float: right;">XTTEXTTEXT
et je crains que ce ne soit mauvais pour le référencement.
Est-ce que quelqu'un sait? L’autre option est de placer le tout à la fin, de le positionner absolument et d’utiliser des sauts de ligne manuels - ce qui est gênant pour mon design réactif.
Cela ne devrait poser aucun problème pour moteurs de recherche. Il est fort probable que même pas reconnu que l’image ne fait pas partie de la phrase environnante.
Mais c’est mauvais pour sémantique (qui peut vous intéresser ou non). Comme vous avez une citation dans votre barre latérale, vous devez utiliser l’élément blockquote
. Mais la photo de la personne ne fait bien sûr pas partie de la citation, elle ne doit donc pas être incluse dans l’élément blockquote
.
Et c’est mauvais pour accessibilité (à laquelle vous devriez vous intéresser). Pensez à un utilisateur de lecteur d'écran. Exemple de balisage:
<blockquote>
<p>I don't know half of you half as well as I should like; <img src="bilbo-portrait.png" alt="Bilbo Baggins" /> and I like less than half of you half as well as you deserve.</p>
</blockquote>
Le lecteur d'écran peut lire quelque chose comme:
Citation: […] aussi bien que je voudrais Image Bilbo Baggins et j'aime moins que […]
Déroutant, hein?
Cela n'affectera pas votre référencement. Et même si c'était le cas, à quel point pensez-vous que cela l'affecterait? De plus, une meilleure expérience utilisateur permet généralement un meilleur référencement, car cela augmente vos chances d’obtenir des liens naturels qui, nous le savons tous, ont un impact positif sur votre classement.
Fondamentalement, ne donnez même pas une autre pensée à SEO en ce qui concerne ceci ou quoi que ce soit du genre.