Alle Features im Detail

1. Voreinstellungen

Um die Verwaltung zentral und effizient zu gestalten, sind alle wichtigen Kontaktdaten und Designelemente – wie die Wort-Bild-Marke, der Firmenname, die Adresse, Telefonnummern, Social-Media-Links sowie der Google-Maps-Embed-Code – in einer zentralen Einstellungsdatei gespeichert. Ändern Sie diese Informationen nur an dieser einen Stelle, werden sie automatisch und sofort auf der gesamten Website aktualisiert, was manuelle Anpassungen überflüssig macht.

2. das Navigations-Modul

hier kann man Navigationseinträge anlegen, editieren und die Reihenfolge bequem bestimmen.

3. das Karussell

lässt sich einstellen, obs selber starten soll und obs nach einer Runde aufhören soll. Außerdem werden die hochgeladenen Bilder automatisch in das von Google bevorzugte webp-Format umgewandelt

4. Termine

• Sie können neue Termine ganz einfach entweder direkt im System namens "webEdition" eintragen oder gesammelt über eine vorbereitete Liste (CSV-Datei) hochladen.
• Auf der Startseite mit der Termin-Übersicht geschieht etwas Cleveres: Das System prüft das heutige Datum und zeigt automatisch nur die zukünftigen oder aktuellen Termine an.
• Auf der separaten Archivseite finden Sie im Gegensatz dazu nur die vergangenen Termine.
• Ein wichtiger Vorteil ist, dass Sie sich als Redakteur keine Gedanken darüber machen müssen, wie die Termine auf der Übersichtsseite und auf der Detailseite aussehen sollen – das übernimmt das System komplett automatisch für Sie.
• Wenn Sie Bilder zu den Terminen hochladen, werden diese im Hintergrund automatisch in das moderne und schnelle WebP-Format umgewandelt.
• Außerdem können Sie spezielle Code-Schnipsel (sogenannte Embed Codes) in die Termine einfügen. Das System sorgt dann von selbst dafür, dass diese Inhalte auf jedem Gerät (Handy, Tablet, PC) immer perfekt aussehen und sich anpassen (responsive).
• Wenn Sie beispielsweise eine Fotogalerie in einem vergangenen Termin anzeigen möchten, brauchen Sie nur die Nummer des gewünschten Foto-Ordners einzugeben – alles andere, wie die korrekte Anzeige der Bilder, wird automatisch erledigt. Diese Fotogalerien stellen wir so dar, dass alle Bilder quadratisch sind (egal ob das Originalfoto hoch oder breit war). Wenn Sie auf so ein quadratisches Foto klicken, öffnet sich automatisch eine größere Ansicht direkt über der Webseite, und der Hintergrund wird abgedunkelt, damit das große Bild gut zur Geltung kommt.

5. Vorteil von Embedcodes

• Entlastung des Servers und Bandbreite: Das Video wird von den extrem leistungsfähigen YouTube-Servern und ihrem globalen Content Delivery Network (CDN) ausgeliefert. Dadurch wird die Bandbreite deines eigenen Webservers geschont. Bei vielen Aufrufen würde das Selbst-Hosting zu hohen Kosten oder einer Überlastung deines Servers und damit zu langsameren Ladezeiten deiner gesamten Webseite führen.
• Schnellere Ladezeiten und bessere Wiedergabe: YouTube ist darauf optimiert, Videos schnell zu laden und in der besten Qualität für das jeweilige Gerät und die Internetgeschwindigkeit bereitzustellen. Deine Webseite bleibt dadurch schnell, was für die Nutzererfahrung (UX) und das SEO-Ranking (Suchmaschinenoptimierung) entscheidend ist.
• Kein Aufwand für Video-Optimierung: Du musst dich nicht um die Konvertierung und Optimierung des Videos in verschiedene Formate kümmern, damit es auf allen Browsern und Geräten (Desktop, Smartphone) funktioniert. Das übernimmt YouTube automatisch.
• Zusätzliche Reichweite (SEO): Dein Video kann über die YouTube-Suche und die normale Google-Suche(Videovorschau) gefunden werden. Das steigert die Sichtbarkeit deines Contents und kann mehr Traffic auf deine Webseite lenken.
• Kostenloses Hosting: YouTube bietet unbegrenzten Speicherplatz und die komplette Infrastruktur zur Auslieferung kostenlos an.

6. News/Blog

Blogartikel sind das Herzstück und der Motor für den Traffic Ihrer Website. Mit einem integrierten Blogsystem verwandeln Sie eine statische Website in eine dynamische und interessante Wissensquelle.

• Steigerung der Sichtbarkeit (SEO): Regelmäßige Blog-Inhalte, die auf relevante Suchbegriffe (Keywords) optimiert sind, sorgen für neue Treffer bei Google. Jede neue Veröffentlichung ist eine neue Chance, in den Suchergebnissen aufzutauchen und organischen Traffic zu generieren.
• Aufbau von Expertise und Vertrauen: Durch das Teilen von Fachwissen und aktuellen, themenbezogenen Inhalten (ob interne Vereinsmeldungen oder externe Themen) positionieren Sie sich als Experte in Ihrer Nische und bauen langfristig Vertrauen bei Ihrer Zielgruppe auf.
• Längere Verweildauer und interne Verlinkung: Blogartikel halten Besucher länger auf Ihrer Seite. Sie können gezielt auf andere, unterrepräsentierte Seiten Ihrer eigenen Website verlinken (interne Verlinkung), um deren SEO-Wert zu steigern und Nutzern relevante Zusatzinformationen zu bieten.
• Kommunikation und Kundenbindung: Blogs sind ideal, um Neuigkeiten, aktuelle Projekte, Veranstaltungen oder Hintergrundinformationen zu teilen. Sie fördern die Kundenbindung, da die Besucher einen Grund haben, regelmäßig auf Ihre Website zurückzukehren.

7. Sponsoren mit Swiper

Gerade für Vereine ist die Finanzierung einer professionellen Website oft eine Herausforderung, die häufig durch Sponsoren gelöst wird. Um diesen wichtigen Partnern eine attraktive Gegenleistung zu bieten, ist deren prominente Darstellung auf der Website essenziell. Wir realisieren die Sponsoren-Einbindung effizient als flexible Datenbank-Objekte. Dies ermöglicht eine vielseitige Platzierung auf der gesamten Website: Zum einen als platzsparendes Logo-Karussell, bei dem die Logos zunächst dezent in Graustufen erscheinen, aber beim Überfahren mit der Maus (Hover-Effekt) farbig werden und so visuell zur Interaktion einladen. Zudem erstellen wir eine dezidierte Sponsoren-Übersichtsseite, auf der jedes Unternehmen neben dem Logo auch Raum für einen erklärenden Text und eine detaillierte Vorstellung erhält.

8. Barrierefreiheit

Für eine optimale Nutzung Ihrer Website durch alle Besucher haben wir eine spezielle Barrierefreiheits-Leiste entwickelt.

Diese Funktion wird durch einen unauffälligen Button aktiviert, der sich per Klick öffnet und sofort alle Hilfsmittel entfaltet, die das Surfen erleichtern:

• Links hervorheben: Macht alle klickbaren Elemente auf der Seite deutlich sichtbar, indem sie farblich markiert werden.
• Schriftgröße anpassen: Ermöglicht es Ihnen, die Textgröße auf der gesamten Seite zu vergrößern oder zu verkleinern, um die Lesbarkeit zu verbessern.
• Hoher Kontrast: Ändert das Farbschema der Website in eine kontrastreichere Ansicht (z.B. dunkler Hintergrund, heller Text), was besonders bei Sehschwächen hilft.
• Bilder in Graustufe: Konvertiert alle Fotos in Schwarz-Weiß, um Ablenkungen zu minimieren.
• Bilder ausblenden: Entfernt alle Bilder vollständig von der Seite. Das beschleunigt die Ladezeit und verbessert die Konzentration auf den reinen Text.
• Lesemodus aktivieren: Schaltet die Seite auf eine ablenkungsfreie Ansicht um, die nur den Haupttext in einer gut lesbaren Schrift darstellt.
• Link zur Barrierefreiheitserklärung: Bietet direkten Zugang zu einem Dokument, das unsere Standards und die Einhaltung der Richtlinien erläutert.
• Zurücksetzen-Button: Mit einem Klick stellen Sie die ursprünglichen Design-Einstellungen der Website sofort wieder her.

9. Formular mit RechenCAPTCHA

Online-Formulare, besonders in Kombination mit einem Rechen-CAPTCHA, bieten eine Reihe von Vorteilen:

• Effiziente Datenerfassung und -strukturierung: Formulare ermöglichen die direkte Eingabe strukturierter Daten, die automatisch in einer Datenbank oder einem System gespeichert werden können. Dies macht die manuelle Übertragung von Informationen überflüssig und reduziert Fehler bei der Dateneingabe.
• Verbesserte Erreichbarkeit und Komfort: Nutzer können Informationen jederzeit und von überall über ein beliebiges Gerät (PC, Smartphone) absenden. Das ist deutlich bequemer als ein Anruf oder das Versenden einer E-Mail.
• Spam- und Bot-Schutz: Durch den Einsatz eines Rechen-CAPTCHA (oder ähnlicher Mechanismen) wird sichergestellt, dass die Übermittlung von einem Menschen und nicht von automatisierten Spam-Bots erfolgt. Dies schützt Ihre Datenbank vor unnötigem Müll und hält Ihre Kommunikationskanäle sauber.
• Geringere Kosten: Die automatische Verarbeitung von Formulareingaben ist kostengünstiger als die Bearbeitung von Telefonaten oder das manuelle Sortieren und Erfassen von unstrukturierten E-Mails.

10. Responsives Webdesign

Wir entwickeln die Templates für die Websites unserer Kunden bereits seit vielen Jahren konsequent im Sinne des responsiven Webdesigns und setzen diesen Standard bei jedem Projekt um.

Um diese Geräte-unabhängige Anpassung mit hoher Qualität zu gewährleisten, nutzen wir bewährte Frameworks wie zum Beispiel Bootstrap. Solche Frameworks stellen eine umfangreiche Sammlung von vorgefertigtem CSS und JavaScript zur Verfügung, wodurch die Entwicklung effizienter wird. Das bekannte Bootstrap-Framework wurde ursprünglich von hochqualifizierten Entwicklern von Twitter/X ins Leben gerufen und ist heute ein weltweit führender Standard für modernes, flexibles Webdesign.

11. SEO mit Durchblick

Wir haben eine spezielle Seite eingerichtet, die uns alle wichtigen Inhalte Ihrer Website und Ihrer Datenbank-Einträge anzeigt. Diese Übersicht ist so gestaltet, als würden Sie Ihre eigene Seite bei Google suchen. Was diese Ansicht bringt:

• Bessere Google-Platzierung: Wir sehen sofort, wie der Titel (die blaue Überschrift im Suchergebnis), die Kurzbeschreibung (der Text darunter) und der Link zur Seite aussehen. So können wir diese Texte gezielt so verbessern, dass Ihre Seiten später in den echten Suchergebnissen von Google besser gefunden werden (SEO). Jede Verbesserung zahlt sich durch mehr Besucher aus.
• Intelligente Links: Bei den Datenbank-Einträgen erstellen wir automatisch eine "saubere" Web-Adresse (SEO-Link), die direkt aus der Überschrift des Eintrags entsteht. Das ist besser für Suchmaschinen und leichter für Menschen zu lesen.
• Bilder-Check: Wir haben auch eine Übersicht für alle Bilder. Dort zeigen wir den Dateinamen und wichtige Informationen wie den Bildtitel und den Alternativ-Text (Alt-Tag) an. Der Alt-Text ist wichtig, damit Suchmaschinen wissen, was auf dem Bild zu sehen ist, und damit es von Screenreadern für Blinde und Sehbehinderte vorgelesen werden kann.
• Performance-Warnung: Zusätzlich wird die Größe jedes Bildes in Kilobyte (KB) angezeigt. So erkennen wir sofort, wenn ein Bild viel zu groß ist. Zu große Bilder machen Ihre Website sehr langsam – wir tauschen diese dann durch kleinere, optimierte Bilder aus, um die Ladezeit zu beschleunigen.

12. Social Media Teilen

Auf jeder Seite Ihrer neuen Website stehen Ihnen praktische Social-Media-Teilen-Buttons zur Verfügung, um Inhalte schnell und einfach in die Welt zu tragen. Mit einem einzigen Klick können Sie für die aktuell besuchte Seite automatisch einen fertigen Post erstellen, etwa für Plattformen wie Twitter/X, Facebook oder LinkedIn. Dabei werden automatisch der Seitentitel, der Vorspann (Kurzbeschreibung) und ein passendes Vorschaubild für das Posting übernommen. Diese einfache Funktion gilt ebenso für das Teilen via E-Mail oder WhatsApp. So einfach war das Verbreiten Ihrer Inhalte noch nie!