LocalZero:Eigene Website: Unterschied zwischen den Versionen

Aus Mitmachen
Zur Navigation springen Zur Suche springen
Zeile 1: Zeile 1:
Diese Seite soll euch dabei helfen, eine eigene Website für euer LocalZero-Team auf die Beine zu stellen.
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.  


Auf einer Website könnt ihr zum Beispiel folgende Dinge für euch einrichten:
Ihr könnt sogar eine '''fertige Webseite als Vorlage''' erhalten (auf Wunsch sogar auf einem Webserver installiert). Außerdem könnt ihr die laufenden Webseiten von Darmstadt und Konstanz erhalten.  
 
* Eine Seite über euer Team
* Die Info, wie man bei euch mitmachen und euch unterstützen kann
* eigene E-Maildressen
* Eine Seite für Presseerklärungen und Veröffentlichungen
* ggf. eure Blanko-Unterschriftenliste zum Ausdrucken für begeisterte Mitstreiter*innen
* Eure eigene [https://localzero.net/loesungen/klimavision Klimavision] zum Herunterladen und Lesen
* Eine Liste oder Logoseite mit all euren Unterstützer*innen
* usw.
 
Wir haben von den Teams in Dresden, Darmstadt und Konstanz Unterstützung bekommen. Die Teams haben angeboten, ihre Website als eine Art Vorlage bereitzustellen.
 
Ihr müsst keine IT-Experten sein, um eure eigene Website zu erstellen. Hier ein Leitfaden:


== Technische Voraussetzungen ==
== Technische Voraussetzungen ==
Zeile 54: Zeile 41:
und viele weitere Anbieter: z.B. Wordpress, DomainFactory, Inos, Hostpress, GMX
und viele weitere Anbieter: z.B. Wordpress, DomainFactory, Inos, Hostpress, GMX


== Webseiten-Design ==
== Gestaltung einer Webseite ==
 
=== Fertige Vorlagen ===
Wie oben erwähnt haben drei Teams angeboten, ihre Website als eine Art Vorlage bereitzustellen:
 
* [https://demo.dresdenzero.de/ Weiterentwickelte Vorlage basierend auf DresdenZero] , Kontakt: heidi.stoerr @ dresdenzero.de
* [https://konstanz-klimapositiv.de/ Laufende Seite von Konstanz], Kontakt: XXX
* [https://klimaentscheid-darmstadt.de/ 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:


* [https://wordpress.org/themes/ Kostenlose Wordpress Themes] , z. B. Twenty twenty-three
* [https://wordpress.org/themes/ Kostenlose Wordpress Themes] , z. B. Twenty twenty-three
Zeile 60: Zeile 57:
* Empfehlung: Enfold-Theme von Themeforest (ca. 67 Euro) --> <small>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.</small>
* Empfehlung: Enfold-Theme von Themeforest (ca. 67 Euro) --> <small>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.</small>
** Beispiel 1: [https://demo.dresdenzero.de/ demo.dresdenzero.de]
** Beispiel 1: [https://demo.dresdenzero.de/ demo.dresdenzero.de]
** Beispiel 2: [https://www.push-your-career.de/ push-your-career.de]
** Beispiel Hersteller: [https://kriesi.at/themes/enfold-overview/ kriesi.at/themes/enfold-overview]
** Beispiel Hersteller: [https://kriesi.at/themes/enfold-overview/ kriesi.at/themes/enfold-overview]
Die Schriftarten und Farbcodes der Dresdener-Website könnt ihr auch ohne Vorlage verwenden: s. XXX


== Webseiten-Inhalte ==
=== Farben ===
Die Farbcodes sollten für einen Wiedererkennungseffekt dem Designguide von GermanZero ähnlich sein. Die Farbcodes der Demo-Seite sind:
 
Gelb: #ffc60c


=== Vorlagen ===
Grün: #34a853
Wie oben erwähnt haben drei Teams angeboten, ihre Website als eine Art Vorlage bereitzustellen:


* [https://demo.dresdenzero.de/ Dresden Vorlagenseite], Kontakt: XXX
Dunkelblau: #011633
* [https://konstanz-klimapositiv.de/ Konstanz], Kontakt: XXX
* [https://klimaentscheid-darmstadt.de/ Darmstadt], Kontakt: XXX


=== Graphiken ===
=== Graphiken ===
Wenn ihr alles selbst basteln wollt, dann könnt ihr auch nur die Graphiken von Christiane nutzen: (s. XXX)
Es wurden für die Demoseite neue Graphiken von Christiane Holupirek erstellt, die ihr verwenden dürft. Ihr könnt sie euch hier anschauen: [https://demo.dresdenzero.de/ demo.dresdenzero.de]


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


== Texte für die Webseite ==
Hier ein paar Grundregeln:
* Aussagekräftige Überschriften  
* Aussagekräftige Überschriften  
* Kurze und wenige Sätze, immer! (<120 Wörter/Absatz)
* Kurze und wenige Sätze, immer! (<120 Wörter/Absatz)
* Relevante Informationen
* Relevante Informationen
* Aussage jeder Seite, insbesondere der Startseite, muss ohne scrollen begreiflich sein (Worum geht es hier?)
* 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 [https://localzero.net/loesungen/klimavision 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 ==
== Weitere Tipps und Informationen ==

Version vom 3. Juni 2023, 12:27 Uhr

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 auf einem Webserver installiert). 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
  • 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

Wie oben erwähnt haben drei Teams angeboten, ihre Website als eine Art Vorlage bereitzustellen:

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)
Abgerufen von „https://mitmachen-wiki.germanzero.org/wiki/index.php?title=LocalZero:Eigene_Website&oldid=11533“