{"id":61965,"date":"2023-05-22T14:50:23","date_gmt":"2023-05-22T13:50:23","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=61965&#038;preview=true&#038;preview_id=61965"},"modified":"2023-10-03T13:05:20","modified_gmt":"2023-10-03T12:05:20","slug":"wie-man-einen-link-klickbar-macht","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/","title":{"rendered":"Wie man einen Link klickbar macht"},"content":{"rendered":"<p><!-- Output copied to clipboard! --><\/p>\n<p>Online-Links bilden die Grundlage f\u00fcr einfache Interaktivit\u00e4t im Internet, egal ob sie Nutzer\/innen zu Webseiten, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-download-manager\/\">herunterladbaren Dokumenten<\/a> oder anderen Anwendungen weiterleiten.<\/p>\n<p>Das Tolle ist, dass du in vielen Anwendungen klickbare Links erstellen kannst, z. B. in <a href=\"https:\/\/kinsta.com\/de\/blog\/content-management-system\/\">Content-Management-Systemen<\/a>, <a href=\"https:\/\/kinsta.com\/de\/blog\/webseite-gestaltung-software\/\">Website-Ersteller<\/a>, Textverarbeitungsprogrammen und <a href=\"https:\/\/kinsta.com\/de\/blog\/sicheren-email-anbieter\/\">E-Mail-Clients<\/a>.<\/p>\n<p>In diesem Leitfaden erf\u00e4hrst du alles, was du wissen musst, um einen Link klickbar zu machen. Au\u00dferdem erkl\u00e4ren wir dir die Grundlagen eines Links und die Terminologie, die dir beim Erstellen eines Links begegnen kann<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Hyperlink-Grundlagen<\/h2>\n<p>Es gibt verschiedene Bezeichnungen f\u00fcr Inhalte wie Text oder Bilder, die anklickbar sind, d. h., du kannst den Mauszeiger auf den Inhalt setzen und von dort aus weiter navigieren.<\/p>\n<p>Einige dieser Begriffe sind:<\/p>\n<ul>\n<li>Link<\/li>\n<li>Hyperlink<\/li>\n<li>Anklickbarer Link<\/li>\n<\/ul>\n\n<p>Technisch gesehen haben alle diese Begriffe ihre eigene Definition, aber heutzutage werden sie austauschbar verwendet.<\/p>\n<p>Die Interaktion der Nutzerinnen und Nutzer mit Online-Inhalten beruht auf diesen Hyperlinks, bei denen die Nutzerinnen und Nutzer \u00fcber einen Text, ein Bild oder eine Schaltfl\u00e4che scrollen und darauf klicken k\u00f6nnen, um zu einem anderen Inhalt (z. B. einer externen Webseite) zu gelangen oder eine Aktion auszuf\u00fchren (z. B. eine Telefonnummer von deinem Smartphone aus anzurufen).<\/p>\n<p>Ein einfacher <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-html\/\">HTML-Code<\/a> f\u00fcr einen Hyperlink sieht so aus:<\/p>\n<pre><code class=\"language-html\">&lt;a href=\"https:\/\/example.com\/\"&gt;the hyperlink text&lt;\/a&gt;<\/code><\/pre>\n<p>Es wird jedoch komplexer, wenn man optionale Elemente wie Ziele und nofollow-Elemente einbezieht:<\/p>\n<pre><code class=\"language-html\"> &lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/example.com\/\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;the hyperlink text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Um einen klickbaren Link zu erstellen, musst du &#8222;https:\/\/example.com\/&#8220; und &#8222;den Hyperlinktext&#8220; aus dem obigen Beispiel durch deine eigenen Informationen ersetzen.<\/p>\n<\/aside>\n\n<p>Hier sind die Elemente, aus denen ein Hyperlink besteht:<\/p>\n<ol>\n<li>Der Inhalt<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-eine-url\/\">Die URL<\/a> oder der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-permalinks\/\">Permalink<\/a><\/li>\n<li>Das Ziel<\/li>\n<li>Nofollow, noreferrer, und noopener<\/li>\n<\/ol>\n<figure id=\"attachment_131266\" aria-describedby=\"caption-attachment-131266\" style=\"width: 1421px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131266 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/the-elements-of-a-hyperlink.jpg\" alt=\"Teile eines Hyperlinks hervorgehoben und beschriftet\" width=\"1421\" height=\"394\"><figcaption id=\"caption-attachment-131266\" class=\"wp-caption-text\">Die Elemente eines Hyperlinks<\/figcaption><\/figure>\n<p>Lies weiter, um mehr \u00fcber jedes dieser Elemente und ihre Funktionsweise zu erfahren.<\/p>\n<h3>Der Inhalt<\/h3>\n<p>Du kannst anklickbare Links mit zwei Arten von Inhalten erstellen:<\/p>\n<ol>\n<li>Text<\/li>\n<li>Grafiken<\/li>\n<\/ol>\n<p>Das bedeutet, dass du jede Textzeile oder jedes <a href=\"https:\/\/kinsta.com\/de\/blog\/kiostenlose-bilder-fur-wordpress\/\">Bild in deinem Inhalt<\/a> in einen klickbaren Link verwandeln kannst, solange die App, die du verwendest, Hyperlinks unterst\u00fctzt.<\/p>\n<h4>Mit Hyperlinks versehener Text<\/h4>\n<p>Text ist eine der Inhaltsoptionen, wenn du klickbare Links erstellen willst.<\/p>\n<p>Wenn du einen Editor wie WordPress verwendest, kannst du den gew\u00fcnschten Text im Editor-Bildschirm markieren und dann auf die Schaltfl\u00e4che <strong>Link<\/strong> klicken.<\/p>\n<figure id=\"attachment_131257\" aria-describedby=\"caption-attachment-131257\" style=\"width: 938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131257 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Adding-a-link-in-WordPress-.jpeg\" alt=\"Hinzuf\u00fcgen eines Links in WordPress\" width=\"938\" height=\"548\"><figcaption id=\"caption-attachment-131257\" class=\"wp-caption-text\">Hinzuf\u00fcgen eines Links in WordPress<\/figcaption><\/figure>\n<p>Dadurch wird ein Link auf dem Frontend angezeigt, normalerweise mit farbigem, unterstrichenem Text.<\/p>\n<figure id=\"attachment_131259\" aria-describedby=\"caption-attachment-131259\" style=\"width: 1015px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131259 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-clickable-link-on-the-frontend.jpeg\" alt=\"ein Link zum Anzeigen eines Men\u00fcs\" width=\"1015\" height=\"437\"><figcaption id=\"caption-attachment-131259\" class=\"wp-caption-text\">Ein klickbarer Link auf dem Frontend<\/figcaption><\/figure>\n<p>Ein Text-Hyperlink ver\u00e4ndert sich manchmal, wenn ein Nutzer mit der Maus dar\u00fcberf\u00e4hrt. Oft \u00e4ndert sich die Farbe oder die Unterstreichung wird ausgeblendet, um anzuzeigen, dass es sich um einen klickbaren Link handelt.<\/p>\n<p>Wenn du mit der Maus \u00fcber einen Textlink f\u00e4hrst, zeigen dir die Browser normalerweise eine Vorschau der verlinkten URL an, damit du sehen kannst, wohin sie f\u00fchrt.<\/p>\n<figure id=\"attachment_131268\" aria-describedby=\"caption-attachment-131268\" style=\"width: 1039px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131268 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-preview-of-the-target-URL.jpg\" alt=\"Eine Vorschau der Ziel-URL\" width=\"1039\" height=\"588\"><figcaption id=\"caption-attachment-131268\" class=\"wp-caption-text\">Eine Vorschau der Ziel-URL<\/figcaption><\/figure>\n<h4>Hyperlink zu Bildern<\/h4>\n<p>In vielen Programmen &#8211; <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-version\/\">auch in WordPress<\/a> &#8211; kannst du Hyperlinks mit Online-Medien wie Bildern erstellen.<\/p>\n<p>Dazu w\u00e4hlst du im Backend ein Bild aus (anstelle von Text) und f\u00fcgst die gew\u00fcnschte URL \u00fcber die <strong>Link<\/strong>-Funktion hinzu.<\/p>\n<figure id=\"attachment_131269\" aria-describedby=\"caption-attachment-131269\" style=\"width: 1028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131269 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Linking-an-image.jpg\" alt=\"Sandwich-Bild auf einer Website, die verlinkt wird\" width=\"1028\" height=\"804\"><figcaption id=\"caption-attachment-131269\" class=\"wp-caption-text\">Ein Bild verlinken<\/figcaption><\/figure>\n<p>Nach der Ver\u00f6ffentlichung verwandelt sich der Standardpfeil in einen Handcursor, wenn du mit dem Mauszeiger \u00fcber das Bild f\u00e4hrst, und die Besucher sehen im Browser eine Vorschau der verlinkten URL.<\/p>\n<figure id=\"attachment_131270\" aria-describedby=\"caption-attachment-131270\" style=\"width: 1048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131270 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Image-links-show-URL-previews-when-scrolled-over.jpg\" alt=\"Pfeil, der auf die Vorschau-URL des Browsers auf einer Potbelly-Produktseite zeigt\" width=\"1048\" height=\"718\"><figcaption id=\"caption-attachment-131270\" class=\"wp-caption-text\">Eine Vorschau der Ziel-URL<\/figcaption><\/figure>\n<p>Egal, ob es sich um einen Bild- oder einen Textlink handelt, wenn du darauf klickst, wird eine Aktion ausgel\u00f6st, z. B. die Weiterleitung zu einer anderen URL.<\/p>\n<figure id=\"attachment_131271\" aria-describedby=\"caption-attachment-131271\" style=\"width: 1372px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131271 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-external-target-page.jpg\" alt=\"eine Potbelly-Sandwich-Seite \" width=\"1372\" height=\"759\"><figcaption id=\"caption-attachment-131271\" class=\"wp-caption-text\">Eine externe Zielseite<\/figcaption><\/figure>\n<h4>Wie die Kodierung aussieht<\/h4>\n<p>Der Text- oder Bildinhalt in einem Hyperlink wird im folgenden Beispiel durch den &#8222;Linktext&#8220; dargestellt:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/example.com\/\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;The Link Text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Wenn du lernst, wie man einen klickbaren Link erstellt, musst du diesen Text durch deinen eigenen Inhalt ersetzen.<\/p>\n<p>Bei einem Textlink steht der klickbare Text direkt vor der schlie\u00dfenden Klammer <em>&lt;\/a&gt;<\/em>.<\/p>\n<figure id=\"attachment_131272\" aria-describedby=\"caption-attachment-131272\" style=\"width: 1202px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131272 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-link-text.jpg\" alt=\"Linktext im Linkcode hervorgehoben\" width=\"1202\" height=\"174\"><figcaption id=\"caption-attachment-131272\" class=\"wp-caption-text\">Der Linktext<\/figcaption><\/figure>\n<p>Bildlinks sind etwas anders, da sie die URL des Bildes enthalten m\u00fcssen (am besten, wenn es in die Mediendatenbank <a href=\"https:\/\/kinsta.com\/de\/blog\/maximale-upload-groesse-dateien-wordpress\/\">deiner Website hochgeladen wurde<\/a>).<\/p>\n<p>Diese Medien-URL steht zwischen den Anf\u00fchrungszeichen im Abschnitt <em>img src=&#8220;&#8220;<\/em>.<\/p>\n<p><img class=\"size&lt;span id=\"><\/p>\n<figure id=\"attachment_138644\" aria-describedby=\"caption-attachment-138644\" style=\"width: 1462px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138644 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/image-source.jpeg\" alt=\"Bild-URL hervorgehoben\" width=\"1462\" height=\"220\"><figcaption id=\"caption-attachment-138644\" class=\"wp-caption-text\">Die URL der Bildquelle<\/figcaption><\/figure>\n<p>Es gibt noch weitere Elemente, die du bei Bildlinks hinzuf\u00fcgen kannst, wie z. B:<\/p>\n<ul>\n<li><strong>Ein alt-Tag (<em>alt=&#8220;&#8220;)<\/em>:<\/strong> Text, der das Bild f\u00fcr Suchmaschinen-Crawler und sehbehinderte Nutzer beschreibt.<\/li>\n<li><strong>Eine Klasse (<em>class=&#8220;&#8220;)<\/em>:<\/strong> Ein kodierter Name f\u00fcr die Verwendung des Bildes an anderer Stelle in deinem Code oder in den Dateien deiner Website.<\/li>\n<\/ul>\n<h3>Die URL<\/h3>\n<p>Als Teil eines Hyperlinks dient die URL als Ziel oder Aktion, die stattfindet, wenn jemand auf den Link klickt.<\/p>\n<figure id=\"attachment_131275\" aria-describedby=\"caption-attachment-131275\" style=\"width: 1003px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131275 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-URL-within-a-clickable-link.jpg\" alt=\"Eine URL innerhalb eines klickbaren Links\" width=\"1003\" height=\"587\"><figcaption id=\"caption-attachment-131275\" class=\"wp-caption-text\">Eine URL innerhalb eines klickbaren Links<\/figcaption><\/figure>\n<p>Aber nicht alle URLs sind <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-url-andern\/\">Webseiten-URLs<\/a>. Du wirst feststellen, dass einige Hyperlinks eine &#8222;Click to Call&#8220;-Funktion haben, die es den Nutzern erm\u00f6glicht, mit einem Klick eine Telefonnummer direkt von ihrem Smartphone aus anzurufen.<\/p>\n<figure id=\"attachment_131276\" aria-describedby=\"caption-attachment-131276\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131276 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-example-of-click-to-call-functionality.jpg\" alt=\"eine Telefonnummer im URL-Feld\" width=\"908\" height=\"404\"><figcaption id=\"caption-attachment-131276\" class=\"wp-caption-text\">Ein Beispiel f\u00fcr eine Click-to-Call-Funktion<\/figcaption><\/figure>\n<p>Eine andere M\u00f6glichkeit ist die Anzeige einer Karte, die die Karten-App auf dem Smartphone des Nutzers \u00f6ffnet.<\/p>\n<figure id=\"attachment_131277\" aria-describedby=\"caption-attachment-131277\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131277 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-link-that-leads-to-a-map-app.jpg\" alt=\"ein Kartenlink zu Google Maps, der in einem URL-Feld platziert wird\" width=\"908\" height=\"635\"><figcaption id=\"caption-attachment-131277\" class=\"wp-caption-text\">Ein Link, der zu einer Karten-App f\u00fchrt<\/figcaption><\/figure>\n<h4>So sieht die Codierung aus<\/h4>\n<p>URLs in klickbaren Links werden zwischen den Anf\u00fchrungszeichen im <em>&lt;a href=&#8220;&#8220;<\/em> Teil des Hyperlinks platziert.<\/p>\n<p>Der <em>https:\/\/www.example.com<\/em> Teil des folgenden Hyperlink-Codes ist zum Beispiel die URL:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"noreferrer noopener\"<\/span>&gt;View the entire menu.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt; <\/code><\/pre>\n<figure id=\"attachment_131278\" aria-describedby=\"caption-attachment-131278\" style=\"width: 1565px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131278 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-URL-presented-in-a-hyperlink-HTML-code.jpg\" alt=\"Die URL, die in einem Hyperlink-HTML-Code dargestellt wird\" width=\"1565\" height=\"208\"><figcaption id=\"caption-attachment-131278\" class=\"wp-caption-text\">Die URL, die in einem Hyperlink-HTML-Code dargestellt wird<\/figcaption><\/figure>\n<p>Einige URLs f\u00fchren zu herunterladbaren Dokumenten, w\u00e4hrend andere eine besondere Kodierung erfordern. Bei einem &#8222;Click to call&#8220;-Link musst du zum Beispiel <em>tel:<\/em> und eine Telefonnummer in die <em>href=&#8220;&#8220;<\/em> Anf\u00fchrungszeichen setzen.<\/p>\n<figure id=\"attachment_131279\" aria-describedby=\"caption-attachment-131279\" style=\"width: 1407px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131279 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Example-of-a-tel-click-to-call-link.jpg\" alt=\"Link mit Telefonnummer darin\" width=\"1407\" height=\"166\"><figcaption id=\"caption-attachment-131279\" class=\"wp-caption-text\">Beispiel f\u00fcr einen tel: click to call Link<\/figcaption><\/figure>\n<h3>Zielfenster<\/h3>\n<p>Das Zielfenster ist ein optionaler Teil eines Hyperlinks. Es gibt an, ob der Inhalt im selben Browser-Tab oder in einem neuen Browser-Tab ge\u00f6ffnet wird.<\/p>\n<p>Bei WordPress und vielen anderen Apps kannst du ein Zielfenster hinzuf\u00fcgen, ohne den Code zu ber\u00fchren, indem du den visuellen Editor verwendest.<\/p>\n<p>Deaktiviere einfach das Kontrollk\u00e4stchen <strong>&#8222;In einem neuen Tab \u00f6ffnen&#8220;<\/strong>, wenn du m\u00f6chtest, dass der Link in demselben Tab ge\u00f6ffnet wird, den der Nutzer gerade sieht.<\/p>\n<figure id=\"attachment_131280\" aria-describedby=\"caption-attachment-131280\" style=\"width: 992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131280 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-In-New-Tab-switch-turned-off.jpg\" alt=\"Schalter \"In neuem Tab \u00f6ffnen\" ausgeschaltet\" width=\"992\" height=\"388\"><figcaption id=\"caption-attachment-131280\" class=\"wp-caption-text\">Schalter &#8222;In neuem Tab \u00f6ffnen&#8220; ausgeschaltet<\/figcaption><\/figure>\n<p>Alternativ kannst du den Schalter <strong>&#8222;In einem neuen Tab \u00f6ffnen&#8220;<\/strong> aktivieren, der automatisch ein <em>_blank-Attribut<\/em> zum Hyperlink-Code hinzuf\u00fcgt und die URL in einem neuen Tab \u00f6ffnet, wenn du darauf klickst.<\/p>\n<figure id=\"attachment_131281\" aria-describedby=\"caption-attachment-131281\" style=\"width: 939px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131281 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-In-New-Tab-switch-turned-on.jpg\" alt=\"Schalter \"In neuem Tab \u00f6ffnen\" aktiviert\" width=\"939\" height=\"383\"><figcaption id=\"caption-attachment-131281\" class=\"wp-caption-text\">Schalter &#8222;In neuem Tab \u00f6ffnen&#8220; aktiviert<\/figcaption><\/figure>\n<h4>So sieht die Codierung aus<\/h4>\n<p>Diese Optionen werden durch das Hinzuf\u00fcgen und Bearbeiten des <em>target=&#8220;&#8220;-<\/em> Elements in einem Hyperlink ausgel\u00f6st.<\/p>\n<p>Obwohl das target-Attribut mehrere Werte hat, wie z.B. <em>_blank<\/em>, <em>_parent<\/em>, <em>_self<\/em> und <em>_top<\/em>, verwenden wir normalerweise nur den Wert <em>_blank<\/em>.<\/p>\n<p>Ein Hyperlink ohne das <em>_blank-Ziel<\/em> sieht wie folgt aus:<\/p>\n<figure id=\"attachment_131282\" aria-describedby=\"caption-attachment-131282\" style=\"width: 1287px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131282 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/No-_blank-target-within-a-link.jpg\" alt=\"Kein _blank-Ziel innerhalb eines Links\" width=\"1287\" height=\"227\"><figcaption id=\"caption-attachment-131282\" class=\"wp-caption-text\">Kein _blank-Ziel innerhalb eines Links<\/figcaption><\/figure>\n<p>Du wirst feststellen, dass er sich nicht von einem normalen Hyperlink unterscheidet. Das liegt daran, dass Hyperlinks standardm\u00e4\u00dfig nicht in einem neuen Tab ge\u00f6ffnet werden. Du musst also nichts an dem Link \u00e4ndern, es sei denn, du m\u00f6chtest, dass er in einem eigenen Browser-Tab ge\u00f6ffnet wird.<\/p>\n<p>Ein Hyperlink mit dem _blank-Ziel, das bewirkt, dass die URL in einem neuen Tab ge\u00f6ffnet wird, sieht etwa so aus:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">target<\/span>=<span class=\"syntax-all syntax-string\">\"_blank\"<\/span>&gt;View the entire menu.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<figure id=\"attachment_131283\" aria-describedby=\"caption-attachment-131283\" style=\"width: 1314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131283 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Clickable-link-with-a-_blank-target.jpg\" alt=\"Anklickbarer Link mit einem _blank-Ziel\" width=\"1314\" height=\"161\"><figcaption id=\"caption-attachment-131283\" class=\"wp-caption-text\">Anklickbarer Link mit einem _blank-Ziel<\/figcaption><\/figure>\n<h3>nofollow, noreferrer, und noopener<\/h3>\n<p>Du kannst auch zus\u00e4tzliche Elemente zu einem klickbaren Link hinzuf\u00fcgen, von denen die meisten f\u00fcr mehr Sicherheit oder <a href=\"https:\/\/kinsta.com\/de\/blog\/suchmaschinen-indexieren\/\">Cloaking vor Suchmaschinen<\/a> sorgen:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/kinsta.com\/de\/blog\/nofollow-links-in-wordpress-hinzufugen\/\">nofollow<\/a>:<\/strong> Ein Attribut, das verhindert, dass &#8222;SEO-Linksaft&#8220; auf die verlinkte Website gelangt. Dadurch wird deine Website gesch\u00fctzt und der Link kann vor Suchmaschinen verborgen werden.<\/li>\n<li><strong>noopener:<\/strong> Dies ist ein HTML-Attribut, das automatisch zu WordPress-Links hinzugef\u00fcgt wird, die als <strong>&#8222;In einem neuen Tab \u00f6ffnen&#8220;<\/strong> gekennzeichnet sind Es wird mit <em>noreferrer<\/em> gepaart, um bestimmte Sicherheitsprobleme beim \u00d6ffnen von Links in neuen Tabs zu minimieren.<\/li>\n<li><strong>noreferrer<\/strong>: Das <em>noreferrer-Attribut<\/em>, das oft mit <em>noopener<\/em> kombiniert wird, verhindert, dass alle Referral-Informationen an die Zielseite weitergeleitet werden, und sorgt so f\u00fcr zus\u00e4tzliche Sicherheit.<\/li>\n<\/ul>\n<p>Du kannst keines dieser Link-Attribute erkennen, indem du dir einen Link auf der Live-Site ansiehst. Stattdessen musst du den HTML-Code anzapfen.<\/p>\n<h4>So sieht der Code aus<\/h4>\n<p>Alle diese Linkattribute befinden sich zwischen den Anf\u00fchrungszeichen im <em>rel=&#8220;&#8220;<\/em> -Teil des klickbaren Links.<\/p>\n<p>Es ist m\u00f6glich, alle diese Attribute in einem Link zu verwenden.<\/p>\n<figure id=\"attachment_131327\" aria-describedby=\"caption-attachment-131327\" style=\"width: 1168px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131327 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Link-with-noreferrer-noopener-and-nofollow-all-included.jpg\" alt=\"Link mit noreferrer, noopener und nofollow in einem Link\" width=\"1168\" height=\"190\"><figcaption id=\"caption-attachment-131327\" class=\"wp-caption-text\">Link mit noreferrer, noopener und nofollow in einem Link<\/figcaption><\/figure>\n<p>Es gibt aber auch Links, die nur das Attribut <em>noreferrer, noopener<\/em> oder <em>nofollow<\/em> ohne die beiden anderen enthalten. Das h\u00e4ngt ganz davon ab, was der Linkersteller erreichen will.<\/p>\n<h3>Gr\u00fcnde, warum du einen Link klickbar machen willst<\/h3>\n<p>Wenn du lernst, wie du einen Link anklickbar machst, ist es wichtig, alle Gr\u00fcnde f\u00fcr die Verlinkung zu kennen. Auf diese Weise kennst du die Funktionen und kannst sie in Zukunft nutzen.<\/p>\n<p>Hier sind die wichtigsten Gr\u00fcnde, warum du einen Link klickbar machen solltest:<\/p>\n<ol>\n<li><strong>Allgemeine interne\/externe Hyperlinks zu URLs:<\/strong> Du kannst Textlinks setzen, die von deiner Website wegf\u00fchren (z. B. um Quellen zu zitieren oder ein Argument mit einer Studie eines Dritten zu untermauern), oder zu anderen Seiten auf deiner Website (besonders n\u00fctzlich, um Leser\/innen zu relevanten Inhalten zu schicken und sie l\u00e4nger auf deiner Website zu halten).<\/li>\n<li><strong>Bilder verlinken:<\/strong> Du kannst Hyperlinks zu URLs, Mediendateien oder Anhangsseiten zu jedem Bild in WordPress und vielen anderen Website-Buildern hinzuf\u00fcgen.<\/li>\n<li><strong>Schaltfl\u00e4chen verlinken:<\/strong> CSS-Schaltfl\u00e4chen bieten Optionen f\u00fcr das Hinzuf\u00fcgen von Hyperlinks, die im Vergleich zu reinem Text ein ansprechenderes, visuelles Erlebnis f\u00fcr deinen klickbaren Link bieten.<\/li>\n<li><strong>Telefonnummern:<\/strong> Hyperlinks, die zu Telefonnummern f\u00fchren, \u00f6ffnen Apps mit Anruffunktionen, z. B. die Telefon-App auf deinem Ger\u00e4t oder Skype.<\/li>\n<li><strong>Adressen:<\/strong> Ein Hyperlink zu bestimmten Koordinaten auf Google oder Apple Maps bedeutet, dass der Nutzer, der auf den Link klickt, diese Informationen automatisch in seiner GPS-\/Karten-App zur Navigation angezeigt bekommt.<\/li>\n<li><strong>E-Mail-Adressen:<\/strong> Das ist \u00e4hnlich wie bei &#8222;Click to call&#8220;-Links, aber mit E-Mail-Adressen. Er l\u00f6st die E-Mail-App auf dem Telefon oder Computer aus und erstellt eine neue E-Mail mit einer bestimmten E-Mail-Adresse im Feld <strong>An<\/strong>.<\/li>\n<li><strong>Um <a href=\"https:\/\/kinsta.com\/de\/blog\/ankerlinks\/\">Ankerlinks zu erstellen<\/a>:<\/strong> Mit Ankerlinks kannst du auf Inhalte auf der gleichen Seite verlinken; diese sind sehr beliebt, um ein Inhaltsverzeichnis am Anfang eines langen Blogbeitrags zu erstellen. Sie werden manchmal auch &#8222;Lesezeichen-Hyperlinks&#8220; genannt<\/li>\n<li><strong>Eine herunterladbare Datei anbieten:<\/strong> WordPress &#8211; und andere Website-Builder &#8211; bieten Tools zum Hochladen von <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-svg\/\">SVG-Dateien<\/a>, <a href=\"https:\/\/kinsta.com\/de\/blog\/besten-wordpress-pdf-viewer-plugins\/\">PDFs<\/a>, <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-ein-html-datei-in-wordpress-hochladt\/\">HTML-Dateien<\/a> und vielem mehr; du kannst sogar <a href=\"https:\/\/kinsta.com\/de\/blog\/dateien-hochlaedt-ftp-in-wordpress-mediathek\/\">Elemente in gro\u00dfen Mengen hochladen<\/a>. Danach ist es m\u00f6glich, Hyperlinks in Beitr\u00e4gen\/Seiten zu erstellen, \u00fcber die die Nutzer\/innen die Dateien direkt auf ihre Ger\u00e4te herunterladen k\u00f6nnen.<\/li>\n<\/ol>\n<p>Nachdem wir nun die verschiedenen Arten von Hyperlinks und die Gr\u00fcnde, warum du einen Link erstellen m\u00f6chtest, erl\u00e4utert haben, erf\u00e4hrst du hier, wie du ihn erstellen kannst.<\/p>\n<h2>Wie du einen Link klickbar machst<\/h2>\n<p>Welche Methode du w\u00e4hlst, um einen Link zu erstellen, h\u00e4ngt von deiner Erfahrung ab. Du kannst dich f\u00fcr eine einfachere visuelle Methode entscheiden oder einen HTML-Code verwenden.<\/p>\n<p>Es gibt vier Hauptmethoden, um einen Link klickbar zu machen:<\/p>\n<ol>\n<li>Mit dem klassischen WordPress-Editor<\/li>\n<li>Mit dem <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor-deaktivieren\/\">WordPress-Block-Editor (Gutenberg)<\/a><\/li>\n<li>HTML verwenden<\/li>\n<li>Verwendung einer grafischen Benutzeroberfl\u00e4che (GUI)<\/li>\n<\/ol>\n<p>Denke daran, dass alle diese Methoden f\u00fcr WordPress-Beitr\u00e4ge und -Seiten \u00e4hnlich funktionieren. Diese Anleitungen (insbesondere Methode 4) sind auch f\u00fcr andere Apps\/Website-Builder hilfreich, aber einige Begriffe\/Funktionen k\u00f6nnen abweichen.<\/p>\n<h3>Methode 1: Verwendung des klassischen WordPress-Editors<\/h3>\n<p>Wenn du mit dem klassischen WordPress-Editor arbeitest, ist es am einfachsten, einen klickbaren Link in einem Beitrag oder auf einer Seite \u00fcber den Reiter <strong>Visueller<\/strong> Editor zu erstellen.<\/p>\n<p>Gehe dazu in deinem WordPress-Dashboard in den Bereich <strong>Beitr\u00e4ge<\/strong> oder <strong>Seiten<\/strong> und w\u00e4hle eine einzelne Seite oder einen Beitrag aus, den du bearbeiten m\u00f6chtest, indem du die Registerkarte <strong>Visuell<\/strong> verwendest.<\/p>\n<h4>Schritt 1: Markiere den Text, den du anklickbar machen m\u00f6chtest<\/h4>\n<p>F\u00fcr einen Textlink ist es am besten, wenn du den Text bereits in den <strong>visuellen<\/strong> Editor eingegeben hast. Dann markierst du den Text mit dem Cursor.<\/p>\n<figure id=\"attachment_131328\" aria-describedby=\"caption-attachment-131328\" style=\"width: 1098px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131328 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Highlight-some-text.jpg\" alt=\"Hervorheben eines Textabschnitts im WordPress-Editor\" width=\"1098\" height=\"837\"><figcaption id=\"caption-attachment-131328\" class=\"wp-caption-text\">Text markieren<\/figcaption><\/figure>\n<p><strong>Wenn du ein Bild in einen klickbaren Link umwandelst:<\/strong><\/p>\n<p>W\u00e4hle das Bild so aus, dass du eine Editor-Symbolleiste und einen Umriss um das Bild herum sehen kannst.<\/p>\n<figure id=\"attachment_131329\" aria-describedby=\"caption-attachment-131329\" style=\"width: 1081px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131329 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Select-the-image.jpg\" alt=\"Klicke im WordPress-Editor auf ein Bild und w\u00e4hle es aus\" width=\"1081\" height=\"835\"><figcaption id=\"caption-attachment-131329\" class=\"wp-caption-text\">W\u00e4hle das Bild aus<\/figcaption><\/figure>\n<h4>Schritt 2: Klicke auf die Schaltfl\u00e4che Link einf\u00fcgen\/bearbeiten<\/h4>\n<p>W\u00e4hrend der Text noch markiert ist, fahre mit dem Mauszeiger \u00fcber die Schaltfl\u00e4che<strong> Link einf\u00fcgen\/bearbeiten<\/strong> in der Symbolleiste des visuellen Editors. Das Symbol der Schaltfl\u00e4che sieht aus wie ein Kettenglied.<\/p>\n<figure id=\"attachment_131331\" aria-describedby=\"caption-attachment-131331\" style=\"width: 1092px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131331 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Edit-Link-button.jpg\" alt=\"Klicke auf die Schaltfl\u00e4che Link einf\u00fcgen\/bearbeiten\" width=\"1092\" height=\"545\"><figcaption id=\"caption-attachment-131331\" class=\"wp-caption-text\">Klicke auf die Schaltfl\u00e4che Link einf\u00fcgen\/bearbeiten<\/figcaption><\/figure>\n<p><strong>Wenn du ein Bild in einen klickbaren Link umwandelst:<\/strong><\/p>\n<p>Klicke bei ausgew\u00e4hltem Bild auf die Schaltfl\u00e4che<strong> Link einf\u00fcgen\/bearbeiten<\/strong> (die Schaltfl\u00e4che, die wie ein Kettenglied aussieht).<\/p>\n<figure id=\"attachment_131335\" aria-describedby=\"caption-attachment-131335\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131335 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-the-Edit-Button.jpg\" alt=\"WordPress-Beitrag, in dem wir auf die Schaltfl\u00e4che \"Bearbeiten\" klicken, um ein Bild zu verlinken\" width=\"1024\" height=\"678\"><figcaption id=\"caption-attachment-131335\" class=\"wp-caption-text\">W\u00e4hle die Schaltfl\u00e4che Bearbeiten<\/figcaption><\/figure>\n<h4>Schritt 3: F\u00fcge eine URL ein<\/h4>\n<p>Jetzt wird ein leeres URL-Feld angezeigt. Kopiere <strong>(Befehl + C oder Strg + C)<\/strong> die gew\u00fcnschte Link-URL in die Zwischenablage deines Ger\u00e4ts. Dieser Link kann eine externe URL sein, die du irgendwo im Internet gefunden hast, oder eine URL von deiner eigenen Website.<\/p>\n<p>Nach dem Kopieren f\u00fcgst du ihn <strong>(Befehl + V oder Strg + V)<\/strong> in das Feld ein.<\/p>\n<figure id=\"attachment_131334\" aria-describedby=\"caption-attachment-131334\" style=\"width: 1086px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131334 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Paste-in-a-URL.jpg\" alt=\"WordPress-Editor, wo wir eine URL in das Feld einf\u00fcgen\" width=\"1086\" height=\"630\"><figcaption id=\"caption-attachment-131334\" class=\"wp-caption-text\">Einf\u00fcgen einer URL<\/figcaption><\/figure>\n<p><strong>Wenn du ein Bild in einen klickbaren Link verwandeln willst:<\/strong><\/p>\n<p>F\u00fcge die gew\u00fcnschte URL in das angezeigte Feld ein und klicke dann auf die Schaltfl\u00e4che <strong>\u00dcbernehmen<\/strong>, um den Link zu aktivieren.<\/p>\n<figure id=\"attachment_131333\" aria-describedby=\"caption-attachment-131333\" style=\"width: 1092px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131333 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Insert-the-link-and-click-the-Apply-button-1.jpg\" alt=\"WordPress-Beitragseditor mit einem Bild, klickst auf die Schaltfl\u00e4che \"Bearbeiten-Link einf\u00fcgen\" \" width=\"1092\" height=\"837\"><figcaption id=\"caption-attachment-131333\" class=\"wp-caption-text\">F\u00fcge den Link ein und klicke auf die Schaltfl\u00e4che Anwenden<\/figcaption><\/figure>\n<h4>Schritt 4: Den Link anwenden<\/h4>\n<p>Klicke auf die Schaltfl\u00e4che &#8222;<strong>Anwenden<\/strong>&#8222;, um den Link zu aktivieren und den Text klickbar zu machen.<\/p>\n<figure id=\"attachment_131336\" aria-describedby=\"caption-attachment-131336\" style=\"width: 1080px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131336 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Apply-button.jpg\" alt=\"markierten Text in WordPress und klicke dann auf die blaue Schaltfl\u00e4che \"Anwenden\", um einen Link hinzuzuf\u00fcgen\" width=\"1080\" height=\"629\"><figcaption id=\"caption-attachment-131336\" class=\"wp-caption-text\">Klick auf die Schaltfl\u00e4che &#8222;Anwenden&#8220;<\/figcaption><\/figure>\n<p>Du solltest jetzt den Hyperlink-Teil deines Textes unterstrichen und m\u00f6glicherweise in einer anderen Farbe sehen.<\/p>\n<figure id=\"attachment_131337\" aria-describedby=\"caption-attachment-131337\" style=\"width: 1084px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131337 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-resulting-link.jpg\" alt=\"Ein Link, der unterstrichen ist, um zu zeigen, dass er im WordPress-Backend anklickbar ist\" width=\"1084\" height=\"475\"><figcaption id=\"caption-attachment-131337\" class=\"wp-caption-text\">Der resultierende Link<\/figcaption><\/figure>\n<p>Wenn du in deinem Editor auf den Hyperlink klickst, wird ein Live-Link zum Testen angezeigt, zusammen mit Bearbeitungswerkzeugen, falls du den Hyperlink \u00e4ndern m\u00f6chtest.<\/p>\n<p><img class=\"size-full wp-image-1313&lt;span id=\"><\/p>\n<h4>Zus\u00e4tzliche Optionen<\/h4>\n<p>In den folgenden Abschnitten werden wir uns mit fortgeschrittenen klickbaren Links befassen, aber es lohnt sich, darauf hinzuweisen, dass jeder Link, den du im klassischen WordPress-Editor erstellst, eine Schaltfl\u00e4che <strong>Linkoptionen<\/strong> f\u00fcr zus\u00e4tzliche Einstellungen hat.<\/p>\n<figure id=\"attachment_138643\" aria-describedby=\"caption-attachment-138643\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138643 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/link-for-options.jpeg\" alt=\"Klick auf die Schaltfl\u00e4che Link-Optionen\" width=\"1078\" height=\"558\"><figcaption id=\"caption-attachment-138643\" class=\"wp-caption-text\">Klick auf die Schaltfl\u00e4che Link-Optionen<\/figcaption><\/figure>\n<p>Hier kannst du:<\/p>\n<ul>\n<li>Die URL anpassen<\/li>\n<li>Den Linktext \u00e4ndern<\/li>\n<li>Den Link in einem neuen Tab \u00f6ffnen<\/li>\n<li>Nach bestehenden Inhalten auf deiner Website suchen und diese verlinken<\/li>\n<\/ul>\n<figure id=\"attachment_131340\" aria-describedby=\"caption-attachment-131340\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131340 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/More-options.jpg\" alt=\"Popup-Fenster mit URL-, Linktext- und Suchfeldern\" width=\"1034\" height=\"786\"><figcaption id=\"caption-attachment-131340\" class=\"wp-caption-text\">Weitere Optionen<\/figcaption><\/figure>\n<p><strong>Wenn du ein Bild in einen klickbaren Link verwandeln willst:<\/strong><\/p>\n<p>Der klassische WordPress-Editor bietet eine weitere M\u00f6glichkeit, Bilder anklickbar zu machen. Dazu w\u00e4hlst du das Bild aus und klickst dann auf die Schaltfl\u00e4che <strong>Bearbeiten<\/strong> (sieht aus wie ein Stift) in der Popup-Symbolleiste.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-131341 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-the-Edit-Button-1.jpg\" alt=\"Bild in WordPress ausgew\u00e4hlt und auf die Schaltfl\u00e4che \"Bearbeiten\" geklickt\" width=\"1024\" height=\"678\"><\/p>\n<p>Scrolle zum Feld <strong>Link<\/strong> <strong>zu<\/strong>, in dem du einen Link zu einer <strong>benutzerdefinierten URL<\/strong> erstellen kannst. F\u00fcge einfach die gew\u00fcnschte URL in das Feld darunter ein und klicke auf <strong>Aktualisieren<\/strong>.<\/p>\n<figure id=\"attachment_131342\" aria-describedby=\"caption-attachment-131342\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131342 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Find-and-edit-the-Link-To-field.jpg\" alt=\"Finde und bearbeite das Feld Link zu\" width=\"1078\" height=\"884\"><figcaption id=\"caption-attachment-131342\" class=\"wp-caption-text\">Finde und bearbeite das Feld Link zu<\/figcaption><\/figure>\n<p>Du kannst auch das Dropdown-Men\u00fc <strong>Link zu<\/strong> ausw\u00e4hlen, um einen Hyperlink zu erstellen:<\/p>\n<ul>\n<li>Mediendateien<\/li>\n<li>Seiten mit Anh\u00e4ngen<\/li>\n<li>Benutzerdefinierte URLs<\/li>\n<li>Keine<\/li>\n<\/ul>\n<figure id=\"attachment_131343\" aria-describedby=\"caption-attachment-131343\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131343 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Choose-different-linking-options.jpg\" alt=\"Dropdown-Men\u00fc im Feld \"Link zu\" zum Hinzuf\u00fcgen verschiedener Verlinkungsoptionen wie Anhangsseite und benutzerdefinierte URL\" width=\"1078\" height=\"529\"><figcaption id=\"caption-attachment-131343\" class=\"wp-caption-text\">W\u00e4hle verschiedene Verlinkungsoptionen<\/figcaption><\/figure>\n<h3>Methode 2: Verwendung des WordPress-Blockeditors (Gutenberg)<\/h3>\n<p>Hyperlinks funktionieren im <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor\/\">WordPress-Blockeditor<\/a> sowohl in Beitr\u00e4gen als auch auf Seiten gleich.<\/p>\n<p>Um zu beginnen, gehst du zum Abschnitt <strong>Beitr\u00e4ge<\/strong> oder <strong>Seiten<\/strong> in deinem WordPress Dashboard. W\u00e4hle einen einzelnen Beitrag oder eine Seite aus, die du bearbeiten m\u00f6chtest, und gehe dann zu den folgenden Schritten \u00fcber.<\/p>\n<h4>Schritt 1: Markiere einen Text<\/h4>\n<p>Gib einen Text in den Editor ein. Markiere mit deinem Cursor den Teil des Textes, den du anklickbar machen willst. Klicke in der Popup-Symbolleiste auf die Schaltfl\u00e4che <strong>Link<\/strong>.<\/p>\n<figure id=\"attachment_131344\" aria-describedby=\"caption-attachment-131344\" style=\"width: 1043px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131344 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Highlight-text-and-click-the-Link-button.jpg\" alt=\"Markiere den Text und klicke auf die Schaltfl\u00e4che Link\" width=\"1043\" height=\"424\"><figcaption id=\"caption-attachment-131344\" class=\"wp-caption-text\">Markiere den Text und klicke auf die Schaltfl\u00e4che Link<\/figcaption><\/figure>\n<p><strong>Wenn du ein Bild in einen klickbaren Link umwandelst:<\/strong><\/p>\n<p>Um ein Bild im WordPress-Block-Editor klickbar zu machen, musst du zun\u00e4chst ein Bild zum Editor hinzuf\u00fcgen.<\/p>\n<p>Dazu klickst du auf die Schaltfl\u00e4che <strong>Block<\/strong> <strong>hinzuf\u00fcgen<\/strong> und w\u00e4hlst dann den Block <strong>Bild<\/strong>. Lade das Bild hoch, das du verlinken m\u00f6chtest.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-131345 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Add-an-image-block.jpg\" alt=\"In WordPress-Posts gibt es einen Block + Button zum Anklicken, dann kannst du nach dem Bildblock suchen\" width=\"1044\" height=\"767\"><\/p>\n<p>Klicke auf das Bild, um es zu markieren, und w\u00e4hle dann die Schaltfl\u00e4che <strong>Link<\/strong> <strong>einf\u00fcgen<\/strong> im Popup-Fenster der Werkzeugleiste.<\/p>\n<figure id=\"attachment_131346\" aria-describedby=\"caption-attachment-131346\" style=\"width: 953px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131346 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Add-an-image-block-1.jpg\" alt=\"Klick auf das Bild und auf die Schaltfl\u00e4che Link einf\u00fcgen, die wie ein Link-Symbol aussieht\" width=\"953\" height=\"774\"><figcaption id=\"caption-attachment-131346\" class=\"wp-caption-text\">Bild ausw\u00e4hlen und Link einf\u00fcgen<\/figcaption><\/figure>\n<h4>Schritt 2: F\u00fcge die URL ein und sende den Link<\/h4>\n<p>Es wird ein Popup-Fenster mit einem leeren Feld angezeigt. F\u00fcge die URL ein, zu der du verlinken m\u00f6chtest, und klicke dann auf die <strong>Eingabetaste<\/strong> oder auf die Schaltfl\u00e4che <strong>Senden<\/strong>, um den Link zu aktivieren.<\/p>\n<figure id=\"attachment_131347\" aria-describedby=\"caption-attachment-131347\" style=\"width: 1046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131347 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Insert-a-URL-and-click-Submit.jpg\" alt=\"eine URL einf\u00fcgen und auf die Schaltfl\u00e4che Senden klicken, die wie ein gebogener Pfeil aussieht\" width=\"1046\" height=\"485\"><figcaption id=\"caption-attachment-131347\" class=\"wp-caption-text\">URL einf\u00fcgen und auf Absenden klicken<\/figcaption><\/figure>\n<p>Als Ergebnis wird der verlinkte Text in einer anderen Farbe angezeigt, und du kannst auf den Link klicken, um eine Vorschau des Inhalts zu sehen und weitere Einstellungen f\u00fcr die Verlinkung vorzunehmen.<\/p>\n<figure id=\"attachment_131348\" aria-describedby=\"caption-attachment-131348\" style=\"width: 1028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-131348\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/View-a-preview-and-more-advanced-link-settings.jpg\" alt=\"clicking on the new link shows a visual preview with the page's link, featured image, and more information\" width=\"1028\" height=\"611\"><figcaption id=\"caption-attachment-131348\" class=\"wp-caption-text\">Eine Vorschau und erweiterte Linkeinstellungen anzeigen<\/figcaption><\/figure>\n<p><strong>Wenn du ein Bild in einen klickbaren Link umwandelst:<\/strong><\/p>\n<p>Es gibt Optionen, um Mediendateien und Anh\u00e4nge zu verlinken, wenn du das m\u00f6chtest.<\/p>\n<figure id=\"attachment_131350\" aria-describedby=\"caption-attachment-131350\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131350 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Consider-media-file-and-attachment-page-links.jpg\" alt=\"das Link-Popup f\u00fcr Bilder hat Optionen, um Mediendateien und Anhangsseiten zu verlinken\" width=\"918\" height=\"424\"><figcaption id=\"caption-attachment-131350\" class=\"wp-caption-text\">Erw\u00e4ge Links zu Mediendateien und Anh\u00e4ngen<\/figcaption><\/figure>\n<p>Ansonsten f\u00fcge eine URL in das leere Link-Feld ein. Klicke auf die Schaltfl\u00e4che <strong>\u00dcbernehmen<\/strong>, um den Link zu aktivieren. Nach der Ver\u00f6ffentlichung wird jeder, der auf das Bild klickt, zu dem von dir angegebenen Link weitergeleitet.<\/p>\n<figure id=\"attachment_131352\" aria-describedby=\"caption-attachment-131352\" style=\"width: 920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131352 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-on-the-Apply-button-after-inserting-a-URL.jpg\" alt=\"Klicke auf die Schaltfl\u00e4che \u00dcbernehmen, nachdem du eine URL eingef\u00fcgt hast\" width=\"920\" height=\"412\"><figcaption id=\"caption-attachment-131352\" class=\"wp-caption-text\">Klicke auf die Schaltfl\u00e4che \u00dcbernehmen, nachdem du eine URL eingef\u00fcgt hast<\/figcaption><\/figure>\n<p>F\u00fcr weitere Optionen klickst du auf den <strong>Carrot-Button nach unten<\/strong>:<\/p>\n<ul>\n<li>Den Link in einem neuen Tab \u00f6ffnen<\/li>\n<li>Link hinzuf\u00fcgen Rel<\/li>\n<li>Link CSS-Klasse hinzuf\u00fcgen<\/li>\n<\/ul>\n<figure id=\"attachment_131353\" aria-describedby=\"caption-attachment-131353\" style=\"width: 983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131353 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-down-carrot-button-for-more-settings.jpg\" alt=\"Es gibt einen Carrot-Button, der die Felder \"In neuem Tab \u00f6ffnen\", \"Link rel\" und \"Link CSS-Klasse\" anzeigt.\" width=\"983\" height=\"712\"><figcaption id=\"caption-attachment-131353\" class=\"wp-caption-text\">Klicke auf die nach unten zeigende Karotte f\u00fcr weitere Einstellungen<\/figcaption><\/figure>\n<h4>Zus\u00e4tzliche Optionen<\/h4>\n<p>In den folgenden Abschnitten gehen wir n\u00e4her auf erweiterte Hyperlink-Strukturen ein, aber du solltest wissen, dass eine Schaltfl\u00e4che zum <strong>Bearbeiten<\/strong> verf\u00fcgbar ist, wenn du mit dem Cursor auf den neu erstellten Link klickst.<\/p>\n<figure id=\"attachment_131355\" aria-describedby=\"caption-attachment-131355\" style=\"width: 983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131355 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Edit-button.jpg\" alt=\"es gibt eine Schaltfl\u00e4che zum Bearbeiten, die wie ein Bleistift aussieht\" width=\"983\" height=\"612\"><figcaption id=\"caption-attachment-131355\" class=\"wp-caption-text\">Klick auf die Schaltfl\u00e4che Bearbeiten<\/figcaption><\/figure>\n<p>Auf der Seite <strong>Bearbeiten<\/strong> werden Felder angezeigt, die du bearbeiten kannst:<\/p>\n<ul>\n<li>\u00c4ndern des Linktextes<\/li>\n<li>Die URL zu \u00e4ndern<\/li>\n<li>Den Link in einem neuen Tab \u00f6ffnen<\/li>\n<\/ul>\n<figure id=\"attachment_131356\" aria-describedby=\"caption-attachment-131356\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131356 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-Edit-page.jpg\" alt=\"die neue Popup-Seite hat Felder f\u00fcr Text, URL und zum \u00d6ffnen in einem neuen Tab\" width=\"918\" height=\"419\"><figcaption id=\"caption-attachment-131356\" class=\"wp-caption-text\">Die Seite Bearbeiten<\/figcaption><\/figure>\n<h4>Andere klickbare Links, die du im Block-Editor erstellen kannst<\/h4>\n<p>Der WordPress-Block-Editor erweitert die \u00fcblichen Verlinkungsm\u00f6glichkeiten. Dutzende von eingebauten Bl\u00f6cken erm\u00f6glichen eine Art von klickbarer Linkstruktur, darunter:<\/p>\n<ul>\n<li><strong>Buttons: <\/strong>Eine elegante Art, Inhalte zu verlinken, im Vergleich zu einfachen Textlinks.<\/li>\n<li><strong style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Dateien: <\/strong>Lade schnell Dateien hoch und f\u00fcge eine Schaltfl\u00e4che hinzu, auf die die Nutzer\/innen klicken und sie herunterladen k\u00f6nnen.<\/li>\n<li><strong>Soziale Symbole:<\/strong> F\u00fcge soziale Symbole mit klickbaren Links ein.<\/li>\n<li><strong>Navigation:<\/strong> Platziere Navigationsschaltfl\u00e4chen mit anklickbaren Links \u00fcberall auf deiner Website.<\/li>\n<li><strong>Mehr lesen:<\/strong> Kann verwendet werden, um deinen Inhalt zu k\u00fcrzen und einen Link zu einer ausf\u00fchrlicheren Version anzubieten.<\/li>\n<li><strong>An-\/Abmelden:<\/strong> F\u00fcge einen schnellen Link ein, mit dem sich die Nutzer\/innen bei deiner Website anmelden k\u00f6nnen.<\/li>\n<li><strong>N\u00e4chster Beitrag:<\/strong> F\u00fcge einen klickbaren Link\/Button zum n\u00e4chsten Blogbeitrag auf deiner Seite hinzu.<\/li>\n<li><strong>Vorheriger Beitrag: <\/strong>F\u00fcge einen klickbaren Link\/Button ein, der zum vorherigen Blogbeitrag auf deiner Website f\u00fchrt.<\/li>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"list-style-type: none\"><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure id=\"attachment_131357\" aria-describedby=\"caption-attachment-131357\" style=\"width: 952px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131357 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-button-is-yet-another-style-of-clickable-link-available-in-the-WordPress-Block-Editor.jpg\" alt=\"Es wurde eine Schaltfl\u00e4che hinzugef\u00fcgt, die du genau wie jeden anderen Text oder jedes Bild verlinken kannst\" width=\"952\" height=\"375\"><figcaption id=\"caption-attachment-131357\" class=\"wp-caption-text\">Eine Schaltfl\u00e4che ist eine weitere Art von klickbarem Link, die im WordPress-Block-Editor verf\u00fcgbar ist<\/figcaption><\/figure>\n<h3>Methode 3: HTML verwenden<\/h3>\n<p>Einen Link mit HTML klickbar zu machen, funktioniert unabh\u00e4ngig von der Oberfl\u00e4che deines Editors auf die gleiche Weise.<\/p>\n<p>Du kannst HTML mit bearbeiten:<\/p>\n<p><strong>Das Textfeld im klassischen WordPress-Editor<\/strong><\/p>\n<figure id=\"attachment_138641\" aria-describedby=\"caption-attachment-138641\" style=\"width: 940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138641 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/classic-editor-text-panel.jpeg\" alt=\"Klick auf die Registerkarte Text\" width=\"940\" height=\"456\"><figcaption id=\"caption-attachment-138641\" class=\"wp-caption-text\">Das Text-Panel des WordPress Classic Editors<\/figcaption><\/figure>\n<p><strong>Der Code-Editor im WordPress-Block-Editor<\/strong><\/p>\n<figure id=\"attachment_138642\" aria-describedby=\"caption-attachment-138642\" style=\"width: 957px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-138642 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/11\/code-editor.jpeg\" alt=\"Klick auf die Code-Schaltfl\u00e4che\" width=\"957\" height=\"556\"><figcaption id=\"caption-attachment-138642\" class=\"wp-caption-text\">Der Code-Editor im WordPress-Block-Editor<\/figcaption><\/figure>\n<p><strong>Ein HTML\/Text-Editor auf deinem Ger\u00e4t<\/strong><\/p>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/besten-texteditoren\/\">Texteditoren wie Atom, Sublime Text und Coda<\/a> bieten die n\u00f6tige Oberfl\u00e4che, um HTML zu schreiben und zu bearbeiten, insbesondere f\u00fcr klickbare Links. Es ist auch m\u00f6glich, <a href=\"https:\/\/kinsta.com\/de\/blog\/markdown-editoren\/\">Markdown-Editoren zu verwenden<\/a>.<\/p>\n<figure id=\"attachment_131360\" aria-describedby=\"caption-attachment-131360\" style=\"width: 1230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131360 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-Atom-text-editor.jpg\" alt=\"Schwarzer Texteditor mit ge\u00f6ffneten Tabs mit Code darin\" width=\"1230\" height=\"750\"><figcaption id=\"caption-attachment-131360\" class=\"wp-caption-text\">Der Atom-Texteditor<\/figcaption><\/figure>\n<p>Nachdem du mit dem Texteditor gearbeitet hast, kannst du:<\/p>\n<ul>\n<li>Deine Dateien zur Ver\u00f6ffentlichung im Internet hochladen, und zwar <a href=\"https:\/\/kinsta.com\/de\/blog\/ftp-vs-sftp\/\">per FTP oder SFTP<\/a>. <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-filezilla-benutzt\/\">Wir empfehlen die Verwendung von FileZilla<\/a>, um einen m\u00f6glichst reibungslosen Ablauf zu gew\u00e4hrleisten.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/dateien-hochlaedt-ftp-in-wordpress-mediathek\/\">HTML-Dateien als Massen-Upload<\/a> in das <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-dateien\/\">WordPress-Dateiverzeichnis<\/a><a href=\"https:\/\/kinsta.com\/de\/blog\/dateien-hochlaedt-ftp-in-wordpress-mediathek\/\">hochladen<\/a>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/besten-ftp-clients\/\">Einen der vielen anderen FTP-Clients<\/a> f\u00fcr den Upload von HTML-Dateien in WordPress verwenden.<\/li>\n<\/ul>\n<p>Wenn du einen Texteditor gefunden hast und wei\u00dft, wie du das HTML in WordPress hochl\u00e4dst, gehe zu den folgenden Schritten \u00fcber, um einen Link mit HTML klickbar zu machen.<\/p>\n<p>Dieses Format wird f\u00fcr einfache Hyperlinks in HTML verwendet:<\/p>\n<pre><code class=\"language-html\">&lt;a href=\"https:\/\/www.example.com\"&gt;Link Text&lt;\/a&gt;<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-131361 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Basic-HTML-link-format.jpg\" alt=\"Texteditor in WordPress mit Code f\u00fcr einen Link\" width=\"937\" height=\"299\"><\/p>\n<p>Anmerkungen:<\/p>\n<ol>\n<li>Ersetze &#8222;https:\/\/www.example.com&#8220; durch deine gew\u00fcnschte URL.<\/li>\n<li>Ersetze &#8222;Linktext&#8220; durch den gew\u00fcnschten Linktext.<\/li>\n<\/ol>\n<p>Sobald du den Link fertig hast, kannst du den Beitrag\/die Seite ver\u00f6ffentlichen oder den HTML-Code auf deine Website hochladen. Es ist auch m\u00f6glich, eine visuelle Vorschau des Links zu erhalten, indem du in WordPress auf die Registerkarte <strong>&#8222;Visuell&#8220;<\/strong> wechselst.<\/p>\n<p>Eine ver\u00f6ffentlichte Version des HTML-Links zeigt den Link unterstrichen und manchmal in einer anderen Farbe an. Wenn du mit der Maus \u00fcber den Link f\u00e4hrst, wird sein Ziel unten im Browser angezeigt.<\/p>\n<figure id=\"attachment_131363\" aria-describedby=\"caption-attachment-131363\" style=\"width: 923px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131363 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Link-on-the-frontend-with-the-browser-preview.jpg\" alt=\"Frontend-Post mit unterstrichenem Linktext\" width=\"923\" height=\"268\"><figcaption id=\"caption-attachment-131363\" class=\"wp-caption-text\">Link auf dem Frontend mit der Browser-Vorschau<\/figcaption><\/figure>\n<h3>Methode 4: Verwendung einer grafischen Benutzeroberfl\u00e4che (GUI)<\/h3>\n<p>Auch wenn wir nicht jede erdenkliche grafische Benutzeroberfl\u00e4che abdecken k\u00f6nnen, sieht das Lernen, wie man einen Link in etwas anderem als WordPress oder HTML anklickbar macht, meist \u00e4hnlich aus wie das, was wir gerade behandelt haben.<\/p>\n<p>Jede grafische Benutzeroberfl\u00e4che kann einen etwas anderen Namen oder ein anderes Symbol f\u00fcr die Erstellung eines Hyperlinks verwenden.<\/p>\n<p><strong>Dein allgemeiner Prozess sollte folgenderma\u00dfen ablaufen:<\/strong><\/p>\n<ol>\n<li>Markiere den Text, den du verlinken willst.<\/li>\n<li>Klicke im Editor auf das <strong>Link<\/strong>-Symbol (kann einen anderen Namen haben).<\/li>\n<li>F\u00fcge die gew\u00fcnschte URL ein.<\/li>\n<li>Klicke auf die Schaltfl\u00e4che <strong>Link<\/strong> <strong>hinzuf\u00fcgen<\/strong> (kann auch einen anderen Namen haben).<\/li>\n<\/ol>\n<p>Ein einfaches Beispiel: Mit einem Online-Shop-Builder wie Shopify kannst du auf jeder Seite oder in jedem Beitrag einen Link einf\u00fcgen, indem du den Text markierst und auf die <strong>Schaltfl\u00e4che<\/strong> <strong>Link<\/strong> <strong>einf\u00fcgen<\/strong> klickst.<\/p>\n<figure id=\"attachment_131364\" aria-describedby=\"caption-attachment-131364\" style=\"width: 958px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131364 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Inserting-a-link-in-an-alternative-GUI.jpg\" alt=\"die Shopify-Benutzeroberfl\u00e4che mit Text, der verlinkt ist\" width=\"958\" height=\"627\"><figcaption id=\"caption-attachment-131364\" class=\"wp-caption-text\">Einen Link in einer alternativen GUI einf\u00fcgen<\/figcaption><\/figure>\n<p>Dann f\u00fcgst du die Ziel-URL ein und klickst auf die Schaltfl\u00e4che &#8222;<strong>Link einf\u00fcgen<\/strong>&#8222;.<\/p>\n<figure id=\"attachment_131365\" aria-describedby=\"caption-attachment-131365\" style=\"width: 915px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131365 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Paste-the-URL-and-click-Insert-Link.jpg\" alt=\"ein Link wurde eingef\u00fcgt, in einem neuen Fenster ge\u00f6ffnet und eingef\u00fcgt\" width=\"915\" height=\"522\"><figcaption id=\"caption-attachment-131365\" class=\"wp-caption-text\">F\u00fcge die URL ein und klicke auf Link einf\u00fcgen<\/figcaption><\/figure>\n<p>Das erzeugt einen klickbaren Link.<\/p>\n<figure id=\"attachment_131366\" aria-describedby=\"caption-attachment-131366\" style=\"width: 920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131366 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Clickable-link-in-another-GUI.jpg\" alt=\"den unterstrichenen Link im Shopify-Editor\" width=\"920\" height=\"592\"><figcaption id=\"caption-attachment-131366\" class=\"wp-caption-text\">Anklickbarer Link in einer anderen GUI<\/figcaption><\/figure>\n<h2>Wie man Links in einem neuen Tab \u00f6ffnet<\/h2>\n<p>Wie bereits erw\u00e4hnt, bieten WordPress und andere GUIs zus\u00e4tzliche Anpassungsm\u00f6glichkeiten f\u00fcr anklickbare Links, wie z. B. das Erzwingen des \u00d6ffnens eines Links in einem anderen Tab.<\/p>\n<p>Wie kannst du das machen? Schauen wir uns das mal an.<\/p>\n<h3>Link in einem neuen Tab mit dem klassischen WordPress-Editor \u00f6ffnen<\/h3>\n<p>Sobald du einen klickbaren Link im WordPress Classic Editor hast, w\u00e4hle die Schaltfl\u00e4che <strong>Link-Optionen<\/strong>.<\/p>\n<figure id=\"attachment_151506\" aria-describedby=\"caption-attachment-151506\" style=\"width: 1078px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-151506 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/04\/link-options-button.jpeg\" alt=\"Klick auf die Schaltfl\u00e4che \"Link-Optionen\"\" width=\"1078\" height=\"558\"><figcaption id=\"caption-attachment-151506\" class=\"wp-caption-text\">Link-Optionen<\/figcaption><\/figure>\n<p><img class=\"size-full wp-image-13&lt;span id=\">Aktiviere das Kontrollk\u00e4stchen <strong>Link in einem neuen Tab \u00f6ffnen<\/strong>.<\/p>\n<p>Klicke dann auf die Schaltfl\u00e4che <strong>Aktualisieren<\/strong>.<\/p>\n<figure id=\"attachment_131368\" aria-describedby=\"caption-attachment-131368\" style=\"width: 974px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131368 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-link-in-new-tab.jpg\" alt=\"Popup-Fenster mit der Option, den Link in einem neuen Tab zu \u00f6ffnen\" width=\"974\" height=\"788\"><figcaption id=\"caption-attachment-131368\" class=\"wp-caption-text\">Link in einem neuen Tab \u00f6ffnen<\/figcaption><\/figure>\n<h3>Link in einem neuen Tab mit dem WordPress-Block-Editor \u00f6ffnen<\/h3>\n<p>Angenommen, du hast bereits einen Link im WordPress-Block-Editor hinzugef\u00fcgt, dann \u00f6ffnet ein Klick auf den Link eine Popup-Vorschau des Zielinhalts.<\/p>\n<p>\u00dcber die Schaltfl\u00e4che <strong>Bearbeiten<\/strong> hast du Zugriff auf weitere Einstellungen (einschlie\u00dflich der Option <strong>In neuem Tab \u00f6ffnen<\/strong>), aber es ist einfacher, den <strong>Schalter In neuem Tab \u00f6ffnen &gt; unten im Popup-Fenster <\/strong>umzulegen.<\/p>\n<figure id=\"attachment_131369\" aria-describedby=\"caption-attachment-131369\" style=\"width: 902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131369 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Open-in-new-tab-switch.jpg\" alt=\"hervorgehobener Text mit einem Schalter zum \u00d6ffnen in einem neuen Tab\" width=\"902\" height=\"564\"><figcaption id=\"caption-attachment-131369\" class=\"wp-caption-text\">Schalter In neuem Tab \u00f6ffnen<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Der WordPress-Block-Editor f\u00fcgt automatisch ein rel=&#8220;noreferrer noopener&#8220;-Attribut hinzu, wenn du den Schalter In neuem Tab \u00f6ffnen aktivierst, was deinem Link zus\u00e4tzliche Sicherheit verleiht.<\/p>\n<\/aside>\n\n<h3><strong>Link in einem neuen Tab mit HTML \u00f6ffnen<\/strong><\/h3>\n<p>Im WordPress Text-Editor, WordPress Code-Editor oder einem allgemeinen HTML-Editor kannst du den folgenden Code verwenden, damit dein klickbarer Link in einem neuen Tab ge\u00f6ffnet wird:<\/p>\n<pre><code class=\"language-html\"><span style=\"font-weight: 400\">&lt;a href=\"https:\/\/www.example.com\" target=\"_blank\" rel=\"noreferrer noopener\"&gt;Link Text&lt;\/a&gt;<\/span><\/code><\/pre>\n<ol>\n<li>Ersetze &#8222;https:\/\/www.example.com&#8220; durch deine gew\u00fcnschte Ziel-URL<\/li>\n<li>Ersetze &#8222;Linktext&#8220; durch den Text, den du verlinken m\u00f6chtest.<\/li>\n<li>Das <em>target=&#8220;_blank&#8220;<\/em> -Attribut ist der Teil des Codes, der den Link tats\u00e4chlich in einem neuen Tab \u00f6ffnet. Es ist der einzige Teil, der f\u00fcr diese einfache Funktion wirklich notwendig ist.<\/li>\n<li>Wir empfehlen dringend, die <em>rel=&#8220;noreferrer noopener&#8220;<\/em> Attribute und Werte hinzuzuf\u00fcgen, um h\u00e4ufige Sicherheitsprobleme beim \u00d6ffnen von Links in neuen Tabs zu verhindern. Du kannst sie aber auch einfach weglassen und den Link trotzdem in einem neuen Tab \u00f6ffnen lassen.<\/li>\n<\/ol>\n<p>Nach der Ver\u00f6ffentlichung sieht der Link genau so aus, aber wenn du darauf klickst, wird die Ziel-URL in einem neuen Tab ge\u00f6ffnet.<\/p>\n<figure id=\"attachment_131370\" aria-describedby=\"caption-attachment-131370\" style=\"width: 937px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131370 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-link-opening-its-target-in-a-new-tab.jpg\" alt=\"frontend web browser with a link that's opening in a new tabFrontend-Webbrowser mit einem Link, der in einem neuen Tab ge\u00f6ffnet wird\" width=\"937\" height=\"372\"><figcaption id=\"caption-attachment-131370\" class=\"wp-caption-text\">Ein Link, der sein Ziel in einem neuen Tab \u00f6ffnet<\/figcaption><\/figure>\n<h2>Wie man Nofollow zu einem Hyperlink hinzuf\u00fcgt<\/h2>\n<p>Der HTML-Wert <em>nofollow<\/em> weist die Suchmaschinen an, einen anklickbaren Link zu ignorieren, und verhindert, dass <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-seo\/\">Suchmaschinenguthaben<\/a> (Link Juice) an die Zielwebsite weitergegeben wird. Der Hauptzweck von <em>nofollow<\/em> ist es, Spam-Links zu reduzieren, aber Inhaltsersteller nutzen es auch f\u00fcr bezahlte Links, Kommentare, nutzergenerierte Inhalte, Einbettungen oder immer dann, wenn du nicht m\u00f6chtest, dass die Seite, auf die du verlinkst, als unterst\u00fctzt gilt.<\/p>\n<p>WordPress hat keine eingebaute M\u00f6glichkeit, einen <em>Nofollow-Link<\/em> hinzuzuf\u00fcgen, aber es ist m\u00f6glich, indem du den HTML-Code eingibst.<\/p>\n<p>Der folgende Code zeigt einen einfachen Link mit einem <em>nofollow-Wert<\/em>:<\/p>\n<pre><code class=\"language-html\">&lt;<span id=\"urn:enhancement-901b2eec-50d9-4c67-83b6-ae549253ef5a\" class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"https:\/\/www.example.com\"<\/span> <span class=\"syntax-all syntax-entity\">rel<\/span>=<span class=\"syntax-all syntax-string\">\"nofollow\"<\/span>&gt;The Link Text.&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<figure id=\"attachment_131371\" aria-describedby=\"caption-attachment-131371\" style=\"width: 1162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131371 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/HTML-link-code-with-nofollow.jpg\" alt=\"HTML-Code im klassischen WordPress-Texteditor\" width=\"1162\" height=\"367\"><figcaption id=\"caption-attachment-131371\" class=\"wp-caption-text\">HTML-Linkcode mit nofollow<\/figcaption><\/figure>\n<p>Was du siehst:<\/p>\n<ol>\n<li>Ersetze den Text &#8222;https:\/\/www.example.com&#8220; durch deine gew\u00fcnschte Ziel-URL.<\/li>\n<li>Ersetze den Teil &#8222;Der Linktext&#8220; durch den gew\u00fcnschten Linktext.<\/li>\n<li>Verwende das Attribut <em>rel=&#8220;nofollow&#8220;<\/em> und den Wert im HTML-Link.<\/li>\n<\/ol>\n<p>Bei der Ver\u00f6ffentlichung oder in der visuellen Ansicht sieht ein <em>Nofollow-Link<\/em> nicht anders aus als ein Standard-Hyperlink; die <em>Nofollow-Funktion<\/em> wird jedoch im Backend-Code gespeichert.<\/p>\n<figure id=\"attachment_131372\" aria-describedby=\"caption-attachment-131372\" style=\"width: 1165px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131372 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-nofollow-link-appears-no-different-on-the-frontend.jpg\" alt=\"ein normaler unterstrichener Link im Texteditor\" width=\"1165\" height=\"378\"><figcaption id=\"caption-attachment-131372\" class=\"wp-caption-text\">Ein Nofollow-Link sieht auf dem Frontend nicht anders aus<\/figcaption><\/figure>\n<h2>Wie man auf bestehende Inhalte verlinkt<\/h2>\n<p>Das Verkn\u00fcpfen mit bestehenden Inhalten ist eine exklusive Funktion von WordPress, mit der du direkt im WordPress-Editor nach bereits erstellten Blogbeitr\u00e4gen und Seiten suchen kannst. So musst du die URLs nicht mehr in einem anderen Browserfenster aufrufen, um sie zu kopieren und in einen klickbaren Link einzuf\u00fcgen.<\/p>\n<h3>Verlinkung zu bestehenden Inhalten im klassischen WordPress-Editor<\/h3>\n<p>Erstelle einen Link, indem du den gew\u00fcnschten Text markierst und im Editor auf die Schaltfl\u00e4che Link einf\u00fcgen\/bearbeiten (Kettenlink) klickst. Daraufhin \u00f6ffnet sich ein Popup-Feld, in dem du auf die Schaltfl\u00e4che Linkoptionen (Zahnradsymbol) klicken kannst.<\/p>\n<figure id=\"attachment_131373\" aria-describedby=\"caption-attachment-131373\" style=\"width: 1270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131373 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Go-to-the-Link-Options-button.jpg\" alt=\"hervorgehobenen Text und klicke auf die Registerkarte Link-Optionen\" width=\"1270\" height=\"576\"><figcaption id=\"caption-attachment-131373\" class=\"wp-caption-text\">Gehe zur Schaltfl\u00e4che Link-Optionen<\/figcaption><\/figure>\n<ol>\n<li>Gehe zu dem Abschnitt &#8222;Oder Link zu bestehendem Inhalt&#8220;<\/li>\n<li>Gib ein Stichwort in die Suchleiste ein und w\u00e4hle dann eine bestehende Seite oder einen Beitrag aus den Ergebnissen aus.<\/li>\n<li>Beobachte, wie der Link f\u00fcr den bestehenden Inhalt automatisch in das URL-Feld eingef\u00fcgt wird.<\/li>\n<\/ol>\n<p>Klicke auf die Schaltfl\u00e4che Link hinzuf\u00fcgen, wenn du fertig bist.<\/p>\n<figure id=\"attachment_131374\" aria-describedby=\"caption-attachment-131374\" style=\"width: 1121px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131374 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-process-of-finding-existing-content.jpg\" alt=\"Popup-Fenster mit Suchbereich\" width=\"1121\" height=\"839\"><figcaption id=\"caption-attachment-131374\" class=\"wp-caption-text\">Der Prozess der Suche nach bestehenden Inhalten<\/figcaption><\/figure>\n<p>Das erzeugt einen direkten Link zu anderen Inhalten (auch bekannt als interner Link) im Editor.<\/p>\n<figure id=\"attachment_131375\" aria-describedby=\"caption-attachment-131375\" style=\"width: 1021px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131375 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-resulting-view-of-an-internal-link.jpg\" alt=\"den resultierenden Link, der im klassischen Editor unterstrichen ist\" width=\"1021\" height=\"450\"><figcaption id=\"caption-attachment-131375\" class=\"wp-caption-text\">Die resultierende Ansicht eines internen Links<\/figcaption><\/figure>\n<h3>Verkn\u00fcpfen mit bestehendem Inhalt im WordPress-Blockeditor<\/h3>\n<p>Markiere den Text\/das Bild, den\/das du verlinken m\u00f6chtest, und klicke dann auf die Schaltfl\u00e4che Link in der Popup-Symbolleiste.<\/p>\n<figure id=\"attachment_131376\" aria-describedby=\"caption-attachment-131376\" style=\"width: 951px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131376 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Click-the-Link-button.jpg\" alt=\"hervorgehobener Text in WordPress und die Link-Schaltfl\u00e4che\" width=\"951\" height=\"316\"><figcaption id=\"caption-attachment-131376\" class=\"wp-caption-text\">Klick auf die Schaltfl\u00e4che Link<\/figcaption><\/figure>\n<p>Das daf\u00fcr vorgesehene Feld hat zwei Funktionen: Du kannst eine URL einf\u00fcgen oder es als Suchleiste verwenden. Gib also ein beliebiges Stichwort ein, das sich auf einen deiner bestehenden Inhalte bezieht, um verwandte Ergebnisse zu erhalten.<\/p>\n<p>Sobald du die gew\u00fcnschte Seite oder den gew\u00fcnschten Beitrag siehst, klickst du sie an.<\/p>\n<figure id=\"attachment_131377\" aria-describedby=\"caption-attachment-131377\" style=\"width: 908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/Search-for-previous-content.jpg\" alt=\"ein Stichwort eingeben und Ergebnisse f\u00fcr verwandte Inhalte sehen\" width=\"908\" height=\"442\"><figcaption id=\"caption-attachment-131377\" class=\"wp-caption-text\">Suche nach fr\u00fcheren Inhalten<\/figcaption><\/figure>\n<p>Dadurch wird automatisch ein Link zu dem vorhandenen Inhalt im WordPress-Blockeditor erstellt.<\/p>\n<h2>Wie man klickbare Telefon-, SMS- und E-Mail-Links erstellt<\/h2>\n<p>Es gibt einige M\u00f6glichkeiten, klickbaren Links besondere Aktionen hinzuzuf\u00fcgen, indem du die Standard-URL-Struktur auswechselst und auf etwas anderes verlinkst, wie z. B.:<\/p>\n<ul>\n<li>Eine Telefonnummer, die die Telefon-App \u00f6ffnet.<\/li>\n<li>Eine Telefonnummer, die die Texting-App \u00f6ffnet.<\/li>\n<li>Eine E-Mail-Adresse, die automatisch die E-Mail-App des Nutzers \u00f6ffnet.<\/li>\n<\/ul>\n<h3>Wie man einen klickbaren Telefon-Link erstellt<\/h3>\n<p>Ein &#8222;Klick zum Anrufen&#8220; oder ein Telefon-Link f\u00fcgt automatisch eine bestimmte Telefonnummer in die Telefon-App des Nutzers ein, oder sogar in eine App, die Telefonnummern unterst\u00fctzt, wie Skype.<\/p>\n<p>Anstatt eine URL zu verwenden, f\u00fcgst du den <em>tel:<\/em> -Code in den HTML-Code ein, gefolgt von einer Telefonnummer, etwa so:<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"tel:555-555-5555\"<\/span>&gt;Click To Call&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Notizen:<\/p>\n<ol>\n<li>Ersetze die Telefonnummer durch die Nummer, die die Nutzer anrufen sollen.<\/li>\n<li>Ersetze den Text &#8222;Click To Call&#8220; durch den Linktext, den du anzeigen m\u00f6chtest.<\/li>\n<\/ol>\n<figure id=\"attachment_131379\" aria-describedby=\"caption-attachment-131379\" style=\"width: 903px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-tel-link-in-a-visual-editor.jpg\" alt=\"Einf\u00fcgen einer Telefonnummer in das URL-Feld in WordPress\" width=\"903\" height=\"422\"><figcaption id=\"caption-attachment-131379\" class=\"wp-caption-text\">Ein tel: Link im visuellen Editor<\/figcaption><\/figure>\n<p>In visuellen Editoren wie WordPress Block und WordPress Classic gibst du einfach <em>tel:555-555-5555<\/em> (mit der gew\u00fcnschten Telefonnummer) in das URL-Feld f\u00fcr einen Link ein. Klicke auf die Eingabetaste, damit der Telefonlink automatisch f\u00fcr dich erstellt wird.<\/p>\n<p>Wenn jemand auf diesen Link klickt, wird er entweder direkt zur entsprechenden App (die Telefon-App auf einem Smartphone) weitergeleitet oder er sieht eine Aufforderung, eine App wie Skype zu \u00f6ffnen.<\/p>\n<figure id=\"attachment_131380\" aria-describedby=\"caption-attachment-131380\" style=\"width: 907px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131380 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/The-tel-link-opens-in-Skype-or-other-phone-apps.jpg\" alt=\"Browser-Fenster, das den Nutzer auffordert, eine Anwendung auf dem Telefon zu \u00f6ffnen\" width=\"907\" height=\"272\"><figcaption id=\"caption-attachment-131380\" class=\"wp-caption-text\">Der tel: Link \u00f6ffnet sich in Skype oder anderen Telefon-Apps<\/figcaption><\/figure>\n<h3><strong>Wie man einen klickbaren SMS-Link erstellt<\/strong><\/h3>\n<p>Klickbare SMS-Links funktionieren \u00e4hnlich wie Telefon-Links, aber sie \u00f6ffnen automatisch Messaging-Apps statt Anruf-Apps.<\/p>\n<p>Um einen SMS-Link hinzuzuf\u00fcgen, verwende <em>sms:555-555-5555<\/em> statt einer URL.<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"sms:555-555-5555\"<\/span>&gt;Click To Text&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Hinweise:<\/p>\n<ol>\n<li>Ersetze &#8222;555-555-5555&#8220; durch eine andere Telefonnummer.<\/li>\n<li>Ersetze &#8222;Click To Text&#8220; durch den Text, den du f\u00fcr den Link m\u00f6chtest.<\/li>\n<\/ol>\n<p>Sowohl der klassische als auch der Block-WordPress-Editor unterst\u00fctzen SMS-Links, wenn du den Wert <em>sms:555-555-5555<\/em> in das URL-Feld f\u00fcr Links eintr\u00e4gst.<\/p>\n<p>Wie versprochen, sehen die Nutzerinnen und Nutzer Messaging-Apps, wenn sie auf diese Art von Links klicken.<\/p>\n<figure id=\"attachment_131382\" aria-describedby=\"caption-attachment-131382\" style=\"width: 928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131382 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/An-sms-link-opens-in-the-most-relevant-messaging-app.jpg\" alt=\"Browser mit Benachrichtigung zum \u00d6ffnen der Rufnummer in einer SMS Anwendung\" width=\"928\" height=\"252\"><figcaption id=\"caption-attachment-131382\" class=\"wp-caption-text\">Ein sms:-Link \u00f6ffnet sich in der wichtigsten Messaging-App<\/figcaption><\/figure>\n<h3>Wie man einen klickbaren E-Mail-Link erstellt<\/h3>\n<p>Wenn du auf einen E-Mail-Hyperlink klickst, \u00f6ffnet sich auf dem Ger\u00e4t des\/der Nutzers\/in automatisch die wichtigste E-Mail-App und der Abschnitt &#8222;Verfassen&#8220; wird an eine bestimmte E-Mail-Adresse gesendet.<\/p>\n<p>F\u00fcr diesen Link f\u00fcgst du den <em>mailto:<\/em> Code ein, gefolgt von einer E-Mail-Adresse, wo du normalerweise eine Ziel-URL einf\u00fcgen w\u00fcrdest.<\/p>\n<pre><code class=\"language-html\">&lt;<span class=\"syntax-all syntax-tag\">a<\/span> <span class=\"syntax-all syntax-entity\">href<\/span>=<span class=\"syntax-all syntax-string\">\"mailto:mail@example.com\"<\/span>&gt;Click To Email&lt;\/<span class=\"syntax-all syntax-tag\">a<\/span>&gt;<\/code><\/pre>\n<p>Hinweise:<\/p>\n<ol>\n<li>Ersetze die E-Mail-Adresse &#8222;mail@example.com&#8220; durch deine gew\u00fcnschte Ziel-E-Mail-Adresse.<\/li>\n<li>Ersetze den Text &#8222;Click To Email&#8220; durch den Linktext, den du anzeigen m\u00f6chtest.<\/li>\n<\/ol>\n<p>Wenn du den WordPress Classic- oder Block-Editor verwendest, gib einfach den Wert <em>mailto:mail@example.com<\/em> in das URL-Feld ein, wenn du einen Link erstellst.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-131383 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/A-mailto-link-in-a-visual-WordPress-editor.jpg\" alt=\"Ein mailto: Link in einem visuellen WordPress-Editor\" width=\"908\" height=\"360\"><\/p>\n<p>Nachdem du den Link ver\u00f6ffentlicht hast, werden die Nutzer\/innen, die darauf klicken, zu ihrer Mailing-App weitergeleitet, wobei die von dir angegebene E-Mail-Adresse im Feld An: enthalten ist.<\/p>\n<figure id=\"attachment_131384\" aria-describedby=\"caption-attachment-131384\" style=\"width: 970px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131384 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/mailto-link.jpeg\" alt=\"E-Mail-Client mit der in das Feld An eingef\u00fcgten E-Mail-Adresse\" width=\"970\" height=\"392\"><figcaption id=\"caption-attachment-131384\" class=\"wp-caption-text\">Mailto: Links \u00f6ffnen E-Mail-Apps mit der angegebenen E-Mail-Adresse<\/figcaption><\/figure>\n\n<h2><strong>Zusammenfassung<\/strong><\/h2>\n<p>Anklickbare Links (auch Hyperlinks oder einfach nur Links genannt) k\u00f6nnen die Interaktivit\u00e4t auf deiner Website verbessern, die Besucher\/innen zu weiteren Inhalten f\u00fchren und auf wichtige Informationen aus anderen Bereichen des Internets verweisen. Zu lernen, wie man einen klickbaren Link erstellt, geh\u00f6rt daher zu den grundlegenden Lektionen der Website-Gestaltung und Inhaltserstellung.<\/p>\n<p>Nach der Lekt\u00fcre dieses Artikels solltest du in der Lage sein, das Aussehen eines klickbaren Links zu erkennen und genau zu wissen, wie man einen Link erstellt, egal ob es sich um einen Link zu Text oder Bildern handelt. Es ist auch gut zu wissen, dass es verschiedene Methoden gibt, um einen Link anklickbar zu machen, z. B. mit dem klassischen WordPress-Editor, dem Block-Editor, HTML oder einer anderen grafischen Benutzeroberfl\u00e4che.<\/p>\n<p>Und nat\u00fcrlich m\u00f6chten wir dich ermutigen, auch die fortgeschrittenen Optionen f\u00fcr klickbare Links zu erkunden, wie z. B. Links f\u00fcr Telefonnummern, E-Mail-Adressen und solche mit nofollow-Tags.<\/p>\n<p>Wenn du noch Fragen dazu hast, wie du einen Link anklickbar machst, schreibe uns deine Fragen und Bedenken in die Kommentare unten.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Online-Links bilden die Grundlage f\u00fcr einfache Interaktivit\u00e4t im Internet, egal ob sie Nutzer\/innen zu Webseiten, herunterladbaren Dokumenten oder anderen Anwendungen weiterleiten. Das Tolle ist, dass du &#8230;<\/p>\n","protected":false},"author":199,"featured_media":61966,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[988,1010],"class_list":["post-61965","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-webdesign","topic-wordpress-tipps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wie man einen Link klickbar macht - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Lerne, wie du einen Link in verschiedenen Situationen klickbar machst, z.B. im klassischen WordPress-Editor, im Block-Editor und mit speziellen Links.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man einen Link klickbar macht\" \/>\n<meta property=\"og:description\" content=\"Lerne, wie du einen Link in verschiedenen Situationen klickbar machst, z.B. im klassischen WordPress-Editor, im Block-Editor und mit speziellen Links.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-22T13:50:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-03T12:05:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Lerne, wie du einen Link in verschiedenen Situationen klickbar machst, z.B. im klassischen WordPress-Editor, im Block-Editor und mit speziellen Links.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"37\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Wie man einen Link klickbar macht\",\"datePublished\":\"2023-05-22T13:50:23+00:00\",\"dateModified\":\"2023-10-03T12:05:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/\"},\"wordCount\":5556,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/\",\"name\":\"Wie man einen Link klickbar macht - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"datePublished\":\"2023-05-22T13:50:23+00:00\",\"dateModified\":\"2023-10-03T12:05:20+00:00\",\"description\":\"Lerne, wie du einen Link in verschiedenen Situationen klickbar machst, z.B. im klassischen WordPress-Editor, im Block-Editor und mit speziellen Links.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Tipps\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-tipps\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wie man einen Link klickbar macht\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man einen Link klickbar macht - Kinsta\u00ae","description":"Lerne, wie du einen Link in verschiedenen Situationen klickbar machst, z.B. im klassischen WordPress-Editor, im Block-Editor und mit speziellen Links.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/","og_locale":"de_DE","og_type":"article","og_title":"Wie man einen Link klickbar macht","og_description":"Lerne, wie du einen Link in verschiedenen Situationen klickbar machst, z.B. im klassischen WordPress-Editor, im Block-Editor und mit speziellen Links.","og_url":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-05-22T13:50:23+00:00","article_modified_time":"2023-10-03T12:05:20+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Lerne, wie du einen Link in verschiedenen Situationen klickbar machst, z.B. im klassischen WordPress-Editor, im Block-Editor und mit speziellen Links.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Jeremy Holcombe","Gesch\u00e4tzte Lesezeit":"37\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Wie man einen Link klickbar macht","datePublished":"2023-05-22T13:50:23+00:00","dateModified":"2023-10-03T12:05:20+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/"},"wordCount":5556,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/","url":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/","name":"Wie man einen Link klickbar macht - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg","datePublished":"2023-05-22T13:50:23+00:00","dateModified":"2023-10-03T12:05:20+00:00","description":"Lerne, wie du einen Link in verschiedenen Situationen klickbar machst, z.B. im klassischen WordPress-Editor, im Block-Editor und mit speziellen Links.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/how-to-make-a-link-clickable.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wie-man-einen-link-klickbar-macht\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress Tipps","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-tipps\/"},{"@type":"ListItem","position":3,"name":"Wie man einen Link klickbar macht"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/61965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=61965"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/61965\/revisions"}],"predecessor-version":[{"id":62013,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/61965\/revisions\/62013"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61965\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61965\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61965\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61965\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61965\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61965\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61965\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61965\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61965\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/61966"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=61965"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=61965"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=61965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}