Für erfolgreiche Suchmaschinenoptimierung (SEO) wird es immer interessanter, einen Bildtext dem dazugehörigen Bild semantisch einwandfrei dem dazugehörigen Bild zuzuordnen, damit die Suchmaschinen diesen Zusammenhang auch erkennen.
Bisher machte man das üblicherweise so:
<img src="PfadZumBild.jpg" alt="Mein Bild" /> <p>Ein schönes Bild</p>
Damit ist der Zusammenhang zwischen Bild und Text für den Roboter einer Suchmaschine nicht eindeutig erkennbar. Mit HTML5 wurde das Figure-Element mit dem Figcaption-Element eingeführt, das hier eindeutig die bessere Lösung ist:
<figure> <img src=" PfadZumBild.jpg " alt=" Mein Bild " /> <figcaption> <p>Ein schönes Bild </p> </figcaption> </figure>
