Leere H3 Tags bei Abschnitt "einklappbarer text"

[emotionscode-cl]

Liebe Community,

ich benutze das Theme “Dawn” und habe auf einem Produkte-Seitentemplate (z.B. hier genutzt https://clarissa-hochstein.de/products/emotionscode) einen Abschnitt “Einklappbarer Inhalt” eingefügt. Alle “einklappbaren Reihen” haben Inhalt, es gibt keine leeren Reihen. Allerdings weist der SEO-Check zu unterhalb jeder Reihe 2x einen H3 Tag aus. Einmal ist dieser korrekt mit der Überschrift der “einklappbaren Reihe” belegt, einmal ist dieser “leer”.

Wie bekomme ich denn wohl die ärgerlichen leeren H3 Tags weg?

Vielen Dank im Voraus für mögliche Lösungen und viele Grüße

[Ben310]

Hey danke für den Link und dieses Thema besprechen wir oft in der Community wie z. B. in diesem Beitrag. Welchen SEO Check verwendest du? Fazit: was dir diese SEO Apps und Checker sagen ist nicht immer so schlimm wie es scheint, denn die sind mehr auf traditionelle HTML Webseiten ausgerichtet und nicht auf das Shopify’s Ruby-on-Rails System.

Ich habe jetzt, dank deines Links, den HTML-Code in der

angeschaut und sehe am Ende einen leeren

-Tag die wahrscheinlich vom SEO-Checker als nicht optimiert markiert werden:

Ich habe jetzt einen Collapsible Tabs Abschnitt in meinem Dawn Theme hinzugefügt und keine leeren

Tags gefunden. Ihr müsst mal , wie ihr diese Collapsible Tabs eingerichtet habt, ggf. in den Theme Code gehen und in der obigen Suchleiste nach “Collapsible” suchen:

Vorher eine Theme Kopie erstellen: falls die

-Tags manuell in den Code eingefügt wurden, sie einfach löschen. Entferne sie aus jeder accordion__content-Sektion. Falls diese Tags dynamisch von Shopify (Liquid-Code) generiert werden, ersetze einen Code wie:

### {{ block.settings.title }}

Mit etwas wie:

{% if block.settings.title != blank %}
  ### {{ block.settings.title }}
{% endif %}

Dies stellt sicher, dass der

-Tag nur dann ausgegeben wird, wenn tatsächlich ein Titel vorhanden ist. Falls die

-Tags aus einer anderen Quelle stammen (z. B. aus dem Theme Editor), prüfe, ob dort versehentlich leere Tags eingefügt wurden.

Weitere Resourcen:

• How to fix duplicate H3 headings in Dawn theme?
• Remove empty h3 tag from the top of my homepage
• https://youtu.be/TLpyGmTzqwc?si=IJztD4Rawhry5wrp

[emotionscode-cl]

Hi Ben,

erstmal ganz herzlichen Dank für Deine Hilfe. Leider war ich damit nicht erfolgreich.

Zuerst: Ich habe nichts aktiv im Code gemacht, sondern auch einfach nur über das Seitentemplate einen “Abschnitt” eingefügt und dafür “Einklappbarer Text” ausgewählt.

Allerdings habe ich die Texte dort von meiner alten Website einfach kopiert? Kann da irgendwas mitgekommen sein? Soll ich ggf. beide Akkordions einfach einmal komplett neu erstellen?

Ich habe im collapsable-content.liquid nach “h3” gesucht und nur folgenden Abschnitt gefunden in dem H3 vorkommt.

{% render 'icon-accordion', icon: block.settings.icon %}

{{ block.settings.heading | default: block.settings.page.title | escape }}

{{- 'icon-caret.svg' | inline_asset_content -}}

Hier habe ich dann im duplizierten Theme den Teil

{{ block.settings.heading | default: block.settings.page.title | escape }}

durch den Code

{% if block.settings.title != blank %}

{{ block.settings.title }}

{% endif %}

ersetzt. Dann tauchten leider im Akkordion die Headlines der einzelnen Reihen garnicht mehr auf… Also, sahen aus, wie leer, obwohl der Content theoretisch noch da ist…

Viele Grüße

[Ben310]

Ich glaube da hast du die Antwort. Wenn du Text von einer anderen HTML Seite in das Kästchen kopierst dann kopierst du auch den zugrunde liegenden HTML Code mit dazu (wie die Tags). Ich sehe derzeit keine andere Quelle von dem diese leere Tags kommen könnten.