Squarespace: Wie man Bilder anklickbar macht

Sie fragen sich, wie Sie Bilder in Squarespace klickbar machen können? In diesem Artikel behandeln wir eigenständige Bilder, Bilder in Galerien und Hintergrundbilder, um Ihnen zu zeigen, was in Squarespace möglich ist. 

Inhaltsverzeichnis im Detail Ausblenden

    This is a quick Squarespace video walk-through of turning images into a link - including the steps for various image types.

    Welche Bilder können anklickbar sein? 

    Bildquelle: © Unsplash

    Es wird Sie freuen zu hören, dass die meisten Bilder auf Squarespace anklickbar gemacht werden können. Es gibt eine bemerkenswerte Ausnahme, aber für die Mehrheit der Website-Besitzer und -Entwickler ist das kein Problem.  

    • Es ist NICHT möglich, ein Hintergrundbild klickbar zu machen.  

    Dies ist die einzige nennenswerte Ausnahme. Die gute Nachricht ist, dass auch andere Arten von Bildern bearbeitet und anklickbar gemacht werden können, d. h. Sie können den meisten Bildern auf Ihrer Website Links Ihrer Wahl hinzufügen. Wenn Ihre Besucher auf ein Bild auf einer Ihrer Seiten klicken, können Sie sie auf eine andere Seite, eine von Ihnen angebotene Dienstleistung, ein Produkt, eine Bestellseite oder wo auch immer Sie sie hinschicken möchten, weiterleiten.  

    Inline-Bilder 

    Ihre Squarespace-Website kann über Bildblöcke haben, die mit Textbereichen verbunden sind, aber auch eigenständige Bildblöcke, die für sich stehen. Die freistehenden Bildblöcke können Text darunter oder an der Seite haben, aber das Bild selbst ist ein eigener Block - Sie können es aufheben und an eine andere Stelle auf der Seite verschieben, wenn Sie wollen, und es bleibt vom Text getrennt.  

    Eigenständige Bilder, die keinen Text enthalten, werden als Inline-Bilder bezeichnet. Führen Sie in Ihrem Squarespace-Editor die folgenden Schritte aus, um ein Inline-Bild klickbar zu machen: 

    • Doppelklicken Sie auf das Bild. 

    • Es öffnet sich ein Bildbearbeitungsfenster. 

    • Suchen Sie das Feld "Link". 

    • Beginnen Sie mit der Eingabe eines Schrägstrichs (/). 

    • Die Namen der Seiten Ihrer Website werden angezeigt. 

    • Klicken Sie auf die interne Seite, zu der Sie das Bild verlinken möchten.  

    • Wenn Sie stattdessen das Bild mit einer externen Website verlinken möchten, geben Sie https:// und den vollständigen Namen der externen Seite ein, zu der Sie verlinken möchten. 

    • Klicken Sie aus dem Pop-up-Fenster des Editors heraus. 

    • Sparen. 

    Nachdem Sie einen Link zu einem Inline-Bild hinzugefügt haben, werden Sie feststellen, dass sich der Cursor ändert, wenn Sie mit dem Mauszeiger über das Bild fahren. Dies ist ein Hinweis darauf, dass das Bild jetzt mit einem Link verknüpft ist.  

    Image-Karten 

    Eine Bildkarte, die als Call-to-Action-Element dienen kann, ist ein Block, der aus einem Bild und Text besteht. Sie enthält oft auch eine Schaltfläche, z. B. mit der Aufschrift "Mehr erfahren", "Jetzt buchen", "Kontakt" oder einer anderen Aufforderung zum Handeln. 

    Um eine Bildkarte klickbar zu machen, gehen Sie folgendermaßen vor: 

    • Doppelklicken Sie auf den Bildkartenblock. 

    • Wählen Sie "Karte" aus dem sich öffnenden Menü. 

    • Es öffnet sich ein Fenster, das Ihnen Optionen für Ihren Link bietet. 

    • Zu den Optionen gehören "Bei Bild" und "Bei Schaltfläche". 

    • Wenn Sie "Auf Bild" wählen, verschwindet die Schaltfläche von Ihrer Bildkarte. 

    • Wenn Sie "Auf Schaltfläche" wählen, bleibt die Schaltfläche auf der Bildkarte. 

    • Sie können nun den Text der Schaltfläche hinzufügen oder ändern. 

    • Unter dem Schaltflächentext befindet sich ein Linkfeld, in das Sie Ihren Link einfügen können. 

    • Ausklicken. 

    • Sparen. 

    Wenn Besucher auf Ihrer Website auf den Block klicken, werden sie zu der Seite weitergeleitet, die Sie im Linkfeld angegeben haben.  

    Sie können ein ähnliches Verfahren für andere Arten von Block-Layouts anwenden, z. B. Poster oder Überlappung, um jeden Ihrer Bildblöcke klickbar zu machen.  

    Hinzufügen von Links zu Galerien 

    Bildquelle: © Unsplash

    Wenn Ihre Squarespace-Website enthält GalerienSie werden sich freuen zu hören, dass diese Bilder anklickbar gemacht werden können.  

    Führen Sie die folgenden Schritte aus, um eine Abschnitt Galerie auf einer Seite anklickbar zu machen: 

    • Gehen Sie in den Editor. 

    • Bewegen Sie den Mauszeiger über das Bildsymbol in der Abschnittsgalerie. 

    • Klicken Sie auf das Bildsymbol, um ein Popup-Fenster "Bild bearbeiten" aufzurufen. 

    • Blättern Sie durch die verschiedenen Bilder in der Galerie Ihres Bereichs. 

    • Für jedes Bild können Sie einen eigenen klickbaren Link erstellen.  

    • Sie können auch eine kurze Beschreibung hinzufügen. 

    • Speichern Sie und beenden Sie den Editor.

    Jedes Bild in Ihrer Abschnittsgalerie kann mit einer anderen Seite verknüpft werden. Gehen Sie durch und fügen Sie Links für alle Ihre Galeriebilder hinzu. Überprüfen Sie nach dem Speichern, ob Ihre anklickbaren Bilder der Abschnittsgalerie Ihre Besucher zu den richtigen Seiten führen.  

    Wir sind für Sie da 

    Wenn Sie Fragen haben oder Hürden bei der Erstellung Ihrer Squarespace-Website überwinden möchten, sind wir mit großartigen Dienstleistungen für Sie da, um helfen Ihnen, bessere Websites zu erstellen effizienter zu gestalten. 

    Wir laden Sie ein zum Durchblättern unsere SEO-Leitfäden um Ihnen zu helfen, Squarespace-Websites zu erstellen, die für die Suche optimiert sind. Diese kostenlosen Ressourcen können Ihnen dabei helfen, schnell auf Touren zu kommen.  

    Wir bieten auch Premium-SEO-Pakete die Ihnen helfen, Ihre Squarespace-SEO effektiv zu verbessern, egal ob Sie Anfänger oder Profi sind. Welchen Service Sie auch immer benötigen, wir sind für Sie da! 

    Glücklich starten

    We help creatives turn their passion into a marketable, profitable business. Since 2014, We’ve become the top search specialist helping clients get more traffic on their Squarespace website. Today, we have built over 200+ websites & worked on over 750 SEO projects on Squarespace.

    http://launchhappy.co
    Vorherige
    Vorherige

    Squarespace: Wie man Spacer zum Erstellen von Spalten verwendet

    Weiter
    Weiter

    Squarespace Mobile App Walkthrough | Werde ein Squarespace Profi!