Korrekte Verlinkung in Figure

[BorisK]

Guten Morgen zusammen,

in der Vergangenheit habe ich die Benutzung von Figure und Figcaption etwas vernachlässigt.

In meinem Fall ist sowohl das Bild verlinkt und der Untertitel ebenfalls. Beide leiten auf das gleiche Ziel und öffnen lediglich ein Bildbetrachungs-Overlay.

Meine Frage ist daher, ob folgendes Vorgehen semantisch und SEO seitig sinnvoll ist?

Code: Alles auswählen

<h3 class="content-headline">USB, Laden, SIM Karte und On-Off Schalter</h3>
<hr>

<figure class="right">
  <a class="group1" href="../../gps-langzeittracker/gps-tracker-mit-langer-akkulaufzeit-paj-power-finder-einschalter-on-off-schalter-xl.jpg" title="">
  <img class="sms-anleitung-img" src="../../fahrzeugortung/paj-power-finder/auto-gps-tracker-paj-power-finder-einschalter-on-off-schalter.jpg" alt="" title="">
  </a>
  <figcaption class="sms-anleitung-figcaption">
  <a class="group1" href="../../gps-langzeittracker/gps-tracker-mit-langer-akkulaufzeit-paj-power-finder-einschalter-on-off-schalter-xl.jpg" title="">
  <i class="fa fa-search"></i>&nbsp; Bild vergrößern
  </a> - Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem
  </figcaption>
</figure>

Oder kann ein solches Vorgehen wegen dem stets doppelt vorkommenden Link in einer Figure als "Überoptimierung" betrachtet werden, so dass ich die Anzahl Links von 2 auf 1 pro Figure reduziere, so dass die Caption Bestandteil des Links wird?

Code: Alles auswählen

<h3 class="content-headline">USB, Laden, SIM Karte und On-Off Schalter</h3>
<hr>

<figure class="right">
  <a class="group1" href="../../gps-langzeittracker/gps-tracker-mit-langer-akkulaufzeit-paj-power-finder-einschalter-on-off-schalter-xl.jpg" title="">
  <img class="sms-anleitung-img" src="../../fahrzeugortung/paj-power-finder/auto-gps-tracker-paj-power-finder-einschalter-on-off-schalter.jpg" alt="" title="">

  <figcaption class="sms-anleitung-figcaption">
  <i class="fa fa-search"></i>&nbsp; Bild vergrößern
  </a> - Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem
  </figcaption>
</figure>

Das Ergebnis sollte stets so aussehen, aktuell ist das Bild UND der "Bild vergrößern" Text jeweils einzeln mit dem gleichen Bild verlinkt. Bei Änderung würde ich den gesamten Bilduntertitel mit verlinken, was für mich aber in Ordnung wäre.




Das Vorgehen reduziert die Anzahl an Links pro Seite deutlich, und dürfte auch die Code-Text Ratio verbessern, aber ist das auch semantisch / seo-korrekt?

Dank und Gruß
Boris

[Milanex]

Ohne wissenschaftliche Grundlage würde ich antworten: Das is Jacke wie Hose. Mach es so, wie es Dir oder dem Anwender besser gefällt.

[arnego2]

Solange es dem Code-Text Ratio zugute kommt ist es gut für das SEO.

[BorisK]

Hallo zusammen,

schlussendlich habe ich mich entschieden, es bei oben genannter Variante #1 zu belassen. Variante #2 wurde vom W3C Validator bemängelt, da figure kein Child von a sein dürfe.

Ist es gestattet, das fertige Ergebnis der Seite zu posten?
Ich habe sehr viel Zeit mit der Seite zugebracht, bin aber nach wie vor kein Fachmann in Sachen Design und / oder SEO.

Vielleicht hat der ein oder andere von euch noch Anregungen, Best Practices o. ä.

Viele Grüße
Boris