Eine Verlinkung auf deiner Website ist ein interaktives Element, dass deine Besucher durch Anklicken zu gewünschten Abschnitten auf deiner Webseite oder aber auf andere Webseiten weiterführt. Verlinkungen verbessern die Navigation auf deiner Seite und erhöhen somit auch die Besuchererfahrung. Gut platzierte Links können außerdem die Verweildauer auf deiner Website erhöhen. Durch gute Verlinkungen hilfst du Besuchern, aber auch Suchmaschinen dabei, die Hierarchie und Struktur der Webseite zugänglicher zu machen. 

Anhand des Templates "WePaint" zeigen wir dir, wie du Links auf deiner Webseite setzen kannst. 

Verlinkungen für Elemente

Setzen wir zunächst einen Link für ein Button-Element auf der Startseite. Dafür klicken wir den Button an und öffnen im Panel links den dritten Reiter "Verlinken". 

Hier hast du nun verschiedene Möglichkeiten in den den element-spezifischen Einstellungen einen Link zu setzen. 

• Ohne: Keinen Link setzen
• Seite: Verlinke eine Seite deiner Webseite wie zum Beispiel Kontakt oder Angebot
• Extern: Setze einen Link zu einer anderen Webseite
• Element: Verlinke das Element (z.B. den Button) auf ein anderes Element auf der Seite. Zum Beispiel das Kontaktformular am Ende der Seite. Das Element kannst du manuell anwählen und bekommst dann direkt die Element-ID eingefügt
• Folge-Element: Wird bevorzugt im Akkordion-Preset verwendet. Hier verlinkt der Website Builder beim Klicken automatisch auf das nächste Element in der Webseiten-Reihenfolge
• Telefonnummer: (Click-To-Call) Setzt du hier eine Telefonnummer, werden Besucher auf Mobilgeräten mit einer bestimmten Telefonnummer verbunden
• E-Mail: (Mailto) Setzt du hier eine Email-Adresse, öffnet das Gerät des Besuchers das Email-Standardprogramm, so dass der Besucher direkt eine Email an einen bestimmten Empfänger schreiben kann.

Du hast hier auch die Möglichkeit bei Seite, Extern und Element einen Titel für den Link zu setzen. Bei Folge-Element könnt ihr eine Beziehung definieren. Dadurch bleibt euer Code sauber und ihr bekommt eine semantisch korrekte Linkstruktur. Damit sorgst du auch für eine bessere Indexierung eurer Seite für die Suchmaschinen was wiederum zu einem positiven Ranking verhelfen kann. Weitere Informationen zu Beziehungen und Link-Titel findest du bei unseren Freunden von Xovi. 

Du kannst außerdem bei Link-Ziel einstellen, ob nach Anklicken des Links die Seite im selben Tab oder in einem neuen Tab geöffnet werden soll. Wir empfehlen gerade bei externen Links einen neuen Tab und bei einer Seite den selben Tab. Möchtest du zum Beispiel einen Social-Media-Account verlinken, so bietet sich an, dass das Link-Ziel ebenfalls im neuen Tab öffnet.

Beim Link-Ziel kannst du auch einen Link zu einem Overlay setzen. Beim Anklicken öffnet sich dann der neue Link im Overlay, wenn du zum Beispiel ein Bild, eine "Sonderaktion" oder eine Datei verlinken möchtest. 

Link im Text-Element

Es ist möglich Links für bestimmte Wörter und Text-Zeilen zu setzen. Gehe dafür bitte in ein Text-Element und markiere das Wort oder die Wörter, für die du einen Link setzen möchtest. Klicke nun auf das Link-Icon.

Jetzt kannst du hier zum Beispiel anhand der Toolbar die URL bzw. das Ziel einfügen oder auf Unterseiten verlinken. Du kannst hier auf einstellen, ob sich der Link im selben Tab oder im neuen Tab öffnen soll. Genauso kannst du hier auch auf hocggeladen Dateien verlinken. 

Des Weiteren kannst du auch den Titel des Links definieren. 

Verlinkung auf ein Folge-Element

Anhand des Beispiel eines Akkordeons lässt sich die Verlinkung auf ein Folge-Element gut erklären. In dem Section-Template ist der Trigger immer automatisch auf den danach folgenden Content verlinkt.

Das bietet sich gerade bei solchen Bereichen an, da du den Link dann nicht manuell setzen musst, sondern automatisch vom Element immer das Folgeelement wählt, das nach diesem gesamten Trigger-Element folgt. In unserem Fall ist das der Content ist, der beim Klick auf den Akkordeon-Button angezeigt werden soll.

Wir empfehlen dir für weitere Informationen zum Akkordeon unseren Hilfeartikel zum Preset.

Zurück zum Anfang