Bilder, Alt-Text und Google - Teil 2
Die Website steht. Jetzt machen wir sie sichtbar - mit richtigen Bildern und einem ersten Schritt Richtung Google.
In Teil 1 haben Sie eine fertige Website mit Claude gebaut und live geschaltet. In Teil 2 geht es nun um den Unterschied zwischen einer Website, die nur gut aussieht, und einer, die auch gut gefunden wird.
Teil A: Bilder richtig vorbereiten
Schritt 1: Bilder richtig benennen
Google liest Dateinamen. Ein Name wie IMG_20240318_142537.jpg hilft Google nicht weiter. Besser ist friseursalon-wien-innenraum.jpg.
Regeln für gute Bildnamen:
- Nur Kleinbuchstaben
- Wörter mit Bindestrich trennen (keine Leerzeichen oder Unterstriche)
- Keine Umlaute (ä = ae, etc.)
- Kurz und beschreibend
Schritt 2: Bilder verkleinern ohne Qualitätsverlust
Große Bilder (4-12 MB) machen Websites langsam, was Besucher abschreckt und von Google bestraft wird.
Faustregel: Ein Bild sollte nicht mehr als 150-200 Kilobyte haben.
Kostenlose Tools im Browser:
- squoosh.app
- tinyjpg.com
Schritt 3: Was ist Alt-Text?
Der Alt-Text ("Alternativtext") beschreibt ein Bild für Menschen mit Sehbehinderung (Screenreader) und hilft Google, den Inhalt des Bildes zu verstehen.
Guter Alt-Text: "Empfangsbereich des Friseursalons Max Mustermann in Wien" statt nur "Bild".
Schritt 4: Bilder mit Claude einbauen
Sagen Sie Claude genau, welches Bild wo erscheinen soll. Claude liefert den HTML-Code, den Sie in VS Code einfügen.
Beispiel-Auftrag an Claude: "Ich möchte auf meiner Startseite ein Bild einbauen. Datei: friseursalon-wien-empfang.jpg. Alt-Text: Empfangsbereich des Friseursalons in Wien. Bitte HTML-Code dafür."
Schritt 5: Bilder auf den Server hochladen
Vergessen Sie nicht, beim Hochladen mit FileZilla auch alle Bilddateien in den gleichen Ordner wie die HTML-Dateien zu übertragen. Fehlt eine Datei, erscheint nur ein leeres Rechteck.
Teil B: Google Search Console (Optionaler Bonus)
Die Search Console ist ein kostenloses Werkzeug von Google, das Ihnen zeigt, ob Google Ihre Website gefunden hat und über welche Suchbegriffe Besucher kommen.
Schritt 6: Einrichtung
Gehen Sie auf search.google.com/search-console. Zur Verifizierung laden Sie eine kleine von Google bereitgestellte HTML-Datei mit FileZilla auf Ihren Server hoch.
Schritt 7: Sitemap erstellen
Eine Sitemap ist eine Liste aller Seiten Ihrer Website im XML-Format. Lassen Sie Claude diese Datei (sitemap.xml) erstellen und laden Sie sie hoch. Reichen Sie den Link danach in der Search Console ein.
← Zurück zu Teil 1 | Weiter zu Teil 3 →