LocalZero:Eigene Website

Aus Mitmachen
Zur Navigation springen Zur Suche springen

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.

Themes (Designs für Webseiten)

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

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)