Dieses Handbuch bezieht sich auf Site Creator, das Infomaniak-Tool zur Erstellung von Websites, das unter anderem eine Bibliothek für Ihre Medien (Bilder, Videos, Dokumente usw.) bietet.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Benötigen Sie Hilfe?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Auf Dateien zugreifen

Die Bibliothek ist über den unteren Bereich des linken Seitenmenüs unter Dateien zugänglich:

Diese Medien stehen Ihnen zur Verfügung, wenn Sie Ihre Seiten bearbeiten und Inhalte einfügen möchten.

Organisieren Sie Ihre Dateien, Ordner und Unterordner

Beachten Sie, dass Sie Folgendes nicht tun können:

• Dateien/Ordner verschieben
• Dateien/Ordner umbenennen
• einen Ordner löschen, wenn dieser nicht vollständig leer ist

Einen neuen Ordner erstellen

Verwenden Sie das Aktionsmenü ⋮ unten rechts im Fenster:

Eine neue Datei in die Bibliothek hochladen

Klicken Sie auf Datei hochladen, um Ihre Festplatte zu durchsuchen und die gewünschten Dateien hochzuladen:

Die üblichen Bildformate werden unterstützt (webp, jpg, jpeg, png, gif, svg usw.), wobei das Format webp empfohlen wird (es bietet das beste Verhältnis von Qualität zu Komprimierung für eine extrem schnelle Web-Anzeige).

Dasselbe gilt für Videos (mp4, mov usw.), und Sie können auch Dateien (zip, pdf usw.) hochladen, um sie beispielsweise über das Modul Datei-Download für Besucher bereitzustellen.

Ein Bild komprimieren

Große Bilder werden beim Hochladen standardmäßig automatisch in der Größe angepasst: Bilder, die größer als 1200 px sind, werden automatisch auf 1200 px reduziert, aber Sie können dies in den allgemeinen Einstellungen verwalten:

Sie können das Bild auch selbst mit der Option Bild komprimieren in der Bibliothek komprimieren, um die Ladezeit Ihrer Website zu verkürzen:

Um dies zu vermeiden, erhalten Sie einen TinyPNG API-Schlüssel auf deren Website und geben Sie ihn unter Anwendungen > TinyPNG in SiteCreator ein:

Bildeditor öffnen

Fahren Sie mit der Maus über ein Bild in der Bibliothek und klicken Sie auf das Aktionsmenü ⋮, um den Bildeditor zu öffnen:

Wenn Sie Ihre Änderungen speichern, wird das Bild als Kopie in Ihrer Bibliothek gespeichert:

Suchmaschinenoptimierung (SEO) und Barrierefreiheit verbessern

Nachdem Sie Ihre Bilder aus der Bibliothek in Ihre Webseiten importiert haben, vergessen Sie nicht, den Alternativtext (Alt-Tag) in den Einstellungen des Bildblocks einzugeben. Diese Textbeschreibung ist wichtig: Sie ermöglicht es Suchmaschinen (wie Google), den Inhalt Ihrer Bilder zu verstehen, und macht Ihre Website gleichzeitig für sehbehinderte Personen zugänglich, die Bildschirmleseprogramme verwenden.

Da es nicht möglich ist, Dateien nach dem Hochladen umzubenennen, sollten Sie sich angewöhnen, sie vor dem Hochladen auf Ihrem Computer korrekt zu benennen. Vermeiden Sie generische Namen (z. B. IMG_1234.jpg) und verwenden Sie stattdessen beschreibende Namen mit Bindestrichen (z. B. swiss-home-repair.jpg), um Ihr Suchmaschinenranking zu verbessern.

Kostenlose Bilder suchen und verwenden

In der linken Seitenleiste der Bibliothek finden Sie einen Menüpunkt, der zu einer Sammlung von lizenzfreien Stockfotos (Bilddatenbank) führt, die Sie in Ihre Bibliothek einfügen können, um Ihre Website zu gestalten:

Schützen Sie Ihre Inhalte: Deaktivieren Sie die Rechtsklick-Funktion

Klicken Sie in der linken Seitenleiste auf Einstellungen und dann auf Allgemeine Einstellungen. Am unteren Rand finden Sie eine Option, die, wenn sie aktiviert ist, die Rechtsklick-Funktion für Besucher Ihrer Website deaktiviert:

Behebung von Problemen beim Hochladen von Medien

Versuchen Sie, WEBP-, JPG- oder PNG-Dateien hochzuladen, die so klein wie möglich sind (idealerweise unter 500 KB). Es ist nicht notwendig, Bilder mit einer Breite von mehr als 1000–2000 Pixeln auf den Server hochzuladen.

Stellen Sie außerdem sicher, dass Ihre Bilddateien mit dem Farbprofil RGB gespeichert sind, das der Standard für die Anzeige auf Bildschirmen ist. Vermeiden Sie das CMYK-Profil, das sehr groß ist und ausschließlich für den Papierdruck bestimmt ist, da es Anzeigefehler verursachen oder den Import verhindern kann.

Wenn Sie versuchen, Dateien direkt von Ihrer Kamera oder Ihrem Smartphone hochzuladen, versuchen Sie, diese vor dem Hochladen zu verkleinern. Auf Ihrem iPhone beispielsweise kann das Bild im Format HEIF/HEIC vorliegen, das von Webbrowsern nicht nativ unterstützt wird. Versuchen Sie, es zuerst in JPG zu konvertieren.