Ein HTML-Inserat ist die Grundlage, wenn du Stellen direkt auf deiner eigenen Website, auf Jobplattformen via Schnittstellen oder z. B. im RAV Job-Room veröffentlichen möchtest.
💡 Empfehlung:
Erstelle für deine Vorlagen einen **separaten Job (z. B. „Vorlage Inserat“) **. So kannst du deine Templates zentral verwalten und bei Bedarf einfach anpassen.
So erstellst du ein HTML-Inserat:
Gehe in den gewünschten Job und öffne den Reiter „Inserate & Publikation“. Klicke auf „Neues Inserat“, wähle HTML-Inserat aus und klicke auf „Erstellen“.
Wähle anschliessend eines der vorhandenen Templates aus. Diese dienen als Grundlage und erleichtern dir den Einstieg, da du nicht bei null beginnen musst.
Inhalte anpassen (einfacher Modus):
Im einfachen Modus kannst du direkt die Inhalte bearbeiten:
- Bilder austauschen: Doppelklick auf das Bild → Medien auswählen oder hochladen
- Texte anpassen: Text anklicken und überschreiben
Über das Augen-Symbol kannst du jederzeit eine Vorschau öffnen und dein Inserat überprüfen.
Inhalt aus Word einfügen
Wenn du Texte aus Microsoft Word in ein HTML-Inserat kopierst, ist es wichtig, die dafür vorgesehene Funktion zu verwenden. Word bringt eigene Formatierungen mit, die im HTML-Inserat zu Darstellungsproblemen führen können.
So gehst du vor:
- Klicke im Inserat zuerst in den gewünschten Inhaltsbereich (z. B. in eine Liste oder einen Textblock)
- Anschliessend öffnet sich die Bearbeitungsleiste. Klicke dort auf das Word-Symbol.
- Füge nun deinen Text in das entsprechende Feld ein und bestätige die Eingabe
- Dadurch wird der Inhalt bereinigt übernommen, ohne unerwünschte Formatierungen aus Word
Layout und Design anpassen (erweiterter Modus):
Für detailliertere Anpassungen wechselst du in den erweiterten Modus. Hier kannst du das Inserat individuell gestalten:
- Farben ändern über den Style Manager (Pinsel-Symbol) → „Dekoration“
- Schriftarten und -grössen anpassen unter „Typographie“
- Abstände optimieren unter „Grösse“
- Elemente löschen oder verschieben (z. B. Logos oder Blöcke)
- Zusätzliche Inhalte einfügen über „+“ (z. B. Textblöcke, Icons, Videos)
Achte darauf, dass Bilder korrekt eingestellt sind (z. B. Breite 100 %), damit sie auf allen Geräten sauber dargestellt werden.
Links im erweiterten Modus einfügen (im Video Minute 7:06):
Im erweiterten Modus kannst du Links direkt im Text hinterlegen. Markiere dazu den gewünschten Textabschnitt, den du verlinken möchtest.
Klicke anschliessend auf das Link-Symbol (Büroklammer) in der Toolbar. Es öffnet sich ein Einstellungsfenster, in dem du die gewünschte URL einfügen kannst.
Optional kannst du festlegen, dass sich der Link in einem neuen Fenster öffnet. Speichere danach deine Anpassung – der Text ist nun entsprechend verlinkt.
Ostendis Blöcke verwenden:
Ostendis-Blöcke sind strukturierte Inhaltsbereiche im HTML-Inserat, die mit bestimmten Attributen versehen werden.
Diese Attribute sind wichtig, damit externe Plattformen und Jobbörsen das Inserat korrekt lesen und interpretieren können. So erkennen sie beispielsweise, welcher Abschnitt die Aufgaben, Anforderungen oder die dazugehörigen Überschriften enthält.
Die Definition und Bearbeitung dieser Blöcke erfolgt im erweiterten Modus des Editors. Bei den kostenlosen Inseratvorlagen von Ostendis wurden diese Blöcke bereits korrekt definiert.
Warum sind Ostendis-Blöcke wichtig?
Durch die Verwendung der korrekt definierten Blöcke stellst du sicher, dass:
- Inhalte auf Jobplattformen richtig dargestellt werden
- Einzelne Bereiche (z. B. Aufgaben, Anforderungen) korrekt zugeordnet werden
- Dein Inserat technisch sauber verarbeitet werden kann
Ohne diese Struktur kann es passieren, dass Inhalte auf externen Plattformen falsch oder unvollständig oder gar nicht angezeigt werden.
