Präzise Links zu Kapiteln in Support-Artikeln
Hi zusammen,
bei der genaueren Untersuchung der Support-Artikel, inspiriert durch tobias501s Benutzer-Tipp zu Inhaltsverzeichnis für Benutzer-Tipps und die Verwendung von Anker-Links, habe ich eine interessante Entdeckung gemacht. 🤩
Die einzelnen Kapitel der Artikel sind in nicht sichtbare Bereiche unterteilt, welche als div-Container bekannt sind. Diese Container werden mit eindeutigen IDs versehen, die sich für die Erstellung spezifischer Links nutzen lassen.
Beispiel
Ein Beispiel hierfür findet sich im Support-Artikel "Abrufen von Systeminformationen über deinen Mac". Das Kapitel Anzeigen von Systeminformationen... hat die ID sysp37443193. Fügt man diese ID mit einem vorangestellten # an die URL des Artikels an, erhält man einen direkten Link zu diesem Kapitel:
https://support.apple.com/de-de/guide/mac-help/syspr35536/mac#sysp37443193
Dieser Link führt den Benutzer beim Öffnen direkt zum gewünschten Abschnitt des Artikels.
Aufbau eines Artikels
Ein Blick in den Quellcode der Webseite zeigt die Struktur des Artikels. Hier wird die Gliederung sichtbar, wobei jeder Abschnitt und Unterabschnitt mit einer eindeutigen ID versehen ist. Diese IDs dienen als Anker-Punkte innerhalb des Dokuments.
Vorteile
Die Nutzung dieser spezifischen Links bietet einen universellen Vorteil: Sie sind mit allen gängigen Browsern kompatibel und funktionieren auch auf mobilen Endgeräten.
Dies ermöglicht eine gezielte Lenkung von Hilfesuchenden zu exakten Abschnitten eines Support-Artikels. So wird die Navigation durch umfangreiche Hilfedokumente benutzerfreundlicher gestaltet.
Automation
Die Ermittlung der Kapitel-IDs in Apples Support-Artikeln gestaltete sich zuvor noch aufwendig, da sie manuell aus dem Quelltext der Webseite erfasst werden mussten. Es galt zu prüfen, ob sich dieser Prozess vereinfachen ließe. Das Ziel war es, den Ausleseprozess einfacher zu gestalten, am besten ohne den Quelltext selbst nach den IDs zu durchsuchen.
Mittlerweile wurde ein Kurzbefehl entwickelt, der diesen Prozess automatisiert hat: