Google Sites Komplett-Anleitung: Deine eigene Website erstellen

Hier ist ein umfassendes Tutorial zur Nutzung von Google Sites. Google Sites ist ein intuitives Drag-and-Drop-Tool, mit dem du ohne Programmierkenntnisse professionelle Websites erstellen kannst.

Google Sites hat sich in den letzten Jahren zu einem leistungsstarken Werkzeug für interne Projektseiten, Portfolios und einfache Business-Websites entwickelt. In dieser Anleitung lernst du Schritt für Schritt, wie du das Beste aus dem Tool herausholst.

1. Erste Schritte: Eine neue Website starten

Um zu beginnen, benötigst du lediglich ein kostenloses Google-Konto.

1. Gehe auf sites.google.com.
2. Klicke auf das „+“ (Leer), um eine komplett neue Seite zu starten, oder wähle eine der Vorlagen (z. B. Portfolio, Projekt oder Event), um ein fertiges Design zu nutzen.
3. Gib deiner Website oben links einen Namen (interner Name in Google Drive) und trage den Website-Namen oben im Header ein.

2. Die Benutzeroberfläche verstehen

Rechts findest du die Seitenleiste mit den drei wichtigsten Reitern:

• Einfügen: Hier findest du alle Elemente (Text, Bilder, Google Drive-Dateien, Layouts).
• Seiten: Hier verwaltest du die Struktur deiner Website und fügst Unterseiten hinzu.
• Designs: Hier legst du das visuelle Grundgerüst (Farben, Schriftarten) fest.

3. Das Design anpassen

Bevor du Inhalte einfügst, solltest du den Look festlegen:

1. Klicke auf den Reiter Designs.
2. Wähle ein Thema aus (z. B. "Aristoteles" oder "Diplomat").
3. Du kannst die Akzentfarbe und den Schriftstil anpassen oder ein benutzerdefiniertes Design erstellen, indem du eigene Logos und Markenfarben hochlädst.

4. Inhalte hinzufügen und anordnen

Google Sites arbeitet mit einem Rastersystem. Wenn du Elemente verschiebst, rasten sie automatisch ein.

• Layout-Blöcke: Nutze die vorgefertigten Inhaltsblöcke im Reiter „Einfügen“. Diese kombinieren Bilder und Text perfekt.
• Texte und Bilder: Klicke einfach auf die entsprechende Schaltfläche. Du kannst Textboxen vergrößern, verkleinern oder nebeneinander ziehen.
• Einbetten: Du kannst YouTube-Videos, Google Kalender, Google Maps oder Dokumente aus deinem Google Drive direkt einbinden. Die Änderungen in den Drive-Dateien werden automatisch auf der Website aktualisiert.
• Hintergründe: Jede Sektion (Abschnitt) deiner Seite kann einen eigenen Hintergrund haben (z. B. eine Farbe oder ein Bild), um die Seite optisch zu gliedern.

5. Seitenstruktur und Navigation

Eine gute Website braucht eine klare Menüführung:

1. Wechsle zum Reiter Seiten.
2. Klicke unten auf das „+“, um eine neue Seite hinzuzufügen.
3. Unterseiten: Ziehe eine Seite einfach auf eine andere, um eine Hierarchie (Dropdown-Menü) zu erstellen.
4. Über das Zahnrad-Symbol (Einstellungen) oben rechts kannst du wählen, ob die Navigation oben oder an der Seite erscheinen soll.

6. Zusammenarbeit und Einstellungen

Wie bei Google Docs kannst du in Echtzeit mit anderen an der Website arbeiten:

• Personen hinzufügen: Klicke auf das Personensymbol mit dem Pluszeichen oben rechts, um Kollegen einzuladen.
• Einstellungen (Zahnrad): Hier kannst du ein Favicon (das kleine Icon im Browser-Tab) hochladen oder eine eigene Domain verknüpfen (z. B. www.deinename.de).

7. Vorschau und Veröffentlichung

Bevor du live gehst, solltest du prüfen, wie die Seite auf verschiedenen Geräten aussieht.

1. Klicke oben auf das Vorschau-Symbol (Computer & Smartphone). Teste, ob alle Links funktionieren.
2. Wenn alles passt, klicke auf den blauen Button Veröffentlichen.
3. Wähle eine Web-Adresse (z. B. sites.google.com/view/deinprojekt).
4. Lege fest, wer die Seite sehen darf (Öffentlichkeit oder nur bestimmte Personen).
5. Bestätige mit einem Klick auf Veröffentlichen.

Profi-Tipps für Google Sites:

• Bild-Karussell: Nutze diese Funktion unter „Einfügen“, um mehrere Bilder platzsparend zum Durchklicken anzuzeigen.
• Schaltflächen (Buttons): Verwende Buttons für Call-to-Actions (z. B. „Jetzt Kontakt aufnehmen“), da diese auffälliger sind als Textlinks.
• Abstandshalter: Nutze „Platzhalter“ oder „Abstandshalter“, um deinem Design mehr „Luft“ zu geben und es moderner wirken zu lassen.

Deine Website ist nun online! Du kannst sie jederzeit bearbeiten – vergiss nur nicht, nach größeren Änderungen erneut auf „Veröffentlichen“ zu klicken, damit die Neuerungen für Besucher sichtbar werden.