Wie man Ankerlinks in Squarespace einrichtet
Bildquelle: © Unsplash
Ob Sie es nun Ankerlink oder Sprunglink nennen, es ist das Gleiche. Ein Ankerlink führt einen Seitenbesucher zu einer anderen Stelle auf derselben Seite oder zu einem relevanten Abschnitt auf einer anderen Seite. Wie fügen Sie Ankerlinks zu Ihrer Squarespace-Website hinzu? In diesem Artikel zeigen wir es Ihnen!
Inhaltsverzeichnis im Detail Ausblenden
Sind Ankerlinks von Bedeutung?
Bildquelle: © Unsplash
Wenn Sie eine lange, inhaltsreiche Seite haben, helfen gut platzierte Ankerlinks Ihren Besuchern, das Gesuchte auf der Seite schneller zu finden. Oder wenn Sie auf einer Seite etwas erwähnen, das auf einer anderen Seite ausführlich behandelt wird, können Ankerlinks Ihre Leser zu der entsprechenden, ausführlicheren Seite führen.
Diese Links dienen als Wegweiser, um den Zugriff auf Informationen zu beschleunigen. Sie sind vergleichbar mit Lesezeichen oder einem Inhaltsverzeichnis, das die Besucher Ihrer Seite leitet.
Ankerlinks können auch SEO-Wert hinzufügen zu Ihrer Squarespace-Website hinzufügen. Suchmaschinen-Bots crawlen diese Links und geben Ihnen damit eine weitere Möglichkeit, bei der Suche nach einem bestimmten Schlüsselwort höher zu ranken. Solange der Text in Ihrem Anker-Link relevant für den Abschnitt ist, zu dem Sie springen, sollten Sie in guter Verfassung sein.
Wenn Sie diese und andere Anchor-Link-Tipps lesen, sollten Sie Folgendes beachten:
Ankerlinks und Sprunglinks sind ein und dasselbe
Sie sind Markierungen, die den Leser zu bestimmten Abschnitten auf einer Seite führen.
Solange sie relevant sind, verbessern sie die Nutzererfahrung und erhöhen den SEO-Wert.
Hinzufügen von Ankerlinks zu Squarespace-Seiten
Ist es schwierig, einen Ankerlink zu einer Squarespace-Seite hinzuzufügen? Das kann es sein. Unsere Empfehlungen sind das, was wir die meiste Zeit verwenden, da sie in den meisten Fällen funktionieren.
Link zu einem Abschnitt einer Seite
Führen Sie die folgenden Schritte aus, um einen Link zu einem bestimmten Abschnitt einer beliebigen Seite auf Ihrer Website zu erstellen, z. B. zum Abschnitt Mitgliedervorteile auf Ihrer Mitgliederseite, nachdem Sie auf Ihrer Homepage gelandet sind:
Klicken Sie auf "Bearbeiten".
Klicken Sie auf das Pluszeichen (+) am oberen Rand des Abschnitts
Geben Sie das Wort "Code" ein.
Einen Codeblock aufrufen
Add in the following code: <p id=" "></p>
Dies ist der Hauptcode, den Sie für jeden Ankerlink verwenden, den Sie einrichten möchten. Sie werden den Code dann so anpassen, dass er am besten zu Ihrer einzigartigen Website passt und mit dem Erlebnis, das Sie schaffen, übereinstimmt.
Mehr Links erstellen
Befolgen Sie diese Tipps, um den Code für andere Abschnitte, auf die Sie verlinken möchten, einfacher zu replizieren:
Halten Sie Ihren Code einfach; es gibt keinen Grund, ihn komplex zu machen
Speichern Sie Ihren Code in einem Word-Dokument oder einer anderen zugänglichen Datei, um ihn später zu verwenden.
Wenn Sie einen Codeblock einrichten, ziehen Sie ihn nach oben, damit er sich über die gesamte Seite und den gesamten Abschnitt erstreckt (dies ist wichtig für mobile Geräte)
Nachdem Sie einen Codeblock für einen Ankerlink hinzugefügt haben, sehen Sie sich die URL an. Sie müssen ein Hashtag-Zeichen und ein beschreibendes Wort (z. B. "Vorteile") hinzufügen, um sie eindeutig und identifizierbar zu machen.
Den Prozess am anderen Ende abschließen
Sobald Sie die Ankerbeiträge, zu denen ein Link führen soll, eingerichtet und gespeichert haben, müssen Sie den Vorgang auf der verweisenden Seite abschließen.
In unserem Beispiel der Verlinkung zu den Mitgliedervorteilen Ihrer Mitgliedschaftsseite, wenn jemand auf Ihrer Squarespace-Startseite landet, müssen Sie zur Startseite gehen und dort einen Link hinzufügen.
Führen Sie dazu die folgenden Schritte aus:
Doppelklicken Sie auf die Seite
Klicken Sie in den Editor
Prüfen Sie, mit was der Text oder die Schaltfläche verknüpft ist
Ändern Sie ihn so, dass er auf den richtigen Abschnitt verweist (in unserem Beispiel würden wir Folgendes hinzufügen: /#benefits)
Fügen Sie einen relevanten Text hinzu (in unserem Beispiel: "Vorteile für Mitglieder")
Speichern Sie
Wenn jemand auf den von Ihnen geänderten Text oder die Schaltfläche klickt, wird er nun zu dem von Ihnen erstellten Ankertext auf der anderen Seite weitergeleitet.
Zeitsparende Tipps & Tricks
Bildquelle: © Unsplash
Nachdem wir nun die Grundlagen des Hinzufügens von Ankerlinks und das Ändern der beiden beteiligten Enden behandelt haben, wollen wir uns nun einige nützliche Tipps und Tricks ansehen.
Umgehung der klebrigen Navigation
Wenn ein Teil des Textes in Ihrem Ankerabschnitt blockiert wird, können Sie dies mit einer Umgehungslösung beheben. Ich verwende in der Regel eine Sticky-Navigation. Wenn Sie eine andere Navigation verwenden Art der Navigationverwenden, wird Ihr Text möglicherweise nicht so angezeigt, wie Sie es wünschen. Hier ist die Lösung für dieses Problem:
Gehen Sie auf "Bearbeiten".
Nach oben gehen
Klicken Sie hier, um die Kopfzeile der Seite zu bearbeiten
Feste Position" entfernen
Speichern Sie
Nun sollte der Link von der anderen Seite zu einem gut formatierten Abschnitt Ihres Ankertextes führen, in dem keine Teile fehlen oder blockiert sind.
Abstandshalter hinzufügen
Wenn Sie keine Sticky-Navigation verwenden und dies auch so beibehalten wollen, gibt es eine weitere Möglichkeit, alles korrekt zu formatieren.
Gehen Sie auf der Seite mit Ihrem Ankertext wie folgt vor:
Gehen Sie auf "Bearbeiten".
Füge wieder "Feste Position" hinzu
Klicken Sie im Bereich Anker auf das Pluszeichen (+)
Abstandshalter hinzufügen
Diese Abhilfe fügt ein wenig zusätzlichen Platz zwischen dem Anker und dem Textabschnitt hinzu, um zu verhindern, dass Wörter versehentlich überdeckt oder blockiert werden.
Vermeiden Sie schnelle Sprünge
Wenn Sie plötzliche, ruckartige Sprünge zu dem Abschnitt, zu dem Sie verlinken, vermeiden wollen und eine sanftere Bildlaufbewegung bevorzugen, gehen Sie wie folgt vor:
Gehen Sie zu "Design".
Gehen Sie zu "Benutzerdefiniertes CSS".
Fügen Sie den folgenden HTML-Code ein:
html {
scroll-behavior: smooth;
}Speichern Sie
Durch das Hinzufügen dieses winzigen Codes erhalten Sie ein reibungsloses Scrollverhalten, das den Nutzern Ihrer Squarespace-Website ein weitaus angenehmeres Erlebnis bietet.
Galerien und andere Ausnahmen
Wenn Sie die oben beschriebenen Schritte befolgen, können Sie an fast jeder Stelle Ihrer Squarespace-Website Code einfügen und die Formatierung anpassen. So können Sie relevante Ankerlinks hinzufügen, die den Besuchern die Navigation zu den wichtigsten Abschnitten Ihrer Website erleichtern.
Um Ihnen unnötige Frustration zu ersparen, möchte ich nur darauf hinweisen, dass diese Schritte für die meisten Squarespace-Websites und -Seiten funktionieren, mit ein paar Ausnahmen. Sie funktionieren NICHT für Galerien. Außerdem funktionieren sie nicht für bestimmte Inhaltsbereiche.
Zusammenfassend lässt sich sagen, dass Sie Ihre Zeit nicht damit verschwenden sollten, die in diesem Artikel beschriebenen Methoden zum Einrichten von Ankerlinks auf Squarespace für eine der folgenden Möglichkeiten zu verwenden (sie werden nicht funktionieren):
Galerien
Jeder Abschnitt, der nicht dem Standard entspricht, wie z. B. eine Liste
Alle Bereiche, in denen Sie keinen Codeblock hinzufügen können
Kontaktieren Sie uns für Hilfe
Wir haben in diesem Blogbeitrag viel behandelt. Wenn etwas unklar ist oder Sie Hilfe bei einem der Schritte benötigen, können Sie sich an uns wenden Dienstleistungen, die helfen sollen Wir helfen Ihnen, Squarespace-Websites schneller, einfacher und effizienter zu gestalten.
Wir lieben es, Entwicklern und Kleinunternehmern gleichermaßen zu helfen, deshalb haben wir eine Menge hilfreiches Material erstellt, das kostenlos zur Verfügung steht. Blättern Sie durch unsere Squarespace SEO-Anleitungen nach praktikablen Möglichkeiten zur schnellen Optimierung Ihrer Website. Selbst die besten SEO-Experten können aus unseren kostenlosen Leitfäden neue Dinge lernen.
Sie können auch von der Anmeldung zu unserem kostenlosen Newsletter profitieren, der monatlich verschickt wird. Abonnieren Sie unseren Newsletter Der Newsletter ist ein einfacher Weg, um Einblicke in die Branche zu erhalten, die Ihnen helfen werden, mehr aus Ihrer Squarespace-Website herauszuholen.
