Ein Anker-Link ist ein nützliches Werkzeug, mit dem Benutzer schnell durch eine Seite navigieren können, indem sie an die gewünschte Stelle scrollen. Webentwickler verwenden diese Technik häufig, um die Navigation auf Websites zu erstellen. In diesem Artikel erfahren Sie, wie Sie einen Anker–Link in einem beliebten Website-Builder erstellen - Tilde.
Tilda ist ein großartiges Werkzeug, um moderne und funktionale Websites zu erstellen, ohne dass eine Programmierung erforderlich ist. Aber viele Benutzer sind mit der Frage konfrontiert, wie sie einen Anker-Link hinzufügen und das Navigieren auf der Seite für Besucher bequem machen können. Wir haben eine detaillierte Anleitung erstellt, die Ihnen hilft, sich mit dieser Frage auseinanderzusetzen.
Schritt 1: Rufen Sie den Tilde-Editor auf und öffnen Sie die Bearbeitung der gewünschten Seite. Wählen Sie die Stelle auf der Seite aus, an der Sie den Anker erstellen und den Benutzer verschieben möchten. Normalerweise kann es sich um einen Titel, einen Abschnitt oder einen Textblock handeln.
Schritt 2: Markieren Sie den Text oder das Element und klicken Sie in der oberen Symbolleiste auf die Schaltfläche "Anker hinzufügen". Es wird ein Popup-Fenster im Panel angezeigt, in dem Sie den Namen des Ankers eingeben müssen. Normalerweise wird der Name so ausgewählt, dass er den Inhalt oder die Position des Elements widerspiegelt.
Schritt 3: Speichern Sie die Änderungen und navigieren Sie zu der Stelle auf der Seite, an der Sie den Anker-Link platzieren möchten. Markieren Sie den Text, das Bild oder ein anderes Element, das als Referenz dienen soll. Klicken Sie in der oberen Symbolleiste auf die Schaltfläche "Link hinzufügen".
Schritt 4: Im geöffneten Fenster müssen Sie den Referenztyp "Anker" auswählen und dann den Namen des Ankers eingeben, den Sie im vorherigen Schritt festgelegt haben. Speichern Sie danach die Änderungen und veröffentlichen Sie die Seite. Jetzt können Benutzer mit einem Klick zum gewünschten Abschnitt oder Block auf Ihrer Seite navigieren!
Jetzt, da Sie wissen, wie Sie einen Anker-Link in Tilda erstellen, können Sie die Navigation auf Ihrer Website einfach hinzufügen, wodurch sie für Besucher bequemer wird. Dieses einfache Tool hilft Benutzern, die benötigten Informationen schnell zu finden und die Benutzerfreundlichkeit Ihrer Website zu verbessern. Viel Erfolg beim Erstellen Ihrer Tilda-Website!
Was ist ein Anker-Link?
Ein Anker-Link kann besonders nützlich sein, wenn lange und informationsreiche Seiten mit mehreren Abschnitten oder Blöcken mit Inhalt vorhanden sind. Mit Hilfe eines Ankerlinks kann der Benutzer sofort zu dem für ihn interessanten Teil der Seite navigieren, ohne Zeit zu verschwenden, um nach den gewünschten Informationen zu blättern und zu suchen.
Um einen Anker-Link zu erstellen, müssen Sie die Stelle auf der Seite markieren, zu der Sie navigieren möchten. Dazu wird das Attribut "id" mit einem eindeutigen Wert für das entsprechende HTML-Element verwendet. Dann wird innerhalb des Links das Attribut "href" mit dem Zeichen "#" und dem Wert "id" des Ankers angegeben, zu dem Sie navigieren möchten.
Zum Beispiel wird der folgende Code verwendet, um einen Anker-Link zu einem Abschnitt mit Kontaktinformationen zu erstellen:
Контактная информация
Текст контактной информации
Перейти к контактам
Wenn Sie auf den Link "Zu Kontakten wechseln" klicken, wird der Benutzer sofort zum Abschnitt mit den Kontaktinformationen auf der Seite weitergeleitet.
Definition und Funktionsweise
Das Funktionsprinzip eines Anker-Links besteht darin, einen Anker zu setzen - ein spezielles Attribut, das an das gewünschte Element auf der Seite gebunden wird. Um einen Anker zu setzen, müssen Sie den Wert des ID-Attributs für das Zielelement angeben. Um dann einen Anker-Verweis auf dieses Element zu erstellen, verwenden Sie das Gittersymbol # und geben den Wert des ID-Attributs im href-Attribut des Links an.
Um beispielsweise einen Anker auf einen Header zu setzen, müssen Sie den folgenden Code eingeben:
Заголовок
Und um einen Anker-Link zu diesem Header zu erstellen:
Dadurch kann der Benutzer beim Klicken auf den Link die Seite automatisch zum angegebenen Titel scrollen.
Vorteile der Verwendung von Anker-Links
- Einfache Navigation durch die Seite. Der Benutzer kann sofort zu den gewünschten Informationen navigieren, ohne die Seite manuell scrollen zu müssen.
- Benutzerfreundlich. Anker-Links ermöglichen es Benutzern, schnell durch die Seite zu navigieren, ohne dass sie zum oberen Rand der Seite zurückkehren müssen.
- Sofortiger Zugriff auf Informationen. Benutzer können sofort zum gewünschten Abschnitt oder Absatz navigieren, um Zeit für die Suche nach den richtigen Informationen zu sparen.
- Verbesserte Benutzererfahrung. Anker-Links machen die Navigation auf der Seite benutzerfreundlicher und ermöglichen es Benutzern, die Website leicht zu navigieren.
- Verbesserte SEO-Optimierung. Die Verwendung von Ankerlinks kann die Seitenoptimierung für Suchmaschinen verbessern, da Sie die Links genauer und konkreter gestalten können.
Wie erstelle ich einen Anker-Link in einer Tilde?
1. Markieren Sie den Text oder das Objekt, für das Sie einen Anker erstellen möchten.
2. Klicken Sie mit der rechten Maustaste und wählen Sie im Einblendmenü die Option "Ankerverknüpfung erstellen".
3. Geben Sie im geöffneten Fenster die ID für den Anker an. Die ID muss mit dem Zeichen "#" beginnen. Zum Beispiel "#about" oder "#services".
4. Klicken Sie auf die Schaltfläche Anwenden und schließen Sie das Fenster.
Jetzt haben Sie einen Anker auf der Seite. Um einen Anker-Verweis zu erstellen, fügen Sie einfach seine ID in das href-Attribut des Tags "a" ein. Um beispielsweise einen Verweis auf den Anker "#about" zu erstellen, verwenden Sie den folgenden Code:
Wenn Sie auf einen Link klicken, wird die Seite automatisch zum angegebenen Anker gescrollt.
Jetzt wissen Sie, wie man einen Anker-Link in einer Tilde erstellt! Diese Methode ermöglicht es Benutzern, schnell durch Ihre Seite zu navigieren und sich auf die gewünschten Informationen zu konzentrieren.
Schritte zum Erstellen eines Anker-Links:
- Wechseln Sie auf der Tilda-Plattform in den Bearbeitungsmodus der Webseite.
- Wählen Sie den Text oder das Objekt aus, das Sie verankern möchten. Dies kann ein Titel, ein Bild, eine Schaltfläche oder ein anderes Element auf der Seite sein.
- Wählen Sie das ausgewählte Element aus und klicken Sie mit der rechten Maustaste. Wählen Sie im angezeigten Kontextmenü die Option "Link" aus.
- Geben Sie im angezeigten Einstellungsfenster für den Link unter "Adresse" das Zeichen "#" in das Eingabefeld ein. Dieses Symbol gibt an, dass der Link verankert ist.
- Wählen Sie die Option "Anker auf Seite" aus und geben Sie einen eindeutigen Namen für den Anker in das Eingabefeld ein. Zum Beispiel "section1", "top" oder ein anderer Name, der verwendet wird, um einen Anker zu bezeichnen.
- Klicken Sie auf Fertig stellen, um die Änderungen zu übernehmen. Jetzt ist Ihr Element zu einer Ankerreferenz geworden.
- Um einen Verweis auf einen Anker innerhalb einer Seite zu erstellen, fügen Sie ein "#" vor dem Ankernamen in der URL der Seite hinzu. Zum Beispiel: "https://www.example.com#section1 ".
Beispiele für die Verwendung von Ankerverweisen in einer Tilde
Mit Ankerlinks in einer Tilde können Sie eindeutige Übergänge zu bestimmten Abschnitten Ihrer Seite erstellen. Dies ist besonders nützlich, wenn Sie eine lange Seite mit vielen Informationen haben.
Führen Sie die folgenden Schritte aus, um Ankerverweise in einer Tilde zu erstellen:
- Wählen Sie den Text oder das Objekt aus, das als Referenz dienen soll.
- Klicken Sie im Fenster "Linkeinstellungen" auf die Registerkarte "Anker".
- Geben Sie einen Namen für den Anker in das Feld Anker ein.
- Speichern Sie die Einstellungen und schließen Sie das Fenster.
Nachdem Sie den Anker erstellt haben, können Sie damit Links auf der Seite erstellen. Ich werde einige Beispiele nennen:
- Gehe zu Abschnitt 1
- Gehe zu Abschnitt 2
- Gehe zu Abschnitt 3
Sie können auch Links von der Seite zu anderen Abschnitten erstellen:
- Gehe zu Abschnitt 1 auf einer anderen Seite
- Gehe zu Abschnitt 2 auf einer anderen Seite
- Gehe zu Abschnitt 3 auf einer anderen Seite
Auf diese Weise ermöglichen Anker-Links eine einfache Navigation auf Ihrer Seite und machen sie zu einer benutzerfreundlicheren Erfahrung.
Wie kann ich Verkehr mit Ankerlinks in Tilda anlocken?
Befolgen Sie beim Erstellen einer Ankerverknüpfung in einer Tilde die folgenden Schritte:
- Wählen Sie das Seitenelement aus, auf das Sie einen Anker-Link erstellen möchten. Dies kann ein Titel, ein Text, ein Bild oder ein anderes Element sein.
- Wählen Sie das ausgewählte Element aus und öffnen Sie die Einstellungen über das Kontextmenü oder die Tilde in der Systemsteuerung.
- Klicken Sie auf die Registerkarte Anker, und geben Sie einen Namen für den Anker an. Achten Sie darauf, lateinische Buchstaben, Zahlen und Unterstriche zu verwenden. Der Ankername muss für diese Seite eindeutig sein.
- Speichern Sie die Änderungen, und schließen Sie die Elementeinstellungen.
Verwenden Sie nun das folgende Format, um einen Anker-Verweis zu erstellen:
Ersetzen Sie "Wurmname" durch den von Ihnen angegebenen Ankernamen. Fügen Sie anstelle von "Linktext" Text ein, der für Benutzer als Link sichtbar ist.
Wenn Sie beispielsweise einen Anker mit dem Namen "Services" erstellt haben, sieht der Link zu ihm wie folgt aus:
Abschließend können Anker-Links die Navigation auf Ihrer Website verbessern und die Benutzerfreundlichkeit für die Interaktion mit Informationen erhöhen. Verwenden Sie Anker-Links in Tilda, um mehr Traffic zu generieren und die Effizienz Ihrer Website zu verbessern.
