Tutorial

Kostenlose Website erstellen mit Google Sites: Die ultimative Schritt-für-Schritt-Anleitung

Melden

Hier ist ein ausführliches Schritt-für-Schritt-Tutorial, wie du mit Google Sites eine kostenlose Website erstellst.

Google Sites ist eines der einfachsten Tools, um ohne Programmierkenntnisse eine professionelle Website zu erstellen. Ob für ein Portfolio, ein kleines Business oder ein privates Projekt – in dieser Anleitung lernst du alles von Start bis zum Launch.

Warum Google Sites?

  • 100% Kostenlos: Keine monatlichen Gebühren.
  • Einfachheit: Intuitives Drag-and-Drop-System.
  • Google-Integration: Binde Google Drive, Maps, YouTube und Kalender nahtlos ein.
  • Responsive Design: Deine Seite sieht auf dem Handy und Desktop automatisch gut aus.

Schritt 1: Google Sites starten

  1. Gehe auf die Website sites.google.com.
  2. Melde dich mit deinem Google-Konto (Gmail) an.
  3. Du siehst nun das Dashboard. Klicke auf das bunte „+“ (Leer), um eine neue Seite zu starten, oder wähle eine der Vorlagen (z. B. Portfolio, Projekt) aus der Vorlagengalerie.

Schritt 2: Den Titel und die Kopfzeile festlegen

Sobald der Editor geladen ist, siehst du deine Startseite.

  • Seitentitel: Klicke in den Text „Geben Sie den Namen Ihrer Website ein“ (oben links) und gib deinem Projekt einen Namen.
  • Banner-Titel: Klicke auf den großen Text in der Mitte („Titel Ihrer Seite“), um die Überschrift deiner Homepage festzulegen.
  • Hintergrund ändern: Fahre mit der Maus über das Banner. Klicke auf „Bild ändern“, um ein eigenes Foto hochzuladen oder ein Bild aus der Google-Galerie zu wählen.
  • Kopfzeilentyp: Wähle zwischen „Nur Titel“, „Banner“, „Großes Banner“ oder „Cover“.

Schritt 3: Inhalte hinzufügen (Das Baukasten-Prinzip)

Auf der rechten Seite findest du das Menü „Einfügen“. Hier sind die wichtigsten Elemente:

  1. Textfelder & Bilder: Klicke einfach darauf, um sie auf die Seite zu bringen. Du kannst sie per Drag-and-Drop verschieben.
  2. Inhaltsblöcke (Layouts): Dies sind vorgefertigte Raster (z. B. Bild links, Text rechts). Ziehe sie auf deine Seite, um sofort ein sauberes Layout zu haben.
  3. Zusammenklappbare Gruppen: Ideal für FAQs.
  4. Inhaltsverzeichnis: Erstellt automatisch Links zu deinen Überschriften.
  5. Buttons: Erstelle Schaltflächen für Call-to-Actions (z. B. „Kontaktieren Sie uns“).
  6. Google-Integration: Scrolle nach unten, um YouTube-Videos, Google Maps-Standorte oder Google Docs direkt einzubetten.

Schritt 4: Weitere Seiten erstellen

Eine Website besteht meist aus mehr als nur einer Seite (z. B. Home, Über uns, Kontakt).

  1. Klicke im rechten Menü auf den Reiter „Seiten“.
  2. Klicke unten auf das „+“ Symbol und wähle „Neue Seite“.
  3. Gib der Seite einen Namen (z. B. „Kontakt“). Google Sites erstellt automatisch ein Navigationsmenü am oberen Rand.
  4. Unterseiten: Wenn du eine Seite auf eine andere ziehst, wird sie automatisch als Untermenü-Punkt angelegt.

Schritt 5: Das Design anpassen (Themen)

Damit deine Website einen einheitlichen Look hat:

  1. Klicke rechts auf den Reiter „Themen“.
  2. Wähle einen Stil aus (z. B. „Aristoteles“, „Diplomat“ oder „Vision“).
  3. Du kannst die Akzentfarbe und die Schriftart nach deinen Wünschen anpassen.

Schritt 6: Einstellungen und Navigation

Klicke auf das Zahnrad-Symbol (Einstellungen) oben rechts:

  • Navigation: Wähle, ob das Menü oben oder an der Seite erscheinen soll.
  • Markenbilder: Hier kannst du dein eigenes Logo und ein Favicon (das kleine Icon im Browser-Tab) hochladen.
  • Benutzerdefinierte Domains: Wenn du eine eigene Adresse (z. B. www.deinename.de) hast, kannst du sie hier verknüpfen. Ansonsten bleibt die URL kostenlos über Google erreichbar.

Schritt 7: Vorschau und Veröffentlichung

Bevor du live gehst, solltest du die Seite prüfen.

  1. Vorschau: Klicke oben auf das PC/Smartphone-Icon. Hier kannst du sehen, wie deine Website auf einem Tablet oder Handy aussieht.
  2. Veröffentlichen: Klicke auf den blauen Button „Veröffentlichen“.
  3. Webadresse wählen: Gib den hinteren Teil deiner URL ein (z. B. mein-neues-projekt). Deine kostenlose Adresse lautet dann: sites.google.com/view/mein-neues-projekt.
  4. Klicke final auf „Veröffentlichen“.

Tipps für eine bessere Website:

  • Bilder komprimieren: Achte darauf, dass Bilder nicht zu groß sind, damit die Seite schnell lädt.
  • Abstände nutzen: Nutze das Element „Platzhalter“ oder „Trennlinie“, damit die Seite nicht zu vollgepropft wirkt.
  • Urheberrecht: Verwende nur eigene Bilder oder lizenzfreie Plattformen wie Pixabay oder Unsplash.

Herzlichen Glückwunsch! Deine erste kostenlose Website ist nun online.

0