Mit relativen Links bzw. Pfadangaben zu mehr Benutzerfreundlichkeit? ℹ️

Ich mache mir gerade ein paar Gedanken darüber, wie ich für meine Leser etwas mehr an Benutzerfreundlichkeit (engl. Usability) bieten kann.

[Symbolbild, CC0, Pixabay]

Worum geht es?

Wie wir alle wissen, ist Steemit nicht der einzige Frontend – engl. für Oberfläche – welches auf die Steem-Blockchain aufsetzt. Daneben gibt es noch Busy.org oder ChainBB um nur zwei zu nennen.

Dadurch ergeben sich mehrere URLs für den selben Artikel, hier die Adressen von meinem letzten Artikel:

• https://steemit.com/deutsch/@vladimir-simovic/die-top-200-kuratoren-in-der-kategorie-deutsch
• https://staging.busy.org/@vladimir-simovic/die-top-200-kuratoren-in-der-kategorie-deutsch
• https://chainbb.com/deutsch/@vladimir-simovic/die-top-200-kuratoren-in-der-kategorie-deutsch

Ist an sich kein Problem. Ich finde es sogar sehr gut, dass es mehrere Oberflächen gibt.

Allerdings sehe ich eine Schwierigkeit, wenn ich zum Beispiel einen Artikel auf Busy.org verfasse und dann auf andere Artikel verweise. Bewege ich mich nur innerhalb von Busy, dann werde ich logischerweise nur die Busy-Links einsetzen. Genau so ist es, wenn ich mich nur innerhalb von Steemit oder nur innerhalb von ChainBB bewege.

Das heißt aber, dass ein Busy-, Steemit- oder ChainBB-Nutzer im Regelfall des öfteren aus seinem bekannten Frontend in ein anderes katapultiert wird. Ich bin mir zwar nicht 100%ig sicher, aber ich denke, dass dies viele Leute stört.

Ich weiß, dass es dafür Lösungen gibt in Form von Browser-Addons bzw. von Einstellungen innerhalb Browser-Addons, aber ich weiß nicht ob dass der der Weisheit letzter Schluss ist.

Mit "relativen" Links innerhalb einer Oberfläche bleiben

Es gibt eine andere Möglichkeit, wie man als Autor, den Lesern helfen kann innerhalb ihrer favorisierten Oberfläche zu bleiben. Wenn man verlinkt bzw. wenn man verweist, dann setzt man nicht den absoluten, sondern den "relativen" Pfad ein. Also anstatt:

https://staging.busy.org/@vladimir-simovic/die-top-200-kuratoren-in-der-kategorie-deutsch

setze ich in den Verlinkungen, egal ob HTML oder Markdown, den "relativen" Pfad ein:

/@vladimir-simovic/die-top-200-kuratoren-in-der-kategorie-deutsch

Also ich streiche einfach den Domainnamen raus und der Pfad fängt mit einem Schrägstrich / an.

Bei so einem Pfad ersetzt der Browser dann den fehlenden Teil vor dem Schrägstrich durch https://staging.busy.org, oder durch https://steemit.com oder durch https://chainbb.com. Je nach dem auf welcher Oberfläche man gerade unterwegs ist.

Somit ist garantiert, dass derjenige, der auf den Link klickt innerhalb der Oberfläche bleibt.

---

Kleiner Exkurs für Schlaumeier & andere Besserwisser 🤓

Wer auf einem Stammtisch oder ähnlichen Veranstaltungen mit zusätzlichem Wissen auftrumpfen möchte, der kann hier weiter lesen. 🤓

Das was ich oben als einen relativen Link bzw. relativen Verweis tituliert habe ist im Grunde genommen kein relativer Link sondern eine:

👉 Absolute Pfadangabe, relativ zu der Basis-URL 👈

Also um einen absoluten Link, relativ zu der Hauptebene. Aber wie du siehst ist der richtige Name etwas sperrig und nicht wirklich dazu geeignet zum weiter lesen zu motivieren. Deswegen habe ich ihn nicht sofort genannt, sondern weiter oben als "relativ" tituliert.

Hier die unterschiedlichen Formen:

• Absolute Pfadangaben: http://www.domain.abc/grafik/bild.png
• Relative Pfadangaben: ../../grafik/bild.png
• Absoluten Pfadangaben relativ zu der Basis-URL: /grafik/bild.png

Was ist der Unterschied? Klar, die absolute Pfadangabe funktioniert immer und die ist immer zu empfehlen wenn man den Link extern einsetzen möchte. Im Fall von Steem-Universum heißt extern, wenn man sich außerhalb des Steem-Ökosystems bewegt.

Die relativen Pfadangaben sind zwar kurz funktionieren aber nur intern, also innerhalb einer Website. Allerdings sind die tückisch, da je nach dem auf welcher Ebene oder Unterebene man sich befindet, der relative Pfad variiert. Die Angabe ../steht für "springe eine Ebene höher".

Das heißt, je nach dem wie tief du innerhalb einer Website bist, muss der passende relative Pfad ../../grafik/bild.png oder ../grafik/bild.png lauten.

Die absolute Pfadangaben relativ zu der Basis-URL vereint die Vorteile, der vorherigen Angaben: sie ist kürzer als die absolute Angabe, aber sie funktioniert immer zuverlässig innerhalb einer Website bzw. in unserem Fall innerhalb des ganzen Steem-Ökosystems.

Der vorangestellte Schrägstrich / signalisiert dem Browser: "gehe so weit nach oben, wie es möglich ist und suche von dort aus die entsprechende Unterseite".

Alles verstanden? Gibt es Fragen dazu?

---

SelfHTML: HTML/Regeln/Referenzieren in HTML