LocalZero:Eigene Website

Diese Seite soll euch dabei helfen, eine eigene Website für euer LocalZero-Team auf die Beine zu stellen. Ihr müsst keine IT-Experten sein, um eure eigene Website zu erstellen. Im folgenden Leitfaden findet ihr die wichtigsten To-dos.

Ihr könnt sogar eine fertige Webseite als Vorlage erhalten (auf Wunsch sogar mit eingerichtetem Webserver). Außerdem könnt ihr die laufenden Webseiten von Darmstadt und Konstanz erhalten.

Technische Voraussetzungen

• Webserver (und Web-Hosting)
• Content-Management-System (z.B. Wordpress)
• Webseiten-Design
• E-Mailadresse

Vorbereitende Festlegungen

• Verantwortliche Person für die Inhalte der Website
• Verantwortliche Person für Datenschutz
• Generator für Datenschutzerklärung nutzen (ratgeberrecht.eu , erecht24), weitere Hinweise zum Datenschutz bei Webseiten hier.
• Impressum (s. auch hier)

Hosting der Website

Um einen Webserver mit Content-Management-System zu betreiben, braucht ihr (meist) einen Hosting-Anbieter.

Möglichkeiten:

BaseX:

• Wordpress-Installation
• Automatische Updates & Backups
• 1x .de-Domain (z. B. „stadtzero.de“)
• 1x SSL-Zertifikat
• unbegrenzte E-Mailadressen
• Klimaneutraler Server-Betrieb
• Installation der Webseitenkopien von demo.dresdenzero.de oder Konstanz als Vorlage (Connection zu LocalZero vorhanden, daher auch individuellere Betreuung möglich)
• Preis: 5 €/Monat (Stand März 2023)
• Kontakt:

Hetzner (Paket Level 1):

• sehr ähnlich wie BaseX
• Wordpress-Installation selber einfach möglich
• geringfügig mehr Eigenaufwand
• Installation der Webseitenkopien anderer Teams als Vorlage nur möglich für IT-Erfahrene
• Preis: 2,09 Euro/Monat zzgl. 10 Euro Einrichtungsgebühr

und viele weitere Anbieter: z.B. Wordpress, DomainFactory, Inos, Hostpress, GMX

Gestaltung einer Webseite

Fertige Vorlagen

Drei Teams haben angeboten, ihre Website als eine Art Vorlage bereitzustellen. Die erste Seite wurde direkt als Vorlage für zukünftige LocalTeam-Webseiten erstellt.

• Weiterentwickelte Vorlage basierend auf DresdenZero , Kontakt: heidi.stoerr @ dresdenzero.de
• Laufende Seite von Konstanz, Kontakt: XXX
• Laufende Seite von Darmstadt, Kontakt: XXX

Themes (Designs für Webseiten)

Auf dem Webserver muss ein Design-Paket installiert werden. Es gibt kostenlose und kostenpflichtige Themes:

• Kostenlose Wordpress Themes , z. B. Twenty twenty-three
• Kostenpflichtige Themes auf Themeforest oder Wordpress
• Empfehlung: Enfold-Theme von Themeforest (ca. 67 Euro) --> die beiden Vorlagen der Teams Dresden und Konstanz verwenden dieses Theme, d.h. wenn ihr diese Vorlagen nutzen wollt, dann müsst ihr diese Lizenz erwerben.
  • Beispiel 1: demo.dresdenzero.de
  • Beispiel Hersteller: kriesi.at/themes/enfold-overview

Farben

Die Farbcodes sollten für einen Wiedererkennungseffekt dem Designguide von GermanZero ähnlich sein. Die Farbcodes der Demo-Seite sind:

Gelb: #ffc60c

Grün: #34a853

Dunkelblau: #011633

Graphiken

Es wurden für die Demoseite neue Graphiken von Christiane Holupirek erstellt, die ihr verwenden dürft. Ihr könnt sie euch hier anschauen: demo.dresdenzero.de

Ihr erhaltet die Dateien über: heidi.stoerr @ dresdenzero.de

Texte für die Webseite

Hier ein paar Grundregeln:

• Aussagekräftige Überschriften
• Kurze und wenige Sätze, immer! (<120 Wörter/Absatz)
• Relevante Informationen
• Aussage jeder Seite, insbesondere der Startseite, muss ohne scrollen begreiflich sein (Worum geht es hier?)

Folgende Seiten/Bestandteile sind empfehlenswert:

• Teamvorstellung, z. B. mit Fotos, Motivationen und persönlichen Informationen nach euren Wünschen
• Die Info, wie man bei euch mitmachen und euch unterstützen kann
• Kontaktaufnahmemöglichkeiten
• vorbereitete Presseerklärungen und Pressespiegel (Veröffentlichungen über euch)
• Blanko-Unterschriftenliste zum Ausdrucken (für Bürgerbegehren)
• Eure eigene Klimavision zum Herunterladen und Lesen
• Eine Liste oder Logoseite mit all euren Unterstützer*innen
• Spendeninformationen

Auf diesem Beispiel findet ihr die wichtigsten Bestandteile einer Seite: https://demo.dresdenzero.de/

Weitere Tipps und Informationen

Tutorial

In diesem Video wird erklärt, wie ihr mit Wordpress ohne Vorlage eine Website erstellt: https://www.youtube.com/watch?v=zle5SBS-A6I

Suchmaschine-Optimierung = SEO-Optimierung

Technische und inhaltliche Maßnahmen, um Auffindbarkeit der Webseite zu verbessern.

• Beschreibung der Homepage:
  • Meta Title = "Titel der Webseite" (55-65 Zeichen): Slogan mit Haupt-Keyword
  • Meta Description = "Untertitel" (ca. 155 Zeichen): Beschreibung mit Haupt-Keyword und Call-to-Action
• Detailoptimierung mit Plugin RankMath

Betreuung der Website

• Administratorrechte für 1-2 Personen
• Redakteursrechte für alle Seiten- und Beitragsschreiber
• 4-Augen-Prinzip
• Testseite zum Spielen anlegen
• Mini-Designguide für Webseite empfehlenswert (Überschriftsvarianten, Bilduploadgrößen für Header, für Beiträge, für Unterstützerlogos, Abstandshalter definieren)