Tutorials

So fügst du Links zu Bildern und Texten in Shopify hinzu [2025 Easy Guide]

Melden

Hier ist ein aktuelles Tutorial für das Jahr 2025, das dir Schritt für Schritt zeigt, wie du in Shopify Links zu Texten und Bildern hinzufügst.

Die Verlinkung von Inhalten ist entscheidend für die Benutzererfahrung (UX) und die Suchmaschinenoptimierung (SEO) deines Shopify-Shops. In diesem Guide erfährst du, wie du Links in den drei wichtigsten Bereichen setzt: im Text-Editor, in Themes und direkt in Bildern.

Teil 1: Einen Link in Text einfügen (Rich-Text-Editor)

Dies ist die gängigste Methode für Produktbeschreibungen, Blogbeiträge oder Inhaltsseiten.

  1. Gehe zu deinem Shopify-Adminbereich: Navigiere zu Produkte, Online-Shop > Seiten oder Blogbeiträge.
  2. Text markieren: Markiere mit der Maus das Wort oder den Satz, der verlinkt werden soll.
  3. Link-Symbol klicken: Klicke in der Werkzeugleiste des Editors auf das Link-Symbol (sieht aus wie zwei Kettenglieder).
  4. Ziel eingeben:
    • Interner Link: Klicke in das Feld „Link zu“ und wähle aus der Liste eine Kategorie (z. B. Produkte, Kollektionen oder Seiten) aus.
    • Externer Link: Kopiere die vollständige URL (inklusive https://) in das Feld.
  5. Link-Titel (optional): Gib einen Titel für SEO und Barrierefreiheit ein.
  6. Neues Fenster: Wähle „Link in einem neuen Fenster öffnen“, wenn es sich um eine externe Seite handelt.
  7. Einfügen & Speichern: Klicke auf „Link hinzufügen“ und anschließend oben rechts auf Speichern.

Teil 2: Einen Link zu einem Bild im Theme-Editor hinzufügen

Die meisten modernen Shopify-Themes (OS 2.0) ermöglichen es, Bilder in Bannern oder Abschnitten direkt zu verlinken.

  1. Customizer öffnen: Gehe zu Online-Shop > Themes und klicke auf den Button Anpassen (Customize).
  2. Abschnitt wählen: Klicke auf der linken Seite auf einen Abschnitt, der ein Bild enthält (z. B. „Bild-Banner“, „Bild mit Text“ oder „Slideshow“).
  3. Link-Feld suchen: Suche in den Einstellungen des Abschnitts auf der rechten Seite nach dem Feld Link oder Bild-Link.
  4. Ziel auswählen: Klicke in das Feld und wähle das gewünschte Ziel aus deinem Shop oder gib eine externe URL ein.
  5. Speichern: Klicke oben rechts auf Speichern.

Hinweis: Falls ein Bild-Banner keinen direkten Bild-Link hat, kannst du oft stattdessen einen „Button“ aktivieren, der als Link fungiert.

Teil 3: Bilder im Inhalts-Editor (HTML) verlinken

Manchmal möchtest du ein Bild innerhalb einer Produktbeschreibung oder eines Blogposts verlinken. Da der Standard-Editor hierfür oft keinen direkten Button hat, nutzt man einen kleinen Trick:

  1. Bild einfügen: Klicke im Editor auf das Bild-Symbol und lade dein Bild hoch.
  2. Bild markieren: Klicke das eingefügte Bild im Editor einmal an, sodass es blau markiert ist.
  3. Link-Symbol nutzen: Klicke (während das Bild markiert ist) auf das Link-Symbol in der Werkzeugleiste.
  4. URL eingeben: Gib die Ziel-URL ein und klicke auf „Link hinzufügen“.

Profi-Tipp (HTML-Ansicht): Falls das nicht funktioniert, klicke oben rechts im Editor auf das Symbol < > (HTML anzeigen) und umschließe den Bild-Code mit einem Link-Tag:

<a href="DEINE-URL-HIER">
  <img src="DEIN-BILD-LINK.jpg" alt="Beschreibung">
</a>

Teil 4: Best Practices für Links in 2025

  • Sprechende Ankertexte: Vermeide „Hier klicken“. Nutze stattdessen beschreibende Texte wie „Entdecke unsere Sommer-Kollektion“. Das hilft deinem SEO-Ranking.
  • Externe Links: Öffne externe Links (zu sozialen Medien oder Partnern) immer in einem neuen Tab, damit Kunden deinen Shop nicht verlassen.
  • Mobile First: Prüfe nach dem Speichern immer auf deinem Smartphone, ob die Links groß genug sind, um mit dem Daumen leicht angeklickt zu werden.
  • Broken Links vermeiden: Nutze Apps wie „Broken Link Checker“, um sicherzustellen, dass deine Links auch nach Monaten noch funktionieren.

Zusammenfassung

Das Hinzufügen von Links in Shopify ist 2025 einfacher denn je. Im Editor nutzt du das Ketten-Symbol, im Theme-Customizer die vorgefertigten Link-Felder. So führst du deine Kunden gezielt durch die Customer Journey und steigerst deine Conversion Rate!

0