Wie erstellt man einen Link in HTML?
Eine HTML-Verlinkung wird mithilfe von sogenannten Tags in die Webseite integriert. Als Anker dienen Textteile oder Bilder. Wenn die Besucher Ihrer Webseite darauf klicken, werden Sie automatisch weitergeleitet. Es handelt sich also um eine Art Wegweiser, die das Internet miteinander verknüpfen.
Genauso wie Sie Querverweise zu verschiedenen Webseiten machen können, haben andere Webmaster die Möglichkeit, Ihre Homepage zu verlinken. Damit können Sie sich gegenseitig eine Empfehlung aussprechen und sogar Ihr SEO-Ranking verbessern.
Erfahren Sie hier, wie eine HTML-Verlinkung genau funktioniert und wie sie sich in WordPress umsetzen lässt.
Links – die Wegweiser des Internets
Sogenannte Hyperlinks dienen dazu, Webseiten miteinander zu verbinden oder innerhalb einer Webseite verschiedene Unterseiten aufrufen zu können. Sie können unter anderem in das Navigationsmenü auf Ihrer Webseite oder in Texte integriert werden. Auch als Quellenangaben am Textende tauchen sie häufig auf.
Für die Verlinkungen wird HTML verwendet. Dabei handelt es sich um eine textbasierte Auszeichnungssprache, mit der Sie Ihre Webseite strukturieren und unter anderem auch Links verschiedener Art setzen können. Wie genau das funktioniert, erklären wir Ihnen detailliert im weiteren Verlauf unseres Blogartikels.
Verschiedene Linkziele
Eine HTML-Verlinkung muss nicht immer von einer Webseite auf die nächste führen. Sie kann auch eingesetzt werden, um Bilder oder Videos aufzurufen. Des Weiteren können Sie auf Ihrer Webseite Download-Links integrieren und Ihren Besuchern so Handbücher, Ratgeber oder andere Inhalte zum Herunterladen anbieten.
Download-Links sind zum Beispiel sinnvoll, wenn Sie Elektrogeräte verkaufen und die passenden Gebrauchsanleitungen in einer Online-Sammlung zur Verfügung stellen möchten. Sie bieten sich aber auch an, um einen Katalog mit neuen Produkten in digitaler Form bereitzustellen oder um Tipps zu verschiedenen Themen wie zum Gärtnern oder zur richtigen Gesichtspflege zu geben.
Links als SEO-Werkzeug
Links sind weitaus mehr als reine Brücken, die von einem Teil des Internets zu einem anderen führen. Sie sind auch ein mächtiges SEO-Werkzeug, das Ihnen dabei helfen kann, einen der oberen Ränge in Suchmaschinen wie Google erobern zu können. Interessant sind vor allem diese Arten von Links:
- Backlinks: Hierbei handelt es sich um sogenannte eingehende Links, die von einer anderen Webseite auf Ihre verweisen. Sofern die Ausgangsseite von Google als seriös betrachtet wird, kann das Ihrem Ranking guttun. Backlinks erhalten Sie vor allem, indem Sie hochwertigen Content anbieten, der gerne verlinkt wird.
- Interne Links: Mit HTML können Sie innerhalb Ihrer Webseite Links setzen und Ihren Besuchern so den Weg zu Ihren Unterseiten zeigen. Auch das kann sich positiv auf Ihre Platzierung in den Suchmaschinen auswirken.
- Ausgehende Links: Durch ausgehenden Links können Sie Ihren Besuchern weitere wertvolle Informationen zur Verfügung stellen oder Ihre Aussagen untermauern. Dadurch sorgen Sie also dafür, dass Ihre Webseite relevanter und seriöser wird. Kontrollieren Sie Ihre ausgehenden Links regelmäßig und entfernen Sie tote Verlinkungen.
Ranking-Faktor: Linkbuilding kann dazu beitragen, dass Ihre Webseite in den Suchergebnissen ganz weit oben gelistet wird. Für eine gute SEO-Strategie müssen Sie aber noch weitere Faktoren beachten. Verbessern Sie die Benutzerfreundlichkeit Ihrer Seite, nutzen Sie eine sichere Verbindung und stellen Sie hochwertigen Content zur Verfügung. Bei der Texterstellung ist Ihnen CONTAVO gerne behilflich.
Mit Verlinkungen mehr Vertrauen aufbauen
Darüber hinaus eignen sich Links, um Ihre Webseite seriöser wirken zu lassen. Fachartikel, Reportagen und andere Textbeiträge lassen sich durch Quellen belegen. Wenn der Text von einem Experten verfasst wird, sollte außerdem dessen Kompetenz nachgewiesen werden können.
Auch das funktioniert gut mit Hyperlinks. Beispielsweise könnte seine Autoren-Seite oder die Webseite der Universität, an der er lehrt, verlinkt werden. Gegebenenfalls können Sie Ihre Besucher auch auf seinen Experten-Blog verlinken.
Links in WordPress einfügen
Sie möchten eine Seite verlinken, aber HTML ist nicht Ihr Ding? Dann sollten Sie ein Content-Management-System (CMS) wie WordPress verwenden. Das erleichtert die Gestaltung und Strukturierung von Webseiten und macht es möglich, auch ohne große HTML- und Programmierkenntnisse zum Webmaster zu werden. In Deutschland und in vielen anderen Teilen der Welt ist WordPress der unangefochtene Marktführer, weswegen wir hier erklären werden, wie die HTML-Verlinkung in diesem speziellen CMS funktioniert:
- Loggen Sie sich in Ihren WordPress-Account ein.
- Öffnen Sie einen Beitrag.
- Markieren Sie den gewünschten Linktext.
- Klicken Sie auf das Link-Symbol. Das wird bei WordPress als Kettenglied dargestellt.
- Kopieren Sie jetzt den Ziel-Link in das geöffnete Fenster.
- Klicken Sie anschließend auf „Einfügen“.
Wenn Sie dieser Anleitung folgen, wird WordPress eine Verlinkung erstellen und einen HTML-Link in Ihren Text integrieren. Das erkennen Sie daran, dass der betreffende Link- oder Ankertext blau gefärbt und unterstrichen wird. Alternativ können Sie in den HTML-Modus bei WordPress wechseln und den Link mit HTML einfügen. Dafür müssen Sie aber die richtigen Codes kennen.
HTML-Modus bei WordPress: Öffnen Sie einen Beitrag in Ihrem WordPress-Account und klicken Sie auf die drei kleinen Punkte, die oben im Editor auftauchen. Jetzt öffnet sich ein Drop-down-Menü. Wählen Sie „als HTML bearbeiten“ aus und schon wird Ihnen Ihr Beitrag im HTML-Code angezeigt. Jetzt können Sie einen beliebigen HTML-Link-Code bearbeiten oder neue Links hinzufügen.
Was ist HTML und welche Funktion hat es?
HTML steht für Hypertext Markup Language, was auf Deutsch so viel wie Hypertext-Auszeichnungssprache bedeutet. Ohne sie würde das World Wide Web nicht so aussehen, wie wir es kennen. HTML dient dazu, Webseiten zu strukturieren, sodass Texte, Bilder und andere Gestaltungselemente für das menschliche Auge ansprechend angeordnet werden können.
Für die Auszeichnung kommen sogenannte Tags zum Einsatz, die jeweils geöffnet und geschlossen werden. Der HTML-Tag für einen Link wird mit <a href=“Link-Ziel“> geöffnet und mit </a> wieder geschlossen. Dazwischen können Sie einen beliebigen Text einfügen. Dementsprechend könnte ein Text-Link in HTML folgendermaßen aussehen:
<a href=“URL der Zielwebseite „>Rote Schuhe kaufen</a>
Der Text in der Mitte wird als Link-Text oder Ankertext bezeichnet. Wählen Sie unbedingt einen prägnanten und relevanten Link-Text für den HTML-Tag. Er sollte dem Leser direkt suggerieren, was ihn erwartet, wenn er den Link anklickt. In diesem Fall weiß er, dass er vermutlich auf einer Seite landen wird, auf der er rote Schuhe online bestellen kann.
HTML Code – Link-Typen verschiedener Art einfügen
Wie wir weiter oben bereits erwähnt haben, können Sie in WordPress einen HTML-Link mit Text einfügen, indem Sie das dafür vorgesehene Symbol in der visuellen Ansicht anklicken. Wenn Sie das tun, öffnet sich das Link-Ziel einfach in der gleichen Seite.
Allerdings gibt es verschiedene Arten von Links, die sich beim Anklicken unterschiedlich verhalten oder die von den Crawlern von Google berücksichtigt werden oder nicht. Diese durchforsten das Internet nach relevanten Inhalten und fügen es dem Suchindex hinzu.
Um verschiedene Link-Typen zu realisieren, kann es deswegen von Vorteil sein, wenn Sie die HTML-Codes dafür kennen. Wir verraten Ihnen, wie Sie einen DoFollow- und einen NoFollow-Link in HTML einfügen und was Sie unternehmen müssen, damit er sich in einem neuen Fenster öffnet.
DoFollow-Link
DoFollow-Links sind HTML-Text-Links, die Google verfolgen kann. Das bedeutet, dass sie in das Ranking Ihrer Webseite einfließen. Um diese Art von Verlinkung zu realisieren, müssen Sie nichts an den Link-Tags im HTML-Modus von WordPress verändern. Denn tatsächlich berücksichtigt Google alle Links, die keine weiteren Attribute enthalten. Der HTML-Code für einen Link, der verfolgt werden soll, sieht also folgendermaßen aus:
<a href=“URL der Zielwebseite „>Ankertext</a>
NoFollow-Link
Manchmal möchten Sie vielleicht gar nicht, dass ein Link Einfluss auf Ihr Ranking bei Google hat. In diesem Fall können Sie einen sogenannten NoFollow-Link setzen. Das sollten Sie vor allem dann tun, wenn Sie auf eine Webseite verlinken, von der Sie befürchten müssen, dass sie Ihr Ranking negativ beeinflusst. Vielleicht ist sie aber auch einfach nur nicht relevant und passt nicht so gut zu Ihrem Hauptthema. Dann können Sie den folgenden Tag verwenden:
<a href=“URL der Zielwebseite“ rel=“nofollow“>Ankertext</a>
Neues Fenster
Gegebenenfalls ist es sinnvoll, dass sich die Zielwebseite in einem neuen Fenster öffnet. Das ist beispielsweise dann von Vorteil, wenn Sie möchten, dass sich die geöffnete Webseite nicht schließt. Wechseln Sie dafür ebenfalls in den HTML-Modus von WordPress. Dort können Sie dann mit HTML eine Seite verlinken, die sich in einem neuen Fenster öffnet.
<a href=“URL der Zielwebseite“ target=“_blank“>Ankertext</a>
Damit sich ein Link in einem neuen Fenster öffnet, müssen Sie nicht zwingend HTML-Kenntnisse besitzen. Bei WordPress können Sie diese Art der HTML-Verlinkung auch im klassischen Editor realisieren. Klicken Sie dazu auf das Link-Symbol und anschließend auf das kleine Zahnrad neben dem Eingabefenster. Jetzt können Sie einen Haken bei „Link in einem neuen Tab öffnen“ setzen.
Hinweis: Nicht immer wird der Link in einem neuen Fenster geöffnet. Es kann auch ein neuer Tab sein. Das hängt mit den individuellen Browser-Einstellungen des Nutzers zusammen.
Bilder als Anker nutzen
Sie müssen nicht unbedingt einen Text verlinken. HTML bietet Ihnen auch die Option, Bilder als Anker einzusetzen. Dafür können Sie den folgenden HTML-Code verwenden:
<a href=“URL der Zielwebseite“><img src=“URL des Bildes“ alt=“Bild-Link“></a>
Den richtigen Ankertext wählen
Wenn Sie einen Text-Link mithilfe von HTML in den Fließtext integrieren, wird am Ende nur der Ankertext sichtbar bleiben. Üblicherweise hebt er sich von den restlichen Worten ab, sodass er für die Besucher Ihrer Webseite gut erkennbar ist. Achten Sie beim Verfassen des Ankertextes auf diese Kriterien:
- Vermeiden Sie generische Linktexte wie „hier klicken“ oder „weitere Informationen“. So stellen Sie keinen Kontext zu der verlinkten Webseite her. Das kann Ihre Besucher verwirren und trägt nicht zur Suchmaschinenoptimierung bei.
- Verfassen Sie einen möglichst kurzen Ankertext, der etwa zwei bis fünf Worte enthält. Ganze Sätze sollten Sie auf keinen Fall für Ihre HTML-Verlinkung verwenden.
- Sorgen Sie dafür, dass sich der Ankertext natürlich in das Textgefüge eingliedert und nicht wie ein Fremdkörper wirkt.
- Wenn Ihre Verlinkung auf die Webseite einer bestimmten Marke führt, dürfen Sie diese gerne im Link-Text erwähnen.
- Bei einem nackten Ankertext sind URL und Ankertext identisch. Diese Variante ist nicht für die Verwendung im Fließtext geeignet, kann aber für Quellenangaben am Ende des Textes genutzt werden.
CONTAVO nimmt Ihnen die Arbeit ab
Jetzt wissen Sie, wie Sie einen HTML-Text-Link erstellen und den HTML-Modus von WordPress gewinnbringend nutzen können. Wenn Sie sich aber lieber mit Ihrem Kerngeschäft beschäftigen würden und Ihre wertvolle Zeit anderweitig investieren möchten, können Sie sich auch Hilfe von einem externen Dienstleister holen, der sich mit HTML und SEO bestens auskennt.
Wir von CONTAVO unterstützen Sie bei der Erstellung einer Content-Strategie, sodass Sie Ihre Webseite, Ihren Blog und Ihre Social-Media-Kanäle mit relevanten Inhalten befüllen können. Im Rahmen dessen helfen wir Ihnen auch gerne beim Linkaufbau.
Wenn Sie unser Ultimate-Paket buchen, kümmern wir uns selbstverständlich auch um das Einpflegen in Ihr System und achten auf die richtige Art der HTML-Verlinkung. Dann müssen Sie sich erst gar keine Gedanken um das Verlinken mit HTML machen.
Quellen:
https://de.wikipedia.org/wiki/Hyperlink
https://de.statista.com/themen/3086/wordpress/#topicOverview
https://wordpress.com/de/support/wordpress-editor/links/
https://www.computerweekly.com/de/definition/HTML
https://developers.google.com/search/docs/crawling-indexing/links-crawlable?hl=de
https://developers.google.com/search/docs/crawling-indexing/links-crawlable?hl=de