Dieser Leitfaden erklärt, wie Sie ein Bild zu Ihrer Herold Websitebuilder-Website hinzufügen und dessen Einstellungen anpassen können, einschließlich Aussehen, Linkkonvertierung und "Alt"-Text.
- Melden Sie sich in oneHome an und klicken Sie auf Websitebuilder.
- Ziehen Sie die Bildkomponente aus dem Menü auf der linken Seite in Ihren Arbeitsbereich.
- Wählen Sie das Bild aus, das Sie hinzufügen möchten, oder laden Sie ein Bild von Ihrem Computer oder einer externen URL hoch.
- Passen Sie die Größe und Platzierung der Bildkomponente nach Ihren Wünschen an.
- Wählen Sie das Bild aus und klicken Sie auf Bild bearbeiten, um die Einstellungen des Bildes anzupassen.
- Klicken Sie auf Speichern und Veröffentlichen um das Bild auf Ihrer Website sichtbar zu machen.
Einstellungen der Bildkomponente
Sie können die Darstellung Ihres Bildes auf Ihrer Website mit Hilfe des Menüs über oder unter dem Bild und des schwebenden Menüs, das Sie auf Ihrer Arbeitsfläche verschieben können, anpassen.
1 - Oben/Unten-Menü
- Link - Sie können ein Bild in einen Link umwandeln. Klicken Sie auf das Ketten-Symbol und legen Sie den Ort fest, zu dem Sie verlinken möchten.
- Drehen - Drehen Sie ein Bild nach links oder rechts.
- Bild skalieren - Sie können den Slider verwenden um in ein Bild rein- oder rauszuzoomen, ohne die Komponentengröße zu ändern.
- Bild ersetzen - Klicken Sie auf diesen Button, um ein anderes Bild auszuwählen.
2 - Schwebendes Menü
-
Skalierung - Wählen Sie aus, wie sich Ihr Bild verhalten soll, wenn Sie die Größe der Komponente ändern.
- Zuschneiden behält die Skalierung des Bildes bei, unabhängig von der Größe der Komponente.
- Anpassen passt die Größe Ihrer Komponente so an, dass sie zum Bild passt.
- Ausdehnen ändert die Skalierung des Bildes mit der Komponente. - Rand - Klicken Sie auf diese Option, um Ihrem Bild einen Rahmen hinzuzufügen. Sie können die Farbe, Deckkraft und Breite einstellen. Sie können dem Bild auch abgerundete Ecken hinzufügen.
- Bei Anklicken - Wählen Sie aus, was passieren soll, wenn Benutzer:innen auf das Bild klicken: keine Aktion, ein größeres Bild anzeigen oder einen Link öffnen.
-
SEO - Hier können Sie einen alternativen (Alt-)Titel für Ihr Bild eingeben. Dieser wird angezeigt, wenn das Bild nicht angezeigt werden kann und dient als "Alt"-Text.
Das Hinzufügen von "Alt"-Text ist für SEO von entscheidender Bedeutung. Die Bereitstellung beschreibender Informationen zu Bildern hilft Suchmaschinen, den Inhalt und Kontext der Bilder zu verstehen, und verbessert so die Sichtbarkeit Ihrer Website in den Suchergebnissen. Außerdem verbessert "Alt"-Text die Barrierefreiheit für Benutzer:innen, die die Bilder nicht sehen können. - Mobile Ansicht - Hier können Sie ein Bild in der mobilen Ansicht ausblenden oder an den unteren Rand der Seite verschieben, wenn das Bild Teil Ihres Templates ist.