Über

Website Tests & Tipps

Menüstruktur


Struktur

Menüstruktur

Wie von einem Web Content Management Systems (WCMS) zu erwarten, ist dessen Menüstruktur sehr übersichtlich.
Für meine Testberichte habe ich eine eigene Menüstruktur entwickelt.

Aussagekräftige Webadressen („Clean URL”)

Als Besucher meines Webauftritts nutzen Sie üblicherweise das Menü oder blättern einfach durch. An die Seitennamen/Webadressen brauchen Sie dabei nicht denken.

Aber ich weiß aus eigener Erfahrung: manchmal findet man eine interessante Seite, für die man nicht nur im eigenen Browser ein Lesezeichen setzen möchte. Diese Seite möchte man mit anderen teilen und nicht gleich wieder vergessen. Meine Webseiten kann man sich gut merken, da sie aussagekräftig bezeichnet sind.

Diese Seite hier hat also die Webadresse (URL):
https://tests.tips/de/ueber/website/struktur
(der/die/das + Füllwörter entfallen, alles wird klein geschrieben)

Kleinschreibung von Webadressen

24.06.2020: Stelle nachmittags URLs komplett auf Kleinschreibung um. Sonderzeichen & Umlaute wurden schon immer durch ASCII-Zeichen ersetzt. Nun sorgt diese URL-Zeichenersetzung auch für Speicherung aller Webadressen in Kleinbuchstaben.

Davon ausgenommen sind Sprungziele (an der Raute # erkennbar) in Glossar und TV-Tipps.

Drei Beispiele zum besseren Verständnis

https://tests.tips/de/software/mobile-apps/session#fazit
https://tests.tips/de/software/mobile-apps/threema#vorteile

Aber:
https://tests.tips/de/glossar/b#ASCII

Umstellung mit Nebenwirkungen

Die Umstellung dauert nur zwei Minuten, aber die Nach­bearbeitung tausender älterer manuell gesetzter Links zwei Wochen. Dank Einsatz eines guten Editors konnte ich mittels „Suchen & Ersetzen” viel Zeit sparen, musste aber trotzdem sehr vorsichtig vorgehen.

Vorteil

Im normalen Text und in den Menüs stehen die Namen in gewohnter korrekter Rechtschreibung, wie man es erwartet.
Nur wo es wirklich relevant ist und jeder auch so kennt und erwartet, wird Text in Kleinbuchstaben umgewandelt: für die Webadresse (URL).

Sprachordner /en/ und /de/

19.11.2020: Lege Unterordner /de/ für deutschsprachige Seiten an und verschiebe sie dahin. Das ergibt eine einheitliche Menüstruktur.
Warum nicht jeder Webdesigner mehrsprachige Websites gleich so anlegt, hat verschiedene (teilweise auch softwaretechnische) Gründe. Die Entwicklung vieler WCMS begann lange vor der Globalisierung. Für zusätzliche Sprachen wurde einfach ein Ordner mit zweistelligem Sprachenkürzel nach ISO-Norm hinzugefügt.
Vorteil: für die Hauptsprache ändert sich nichts. Damals ausreichend, heute vor allem für manche Suchmaschinen verwirrend (z. B. Microsofts Bing).

Hintergrund

Bevor ich für die Hauptsprache Deutsch den Unterordner /de/ angelegt hatte, sah ich im Logbuch täglich viele falsche Seitenabrufe.
Deshalb hatte mich das beschäftigt, habe lange recherchiert und das Problem schließlich mit einem technischen Trick gelöst. Denn das verwendete CMS lässt Sprachordner offiziell nur für Zweitsprachen zu.
Bei Interesse mehr technische Details nachlesen.

Computer, Mobiltelefon und HiFi sind Untermenüs von Hardware

Auf der Homepage Computer, Mobiltelefon oder HiFi direkt wählen.
Oder mittels Hamburger-Menü Hardware wählen und dann weiter zum gewünschten Hardware-Artikel springen.
12.07.2022: Habe die Überschriften dieser Menüs mit zusätzlichen Links ergänzt, was extra Mausgeschubse überflüssig macht.

Mobile Apps ist ein Untermenü von Software

Auf der Homepage oder mittels Hamburger-Menü Software auswählen.
Danach einen Artikel anklicken oder ins Untermenü Mobile Apps springen, falls Sie Software für Ihr mobiles Gerät (Smartphone/Tablet) suchen.
12.07.2022: Habe die Überschriften dieser Menüs mit zusätzlichen Links ergänzt, was extra Mausgeschubse überflüssig macht.

Website im neuen Design

30.05.2021: Gestern neu erhalten und getestet, heute bereits übernommen:
Die neue Designvorlage war das, worauf ich seit Jahren gewartet habe.
Mangels ausreichender Programmierkenntnisse konnte ich meine geliebte Desingnvorlage (engl.: Template) mit dem Waldmotiv nicht weiter an neue Anforderungen anpassen, daher jetzt der Wechsel zum aktuellen Design.
Es ist der neue Entwurf eines guten Template-Entwicklers, den ich an meine Vorstellungen angepasst habe. Nun werde ich meine Seiten nach und nach durchgehen und anpassen und die Designvorlage selbst weiter optimieren.
Ich hoffe, dass Ihnen das neue Design ebenfalls gefällt, bin aber immer offen für konstruktive Kritik!

Alles auf einer Seite lesen

02.06.2021: Hardware-Artikel werden umgestellt: bisher hat jeder Hardwaretestbericht zehn Unterseiten. Nach Umstellung beginnt jeder Artikel mit einer Inhaltsübersicht, verlinkt mit den ehemaligen Unterseiten, welche nun alle auf einer Seite stehen. Umblättern entfällt. Die allseits bekannte vertikale Wischgeste ist auf kleinen „Tatschbildschirmen” intuitiver als umblättern.

Hintergrund

Immer mehr Menschen lesen Internetseiten am Smartphone oder Tablet und sind es gewohnt, weitere Inhalte mittels Wischgeste „nach oben/unten” zu erhalten. Dank neuem Design mit Hamburger-Menü-Symbol kann auch mein Webauftritt diesen Wünschen nachkommen.
Natürlich haben Nutzer eines großen Bildschirms davon keine Nachteile.
Und mir spart es sehr viel Aufwand bei einem weiteren Vorhaben:

Übersetzungen verknüpft

Da es leider keine geeignete Softwareerweiterung für mein CMS gibt, welche alle deutschen Texte mit den englischen Übersetzungen verknüpfen würde, mache ich das Seite für Seite in Handarbeit.
Dank der o. g. Vorarbeiten (Alles auf einer Seite lesen) sind keine vierhundert Seiten mehr zu verknüpfen, sondern etwa halb so viele.

Alle Hardware-Testberichte fertig

Auch ein paar Software-Testberichte habe ich schon umgestellt.
03.03.2022: Nun ist auch dieser Artikel angepasst.

Beispiele für Hardwaretests

WD Blue SATA SSD 4 TB
Fairphone 4 5G

Beispiele für Softwaretests

CMSimple_XH (Flat-File-CMS)
RethinkDNS (DNS + Firewall)
Session (sehr datensparsamer Instant-Messenger)
Threema (datensparsamer Instant-Messenger)

Stichwortliste: ASCII, Apps, Browser, CMS, Computer, DNS, Glossar, HTTPS, Hardware, Homepage, Mobile Apps, Rechtschreibung, Smartphone, Software, Softwaretests, Struktur, TV-Tipps, Tablet, Threema, URL, Webadressen, Website

Letzte Bearbeitung: