Wiki   

Tec-Infos zu dieser Seite

Volltextsuche auf WanderreiterWeb

zurück

Auf dieser Seite habe ich die technischen Infos zur gesamten Website zusammengetragen, die vorher auf den Startseiten offen oder verborgen, angezeigt werden konnten. Die Infos sind neben Nutzern auch für technisch an Webprogrammierung interessierte Menschen gedacht, die eine eigene Website betreiben und evtl. für Optimierungsinformationen dankbar sind.
Diese Website existiert seit ca. 2006. Da sich die Entwicklung des html-Systems (Internet) seitdem erheblich verändert und weiterentwickelt hat, musste ich die Seiten permanent anpassen. Insbesondere die Etablierung der mobilen Browser wie Smartphones/Tablets haben hier eine wesentliche Umprogrammierung der Seiten erfordert. Da die gesamte Webdomain mittlerweile aus über 1000 Einzelseiten, ca 12000 Links zu Ressourcen und Fremdseiten, unzähligen Fotos und anderem besteht kannst du dir leicht vorstellen wie aufwändig das ist und, dass ich kaum Lust dazu habe alles nach neuesten Richtlinien komplett zu erneuern. Bisher ist es mir auch gut gelungen das bestehende System durch Anpassungen aktuell und anschaubar zu halten.

Anmerkung zur Darstellung auf mobile devices


Um das WanderreiterWeb für Smartphones mit Ihren kleinen Bildschirmen optimal anzuzeigen sind die Hauptmenuseiten eigens für Smartphones programmiert, eine Umleitung erfolgt automatisch wenn das Display eine bestimmte Größe unterschreitet. So ist eine gute Übersichtlichkeit über die vielen Inhalte gegeben und die Links sind besser aufrufbar. Tablets im Querformat werden, je nach Bildschirmbreite, meist nicht automatisch umgeleitet können die Seiten aber anzeigen. Dazu die Website über m.WanderreiterWeb.de aufrufen. Tablets können die mobile Menuseite wieder verlassen, jeweils über den letzten Menupunkt des Ausklappmenus "Desktopversion (Tablets)", das funktioniert meist nur im Querformat.

Die Seiten haben ein mobilfreundliches Layout mit großem Hauptmenu, großer Schrift, "fetten" Linkbuttons, haben alle eine Suchleiste für die Volltextsuche auf der gesamten Website und vermeiden Javascriptmenus und Mouseover-Aktionen, die zwar eine feine und übersichtliche Bedienung erlauben aber bei Touchcreens nicht funktionieren können.

Wanderritte: Die Content (Inhalts) -seiten sind bis etwa Mitte 2018 angepasste Desktopseiten. Lediglich das Menu am Seitenkopf ist responsive (für Mobilgeräte optimiert). Die Technik und die Größe der Smartphones lässt nur eine eingeschränkte Darstellung dieser Seiten zu, sie sind jedoch, so gut es geht, mit kleinen Screens nutzbar. Ein Tipp: kleine Displays stellen die Seiten im Querformat in der Regel gut dar. Tablets zeigen die Seite, auf Grund der größeren Displayfläche, wesentlich besser an und werden meist auch nicht auf die mobilen Seiten umgeleitet, zumindest im Querformat nicht. Alle neueren Inhaltsseiten der Sektion Wanderritte, (seit Mitte 2018) sind nun responsive und lassen sich uneingeschränkt auf Smartphones anzeigen.

Einbindung von Topografischen Karten:: Auf den Wanderrittseiten gibt es zu Beginn immer eine interaktive Karte auf der die Tracks und evtl. Marker für Wegpunkte auf einer OSM-Graustufenkarte dargestellt sind. Über ein Ebenenmenu in der Karte kann man zur Wanderreitkarte, einer Open-Topo und einer Satellitenansicht wechseln. Auch diese Karte ist durchgängig auf smartphones darstellbar 

Trailritte: Diese sind nicht an mobile Geräte angepasst. Auf Grund der überbreiten Bilder der Fotobücher macht es auch keinen Sinn dies nachträglich zu ändern. Auch werden sie seit langem nicht mehr erweitert. Neuere Seiten, sofern ich wieder an Trailritten teilnehme, würde ich dann ebenfalls mobiloptimiert anlegen, sofern möglich.

Zur Navigation: Auf allen Hauptseiten findest du am Anfang das Main-Menu und auf den meisten Hauptseiten eine Suchfunktion (Volltextsuche mit Google). In den Ergebnissen der Google-Suche kommen am Anfang manchmal ein paar Anzeigen von google (das ist der Preis für die kostenlose Nutzung) nach den Anzeigen findest du die Ergebnisse auf WanderreiterWeb. Vom Main-Menu aus erreichst du fast alle Sektionen und Inhaltsseiten. Alle Menus sind auf breiten Seiten oben fixiert damit man von jeder Seitenstelle weiter/zurückblättern kann, bei Bildschirmbreiten unter 1100 pixel scrollt es jedoch nach oben weg. Weiter gibt es, am unteren Rand fixiert, einen "Menu"-Link (springt zum Seitenanfang), sowie einen Link auf die Datenschutzerklärung.

Alle neuen Seiten seit 2019 werden nun responsive (für Mobilgeräte optimiert) erstellt. Eine Umprogrammierung aller "alten" Contentseiten  (annähernd 900 Seiten) ist mir aus zeitlichen Gründen nicht möglichund ich halte sie auch für wenig sinnvoll da viele Funktionen wie der Download von GPS-Tracks und anderen Hilfsdateien auf Mobilgeräten nicht wirklich viel Sinn machen. Es gibt daneben die Facebookseite in der eine Auswahl der Informationen und Bilder zu sehen ist. Wer sich mit, in der Darstellung eingeschränkten, Geräten im Internet informieren möchte muss das auch in Kauf nehmen.


DSGVO (DatenSchutzGrundVerordnung)

Auf Grund der DSGVO habe ich etliche Änderungen an der Website vorgenommen. Die Datenschutzerklärung aktualisiert, einen Link zu dieser auf alle Seiten gestellt und ein Cookie-Banner implementiert, das vor der Nutzung der Website zur Thematik informiert. Das Cookie-Banner funktioniert auf neueren Seiten optimal, auf älteren Seiten unter Umständen nicht so gut, da die Seitenbreite breiter als das Display sein kann.

Alle Facebook-plugins (like-buttons) habe ich aus Datenschutzgründen durch reine Links ersetzt, die keine Cookies mehr speichern. Ausnahme: Home und Wanderreit-Startseite, dort ist jeweils ein IFrame zur Facebookseite WanderreiterWeb platziert.

Zur Cookie-Speicherung laut DSGVO ist noch zu bemerken, dass meine Seiten nicht in einem CMS (Content Management System) aufgerufen werden sondern aus vielen (mehr als 1000) einzelnen html-Seiten bestehen. Dies macht ein zentrales Cookie-Management, welches eigentlich etabliert sein sollte, sehr aufwändig und schwierig. Bisher habe ich keine praktikable und sichere Lösung dafür gefunden. Es herrscht auch die Meinung vor, dass private, nicht-kommerzielle Seiten dieses Cookie-Management nicht in dem Maße wie professionell genutzte Webseiten (Online-Shops) benötigen.

Darüberhinaus sind moderne Browser durchaus in der Lage Cookies von Drittseiten zu blockieren, dies muss nur in den Einstellungen der Browser angeklickt werden.

Grundsätzliches dazu

Man sollte, bezüglich der Nutzung der Daten, die manche Seitenbetreiber wie Youtube oder Facebook erheben immer bedenken: Schließlich ist auch die bezogene Leistung, diese Inhalte, Videos, o.ä. bereitzustellen, mit Kosten verbunden und ich finde es nicht verwerflich, diese Kosten in Maßen durch Werbung zu erwirtschaften. Wer dies grundsätzlich ablehnt, darf solche Seiten im Internet, auch meine Seite WanderreiterWeb.de, eben nicht nutzen. Ich kann es mir leisten diese Dienste gratis anzubieten, es ist mir sogar ein Bedürfnis dies zu tun, aber die Kosten sind auch überschaubar, nicht zuletzt aber auch und gerade durch die "böse" Werbung/Datennutzung im Internet. Das ist meine persönliche Meinung dazu!

Die gegenwärtige Regelung nach dem DSGVO ist nahezu schwachsinnig, da sie nur dazu führt, dass sich jeder Nutzer auf jeder aufgerufenen Seite über die permanent aufpoppenden Cookie-Banner ärgert und fast ausschließlich auf "alle annehmen" klickt, was ja praktisch immer hervorgehoben dargestellt wird, um nicht noch mehr aufgehalten zu werden - also kontraproduktiv im Sinne des DSGVOUnd das witzige Detail: Um das Cookie-Banner, welches dem Nutzer die Entscheidung vorschreibt, zu wählen ob und welche Cookies er speichern will, funktioniert nur durch ein Abspeichern eines oder mehrerer weiteren Cookies - ist das nicht irrsinnig?

Das ist ein Bürokratiemonster PUR, verordnet durch die EU - sorry da hat niemand mehr Verständnis zu und das kostet die Wirtschaft bald mehr als der Unterhalt der Onlinefunktionen.

SSL-Zugriff über "https://"

Die Domain ist jetzt konsequent auf HTTPS umgestellt. Jeglicher Zugriff auf "WanderreiterWeb.de" erfolgt nur noch SSL-verschlüsselt. Nun ergaben sich bei etlichen externen Links Zugriffsfehler auf nicht verschlüsselte "http://"-Seiten die ich einfach umgangen habe. Und zwar über Kurzlinks der Domain "t1p.de". Diese überwacht die Zielseiten auch ohne, dass diese SSL-verschlüsselt aufgerufen werden auf Schadfaktoren und der erzeugte Kurzlink kann mit "https://" aufgerufen werden! Leider kann man jetzt den Link nicht mehr identifizieren denn er lautet z.B.:" Bernina-Trail, er erscheint also als "https://t1p.de/zkug". Wer sich nicht sicher ist wohin der Link führt kann diesen testen. Mit der Eingabe von "https://t1p.de/zkug+" (+ am Ende), erscheint eine Erklärung wohin der Link tatsächlich führt!

Das ist ein wenig unschön, liegt aber daran, dass ganz viele Betreiber von "kleineren" Webseiten ihre Domains nicht vernünftig warten. Dazu müssen z.B. beim Provider neben der http://Domain.de auch die http://www.Domain.de in den DNS-Einstellungen eingetragen werden und es muss eine zwingende Umleitung des Seitenaufrufes vorgenommen werden.

Automatische Umleitung der Websiteaufrufe

Es ist z.B. leicht möglich die Aufrufe der Domain auf nur eine Version zu beschränken und das sollte aus mehreren Gründen auch immer vorgenommen werden. Nicht
1. "http://www.domain.de"
2. "http://domain.de"
3. "https://www.domain.de" und
4."https://domain.de" (also 4 Versionen der gleichen Domain)
sondern eben nur eine dieser 4 Versionen. Diese 4 Versionen können von den Suchbots, die die Internet-Domains permanent durchsuchen, als Duplikate erkannt werden und Duplikate verschlechtern das Ranking der Domain, welches zwangsläufig eine Position in den Suchergebnissen nach hinten schieben würde. Außerdem kann es passieren, dass die Trefferhäufigkeit für jede Version einzeln gezählt wird und die Website dadurch unscheinbarer erscheint als sie tatsächlich ist.

Ein einfacher Eintrag in einer Textdatei im Root-Verzeichnis der Domain leitet dann alle Anfragen automatisch auf diese eine Version um. Die Datei heißt ".htaccess" und der Eintrag in dieser Textdatei, um nur noch "https://domain.de" zuzulassen lautet folgendermaßen.

Gibt es für die Internetdomain einen SSL-Zugang über https://:

RewriteEngine on
startet das "Rewrite"
RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC] entfernt das www aus dem Seitenaufruf  und erzwingt https ohne www
RewriteRule ^(.*)$ https://%1/$1 [R=301,L]
RewriteCond %{HTTPS} !on erzwingt sicheren SSL-Aufruf
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

Natürlich ist die Verknüpfung eines SSL-Zertifikates, welches vom Provider gestellt werden muss, Voraussetzung für diese Umleitung.

Ist kein SSL-Zertifikat vorhanden, könnte die Umleitung auf "http://www.domain.de" folgendermaßen aussehen:
Durch diese Zeilen (linke Spalte) würden Aufrufe von "https://domain.de" auf "http://www.domain.de" umgeleitet werden ohne einen Fehlercode zurückzugeben.

RewriteEngine On muss nur einmal in der .htaccess angegeben werden
RewriteCond %{HTTP_HOST} ^domain.de erzwingt Aufruf über http://www... 
RewriteRule (.*) http://www.domain.de/$1 [R=301,L]


(domain.de ist natürlich mit dem eigenen Domainnamen zu ersetzen. Die Option "R=301" erzeugt eine permanente Umleitung, so dass auch die Suchfunktionen von Google oder anderen Bots diese dauerhaft notieren und es keine scheinbaren Duplikatseiten gibt, die das Ranking der Domain in der Suche verschlechtern würden.)

 In CMS-Seiten (Wordpress, Joomla u.a.) kann oftmals nicht auf die Datei ".htaccess" zugegriffen werden. Diese Systeme beherrschen jedoch andere Umstellungsmöglichkeiten über das Einstellungen-Menu. Diese Umleitung auf nur eine Version der Domain erzeugen automatisch eine Häufung der Zugriffe auf deine Domain, verbessern damit das Ranking.

zurück