Eine Website-Kappe ist das erste, was ein Besucher sieht, daher ist es wichtig, alle notwendigen Elemente darin zu haben, einschließlich Links. Das Hinzufügen von Links zu einer Website-Kappe kann nützlich sein, um Benutzer zu navigieren und ihnen bei der Suche nach Informationen zu helfen, die sie benötigen. In diesem Artikel zeigen wir Ihnen, wie Sie einfach und schnell einen Link zu Ihrer Website-Kappe hinzufügen können.
Schritt 1: Öffnen Sie den Codeeditor oder das Site Control Panel.
Öffnen Sie zunächst den Code-Editor oder das Site-Control-Panel, mit dem Sie Änderungen am HTML-Code Ihrer Website vornehmen können. Wenn Sie mit dem Code-Editor nicht vertraut sind, wenden Sie sich an Ihren Hosting-Provider oder Website-Entwickler, um Hilfe zu erhalten.
Schritt 2: Suchen Sie die Website-Kappe im Code.
Suchen Sie nach dem Öffnen des Code-Editors oder des Site-Control Panels nach dem Codeausschnitt, der für das Cap Ihrer Website verantwortlich ist. Dies ist normalerweise ein Abschnitt mit einem Tag oder und den entsprechenden Klassen oder IDs. Wenn Sie diesen Abschnitt nicht finden können, wenden Sie sich an Ihren Website-Entwickler oder untersuchen Sie den Code der Seite, um nach dem richtigen Teil des Codes zu suchen.
Erstellen eines Website-Caps
- Öffnen Sie einen Texteditor oder eine integrierte Entwicklungsumgebung (IDE).
- Erstellen Sie eine neue Datei und speichern Sie sie mit der Erweiterung. "html".
- Fügen Sie den folgenden Code in Ihre Datei ein:
Im obigen Code wird eine Tabelle mit einer Zeile und drei Zellen erstellt. Jede Zelle enthält einen Link zu verschiedenen Seiten.
Sie können die Links ändern (z. B. "index.html", "about.html" und "contact.html") und Text, der in den Zellen angezeigt wird, um Ihren Bedürfnissen zu entsprechen.
Speichern Sie die Datei und öffnen Sie sie in einem Webbrowser. Sie sollten eine Website-Kappe mit den Links sehen, die Sie hinzugefügt haben.
Jetzt, da Sie wissen, wie Sie eine Website-Kappe erstellen, können Sie zusätzliche Elemente hinzufügen, z. B. Logos, Website-Namen oder Sitelinks.
Bestimmen des Referenzortes
Bevor Sie einen Link zu einer Website-Kappe hinzufügen, müssen Sie den Ort bestimmen, an dem sie sich befinden wird. Eine Website-Kappe enthält oft ein Logo, einen Website-Namen oder ein Navigationsmenü. Abhängig vom Design der Website kann der Verweisort unterschiedlich sein.
Sie können die folgenden Methoden verwenden, um einen Verweisort zu bestimmen:
- Untersuchen Sie den Website-Caps-Code. Häufig enthält eine Website-Kappe Markup in Form von HTML-Tags. Mit den Entwicklertools des Browsers können Sie den Cap-Code untersuchen und bestimmen, wo Sie den Link hinzufügen möchten.
- Verwenden Sie CSS-Klassen oder IDs. Wenn die Website über eindeutige CSS-Klassen oder IDs verfügt, können Sie diese verwenden, um die Position des Links zu bestimmen. Wenn beispielsweise eine Site-Cap die Klasse "header" hat, können Sie einen Link innerhalb dieses Elements hinzufügen.
- Erstellen Sie ein neues Element als Referenz. Wenn die Website-Cap keine geeigneten Elemente enthält, um den Link zu platzieren, können Sie ein neues Element erstellen. Sie können beispielsweise eine Liste erstellen
oder
-
und einen Link als Listenelement hinzufügen
- .
Nachdem Sie den Speicherort für den Link festgelegt haben, können Sie mit dem Erstellen des Links selbst fortfahren und ihn der Website-Kappe hinzufügen.
Erstellen eines Links
Um einen Link auf Ihrer Website zu erstellen, müssen Sie ein Tag (anchor) verwenden, das in HTML zum Erstellen von Hyperlinks dient.
- href - Gibt die URL an, zu der der Link führen soll;
- text - Gibt den Text an, der als Referenz angezeigt wird.
Beispiel zum Erstellen einer Verknüpfung:
Beachten Sie, dass der Link im selben Fenster oder Tab im Browser geöffnet wird, wenn kein target-Attribut mit dem Wert "_blank" angegeben ist.
Hinzufügen eines Links zum HTML-Code
Hier ist ein Beispielcode, mit dem Sie einen Verweis hinzufügen können:
Anstelle von "URL" müssen Sie die Adresse angeben, zu der der Benutzer nach dem Klicken auf den Link gelangt.
Sie müssen auch den "Linktext" durch den Text ersetzen, der auf der Seite angezeigt wird und einen Verweislink darstellt.
So könnte es aussehen:
Dieser Code erstellt einen Link mit dem Text "Gehe zu einer Beispielwebsite". Nachdem Sie auf diesen Link geklickt haben, wird der Benutzer zu einer Website mit der Adresse "https" weitergeleitet://www.example.com".
Beispiel für vorgefertigten Code:
Sie können diesen Code an einer beliebigen Stelle im HTML-Code verwenden, um einen Link zu einer gewünschten Webseite oder Ressource zu erstellen.
Formatieren eines Links
Um einen Link zu einer Website-Kappe hinzuzufügen, müssen Sie ein Tag als Teil eines Elements verwenden
| Element | Die Beschreibung | Ein Beispiel |
|---|---|---|
| Tag zum Erstellen eines Links | Der Link |
Hinzufügen von CSS-Stilen
In diesem Beispiel legen wir einen Stil für den Titel der ersten Ebene fest . Wir geben an, dass der Titeltext rot sein muss ( color: red; ) und eine Schriftgröße von 24 Pixeln haben muss ( font-size: 24px; ).
Мой сайт
Добро пожаловать!
In diesem Beispiel fügen wir dem Site-Cap-Container einen Stil hinzu, der mit einem Tag und einer Klasse angegeben wird .header . In diesem Container befinden sich eine Kopfzeile der ersten Ebene und ein Absatz
.
Überprüfen, ob der Link funktioniert
Link-Optimierung für Suchmaschinen
- Verwenden Sie informative und Schlüsselwörter im Linktext. Gute Links sollten für Benutzer und Suchmaschinen verständlich sein.
- Verwenden Sie die Attribute title und alt. Mit dem title-Attribut können Sie eine Quickinfo hinzufügen, wenn Sie über einen Link schweben, und das alt-Attribut ist eine Textbeschreibung des Links, die anstelle des Links angezeigt wird, wenn die Bilder nicht verfügbar sind.
- Vermeiden Sie die Verwendung von "Klick hier" - oder "Gehe zu" -Links. Verwenden Sie stattdessen Schlüsselwörter, die den Inhalt der verlinkten Seite widerspiegeln.
- Überprüfen Sie, ob der Link anklickbar ist. Stellen Sie sicher, dass der Link zur richtigen URL führt und dass er funktioniert.
