Der Link – Dies ist eines der wichtigsten Elemente einer Webseite, mit dem Sie zu einer bestimmten Adresse navigieren oder ein bestimmtes Dokument öffnen können. Das Erstellen eines Links in HTML ist sehr einfach und erfordert keine besonderen Programmierkenntnisse. In diesem Artikel erklären wir Ihnen, wie Sie einen Link zu einer Webseite erstellen und lernen, wie Sie verschiedene Attribute verwenden, um zusätzliche Funktionen hinzuzufügen.
Der erste Schritt beim Erstellen eines Links besteht darin, den Text oder das Bild auszuwählen, zu dem der Hyperlink eingefügt werden soll. Normalerweise wird der Linktext als blau unterstrichener Text angezeigt, der beim Bewegen des Mauszeigers seine Farbe ändert. Um einen Link zu erstellen, verwenden Sie ein Tag, das den Anfang und das Ende des Links anzeigt.
Anstelle der URL müssen Sie die Adresse der Webseite oder des Dokuments angeben, auf die verwiesen wird. Anstelle von Linktext wird der auf der Seite angezeigte Text als Link angezeigt.
So erstellen Sie einen Link auf einer Webseite
- Öffnen Sie einen Texteditor und öffnen Sie die HTML-Datei, in der Sie den Link erstellen möchten.
- Definieren Sie den Text, der als Referenztext fungiert. Dies kann jeder Text sein, den Benutzer sehen sollen, um dem Link zu folgen.
- Schließen Sie den Linktext in ` und ` -Tags ein. Wenn Sie beispielsweise einen Link mit dem Text "Hier klicken" erstellen möchten, müssen Sie "Hier klicken" schreiben.
- Fügen Sie dem öffnenden Tag das Attribut `href` hinzu. ` Das Attribut 'href' verweist auf die Adresse der Webseite, auf die der Link verweisen soll. Zum Beispiel, `Hier klicken'.
Sobald diese Schritte abgeschlossen sind, ist Ihr Link einsatzbereit. Benutzer können auf diesen Link klicken und zu der angegebenen Webseite wechseln. Beachten Sie, dass die Zielwebseite im Internet verfügbar sein muss, damit der Link ordnungsgemäß funktioniert.
Text als Referenz auswählen
Wenn Sie einen Link auf einer Webseite erstellen, ist es wichtig, den richtigen Text für den Link auszuwählen. Der ausgewählte Text muss klar und informativ sein, damit der Benutzer leicht verstehen kann, wohin der Klick ihn führt.
Ein wichtiger Aspekt bei der Auswahl von Text als Referenz ist die Klarheit. Anstatt uninformative Phrasen wie "Hier klicken" oder "Weitere Informationen" zu verwenden, sollten Sie besser spezifischere Wörter verwenden, die den Inhalt der Seite, auf die dieser Link verweist, genau beschreiben.
Es lohnt sich auch, den Kontext des Links zu berücksichtigen. Wenn der Link Teil des Textes ist, muss sein Text in den Satz eingebettet sein und mit den anderen Wörtern und Phrasen übereinstimmen. Dies wird dazu beitragen, die Wahrnehmung des Links durch den Benutzer zu verbessern.
Außerdem kann der Text für den Link in besonderer Weise hervorgehoben werden, um die Aufmerksamkeit des Benutzers zu erregen. Sie können beispielsweise eine Fettschrift mit einem Tag verwenden oder Kursivschrift mit einem Tag .
Es ist wichtig, sich daran zu erinnern, dass der ausgewählte Text für den Link kurz und prägnant sein sollte. Verwenden Sie nur die notwendigen Wörter, um Überlastung und Verwirrung zu vermeiden.
Erstellen eines Links mit einem Tag
Hier ist ein einfaches Beispiel für die Verwendung eines Tags :
In diesem Beispiel führt der Link zu einer Webseite "https://www.example.com " und wird als "Hier klicken" angezeigt.
Das href-Attribut gibt die Adresse des Links an, und der Text, der zwischen dem öffnenden und dem schließenden Tag eingeschlossen ist, wird auf der Seite angezeigt.
Sie können auch einen Link zu anderen Seiten innerhalb derselben Website erstellen. Zum Beispiel:
In diesem Beispiel führt der Link zur Seite "http://твой_сайт.com/about " und wird als "Über uns" angezeigt. Beachten Sie die Verwendung des relativen Pfads ("/about") im href-Attribut.
Hier ist ein Beispiel für einen Anker-Link:
In diesem Beispiel verschiebt der Link den Benutzer zu einem Element auf der Seite mit der ID "section1" und wird als "Gehe zu Abschnitt 1" angezeigt. Beachten Sie, dass das Gittersymbol vor der Anker-ID im href-Attribut verwendet wird.
Hinzufügen eines Links zu einer externen Website
Links zu externen Websites sind sehr nützlich, um Informationen mit anderen Benutzern zu teilen. Sie können ein Tag verwenden, um einen Link zu einer externen Website in HTML zu erstellen. Innerhalb des öffnenden Tags müssen Sie ein href-Attribut mit dem URL-Wert der externen Website angeben, auf die Sie verweisen möchten. Wenn ein Benutzer auf einen solchen Link klickt, wird er an die angegebene externe Website weitergeleitet.
Hier ist ein Beispiel für HTML-Code zum Erstellen eines Links zu einer externen Website:
Im obigen Beispiel wird der Link als "Link zu einer externen Site" angezeigt. Wenn Sie darauf klicken, wird der Benutzer zu einer Webseite weitergeleitet unter "https://www.example.com ".
Denken Sie daran, ein Protokoll (z. B. "http://" oder "https://") vor der URL hinzuzufügen, damit der Link ordnungsgemäß funktioniert.
Hinzufügen eines Links zu einer internen Seite
Verwenden Sie ein Tag, um einen Link zu einer internen Seite in HTML zu erstellen (englischer Buchstabe "a", Abkürzung für "anchor"). Um einen Link zu einer internen Seite zu erstellen, müssen Sie die Adresse dieser Seite im Attribut angeben href.
In diesem Beispiel erstellen Sie einen Verweis auf die interne Seite "interne Seite".html", Sie müssen diese Adresse in das Attribut einfügen href. Und zwischen öffnenden und schließenden Tags fügt den Linktext ein, der für den Benutzer sichtbar ist.
Zum Beispiel, wenn wir eine Startseite haben.html" und es gibt einen Link zu einer internen Seite "interne Seite.html", dann würde der Code wie folgt aussehen:
Wenn Sie auf diesen Link klicken, wird der Benutzer zur Seite "Interne Seite" weitergeleitet.html".
Es ist wichtig zu beachten, dass die interne Adresse der Seite im Attribut enthalten ist href wird relativ zum aktuellen Speicherort der referenzierten Datei angegeben. Wenn Sie jedoch auf eine Seite verweisen möchten, die sich in einem anderen Ordner befindet, müssen Sie den Dateipfad relativ zum aktuellen Speicherort angeben.
Öffnet den Link in einem neuen Fenster
In HTML können Sie Links erstellen, die in einem neuen Browserfenster geöffnet werden. Dazu wird ein Attribut verwendet target="_blank". Dieses Attribut weist den Browser an, den Link in einem neuen Tab oder Fenster zu öffnen.
In diesem Beispiel wird ein neuer Tab oder ein neues Browserfenster mit der Adresse geöffnet, wenn Sie auf den Link klicken"http://www.example.com ".
Es ist wichtig zu beachten, dass die Verwendung des Öffnens eines Links in einem neuen Fenster mit Vorsicht und Bewusst angewendet werden sollte. Wenn Sie den Link in einem neuen Fenster öffnen, können Sie das normale Verhalten des Benutzers unterbrechen und die Gewohnheiten, die er bereits hat, brechen.
Es wird daher empfohlen, den Link nur dann in einem neuen Fenster zu öffnen, wenn dies erforderlich ist, um eine bestimmte Funktionalität oder Benutzerfreundlichkeit zu erreichen.
Ändern der Linkfarbe
Um die Farbe eines Links auf einer Webseite zu ändern, können Sie die Attribute "style" und "color" im Tag verwenden.
| Farbe | Farbcode | Ein Beispiel |
|---|---|---|
| Rot | #FF0000 | Der Link |
| Blau | #0000FF | Der Link |
| Grün | #00FF00 | Der Link |
Sie können den folgenden Code verwenden, um die Farbe eines Links in CSS zu ändern:
In CSS kann "Farbe" entweder ein Schlüssel (z. B. rot, blau, grün) oder im RGB-, RGBA- oder HEX-Format sein.
Auf diese Weise können Sie durch das Ändern der Farbe eines Links auf einer Webseite ästhetisch ansprechende und lesbare Websites erstellen.
Erstellen einer Dateiverknüpfung
Wenn sich beispielsweise eine Datei mit dem Namen "example.docx", dann geben Sie den Pfad dazu an:
Wenn der Benutzer auf diesen Link klickt, ist die Datei "example.docx" wird auf sein Gerät heruntergeladen.
Wenn sich die Datei in einem anderen Ordner befindet, müssen Sie den Dateipfad relativ zur aktuellen Webseite angeben:
Wenn sich die Datei in einem absoluten Pfad befindet, geben Sie den vollständigen Pfad zur Datei an:
Ersetzen Sie "example".docx" auf den Namen Ihrer Datei im entsprechenden Pfad.
Wichtig: bevor Sie einen Verweis auf eine Datei erstellen, stellen Sie sicher, dass die Datei im angegebenen Pfad verfügbar ist.
Verwenden von Links im Text
Sie müssen ein Tag verwenden, um einen Link zu erstellen , das das Attribut enthält href mit der Adresse (URL) der Seite, zu der Sie verlinken möchten.
Beispiel für die Verwendung eines Links:
In diesem Beispiel ist der Ausdruck "Diese Website" ein anklickbarer Link zur Website "https://example.com ".
Sie können auch ein Attribut verwenden, um einen Verweis auf eine externe Ressource hinzuzufügen target mit dem Wert "_blank". Dadurch wird der Link in einem neuen Tab geöffnet.
Neben einfachen Textlinks können Sie auch Links mit Bildern oder stilisierte Links mit CSS verwenden.
Die Verwendung von Links im Text erleichtert die Navigation des Benutzers erheblich und ermöglicht einen bequemeren Zugriff auf Informationen.
Überprüfen der Integrität des Links
Nachdem Sie einen Link auf einer Webseite erstellt haben, ist es sehr wichtig sicherzustellen, dass er ordnungsgemäß funktioniert. Im Folgenden finden Sie einige Möglichkeiten, um die Integrität eines Links zu überprüfen:
- Klicken Sie auf den Link und stellen Sie sicher, dass er in einem neuen Tab oder Browserfenster geöffnet wird.
- URL des Links überprüfen: stellen Sie sicher, dass es korrekt geschrieben ist und ein Protokoll (z. B. http://) und einen Domänennamen enthält.
- Verwenden Sie Link-Verifizierungstools wie Online-Link-Verifizierer oder Browser-Plugins, die defekte Links identifizieren.
- Überprüfen Sie in der Entwicklerkonsole des Browsers auf Fehler oder Warnungen. Fehler können auf Probleme beim Laden oder Starten der Seite hinweisen, auf die der Link verweist.
- Überprüfen Sie den Link auf verschiedenen Geräten und Browsern, um sicherzustellen, dass er auf allen Plattformen korrekt funktioniert.
Bei der Überprüfung der Integrität von Links ist zu beachten, dass Links aus verschiedenen Gründen nicht funktionsfähig werden können, z. B. wenn die Zielseite gelöscht oder verschoben wurde, der Server nicht verfügbar ist oder wenn der Link falsch erstellt wurde.
Die regelmäßige Überprüfung der Integritätslinks hilft Ihnen, Ihre Webseite auf dem neuesten Stand zu halten und eine schlechte Benutzererfahrung zu verhindern.
Verbesserung der SEO durch Links
Erstens ist es wichtig zu verwenden beschreibender Ankertext, um auf den Inhalt der verlinkten Seite zu verweisen. Anstelle des regulären Ausdrucks "Hier klicken" ist es besser, Schlüsselwörter oder Phrasen zu verwenden, die mit dem Thema der Seite verknüpft sind. Wenn Ihre Website beispielsweise Kosmetik verkauft, können Sie anstelle von "Klicken Sie hier, um mehr zu erfahren" "Erfahren Sie mehr über neue Trends in der Kosmetikwelt" verwenden. Diese Links helfen Suchmaschinen nicht nur, den Inhalt der Seite besser zu verstehen, sondern können auch mehr Kunden bei der Suche bei Google gewinnen.
Die zweite ist die Verwendung title-Attribut kann die Bedeutung von Links in den Augen von Suchmaschinen verstärken. Mit dem title-Attribut können Sie eine zusätzliche Beschreibung für den Link hinzufügen, die angezeigt wird, wenn Sie den Mauszeiger über den Link bewegen. Zum Beispiel:
Dieser Ansatz hilft Suchmaschinen, den Kontext eines Links besser zu verstehen und kann seine Bedeutung erhöhen.
Schließlich ist es wichtig sicherzustellen, dass alle Links auf Ihrer Website funktionieren ordnungsgemäß. Defekte oder nicht verfügbare Links können sich negativ auf das Ranking Ihrer Website in Suchmaschinen auswirken. Überprüfen Sie daher regelmäßig die Funktionsfähigkeit der Links und korrigieren Sie sie bei Bedarf.
Zuverlässige und informative Links sind nicht nur ein wichtiges Element des Webdesigns, sondern auch ein leistungsfähiges Werkzeug zur Verbesserung der SEO. Wenn Sie die oben genannten Tipps befolgen, können Sie das Ranking Ihrer Website verbessern und mehr organischen Traffic generieren.
