Ihr Karriereportal einbetten
So betten Sie Ihr Karriereportal mit einem iframe auf Ihrer Unternehmenswebsite ein, einschließlich Anpassungsoptionen und API-Zugang.
Warum das wichtig ist
Die meisten Unternehmen möchten Stellenanzeigen auf ihrer eigenen Website präsentieren, anstatt Kandidaten an eine separate URL zu verweisen. Der Einbettungsmodus von Kit ermöglicht es Ihnen, Ihr Karriereportal als iframe auf jeder Seite einzufügen – Kandidaten bleiben auf Ihrer Website, während Kit den Bewerbungsablauf übernimmt.
Einbettung mit einem iframe
Fügen Sie Ihr Karriereportal mit einem iframe in jede Webseite ein. Der grundlegende Einbettungscode lautet:
<iframe
src="https://startupkit.app/careers/your-subdomain?embed=true"
width="100%"
height="800"
frameborder="0"
style="border: none;"
></iframe>
Der Parameter ?embed=true aktiviert den Einbettungsmodus, der:
- Die Portal-Kopfzeile und Navigation entfernt
- Ein kompaktes, für iframes optimiertes Layout verwendet
- Höhenaktualisierungen über
postMessagean das übergeordnete Fenster sendet (für automatische Größenanpassung) X-Frame-Options-Header entfernt, damit der iframe korrekt geladen wird
Anpassungsparameter
Hängen Sie Query-Parameter an die Einbettungs-URL an, um das Erscheinungsbild anzupassen:
| Parameter | Werte | Beschreibung |
|---|---|---|
embed |
true |
Aktiviert den Einbettungsmodus (erforderlich) |
theme |
light, dark |
Überschreibt das Standard-Theme des Portals |
bg |
Hex-Farbe (z. B. %23ffffff) |
Legt eine benutzerdefinierte Hintergrundfarbe passend zu Ihrer Website fest |
Beispiel mit dunklem Theme und benutzerdefiniertem Hintergrund:
<iframe
src="https://startupkit.app/careers/your-subdomain?embed=true&theme=dark&bg=%231a1a2e"
width="100%"
height="800"
frameborder="0"
></iframe>
Hinweis: Verwenden Sie %23 anstelle von # für Hex-Farben in URLs.
Automatische Größenanpassung
Kit sendet die Inhaltshöhe des Portals über postMessage an das übergeordnete Fenster. Fügen Sie dieses Skript in Ihre Seite ein, um die iframe-Höhe automatisch anzupassen:
<script>
window.addEventListener("message", function(event) {
if (event.data && event.data.type === "resize") {
var iframe = document.querySelector("iframe");
iframe.style.height = event.data.height + "px";
}
});
</script>
Dies verhindert Scrollleisten innerhalb des iframes und bietet Kandidaten ein nahtloses Browsererlebnis.
JSON-API
Kit stellt auch eine JSON-API für Ihr Karriereportal bereit, falls Sie eine vollständig benutzerdefinierte Stellenlistenseite erstellen möchten. Fordern Sie die Karriereportal-URL mit einem Accept: application/json-Header an oder hängen Sie .json an:
GET https://startupkit.app/careers/your-subdomain.json
Die Antwort enthält alle veröffentlichten Stellenanzeigen mit ihren Metadaten (Titel, Standort, Abteilung, Gehalt usw.). Die JSON-Antwort wird 5 Minuten lang zwischengespeichert.
Verwenden Sie dies, wenn Sie vollständige Kontrolle über das Design benötigen und Stellenanzeigen mit Ihrem eigenen Frontend-Code rendern möchten. Jede Stelle in der Antwort enthält ein url-Feld, das auf die öffentliche Stellendetailseite verlinkt, auf der sich Kandidaten bewerben können.
LLM-lesbares Format (llms.txt)
Kit stellt eine llms.txt-Datei für Ihr Karriereportal bereit – ein einzelnes Markdown-Dokument, das KI-Assistenten und LLMs nutzen können, um alle Ihre offenen Stellen auf einmal zu verstehen:
https://startupkit.app/careers/your-subdomain/llms.txt
Die Datei enthält jede veröffentlichte Stellenanzeige mit vollständiger Beschreibung, Standort, Beschäftigungsart, Gehaltsspanne, Bewerbungs-URL und Stufen des Einstellungsprozesses. Wenn keine Stellen offen sind, verweist sie auf Ihren Talent-Pool.
Dies folgt der llms.txt-Spezifikation und wird automatisch im HTML-<head> des Karriereportals zur Auffindbarkeit verlinkt. Keine Konfiguration erforderlich – die Datei ist immer verfügbar und bleibt mit Ihren veröffentlichten Stellen synchron.
SEO und Sitemap
Kit generiert eine Sitemap für Ihr Karriereportal unter:
https://startupkit.app/careers/your-subdomain/sitemap.xml
Die Sitemap enthält alle veröffentlichten Stellenanzeigen mit ihren zuletzt aktualisierten Zeitstempeln. Reichen Sie diese bei Suchmaschinen ein, um die Auffindbarkeit Ihrer Stellenanzeigen zu verbessern. Kit generiert außerdem strukturierte Daten (JSON-LD im JobPosting-Schema) auf jeder Stellendetailseite für reichhaltige Suchergebnisse.
Schnell-Checkliste
- Den iframe-Einbettungscode auf Ihrer Unternehmenswebsite einfügen
-
embed=truesetzen, um den kompakten Modus zu aktivieren - Theme und Hintergrundfarbe an das Design Ihrer Website anpassen
- Das Skript zur automatischen Größenanpassung für nahtlose Höhenanpassung einfügen
- Die Einbettung auf Desktop und Mobilgeräten testen
- Ihre Karriereportal-Sitemap bei der Google Search Console einreichen
- Die JSON-API in Betracht ziehen, wenn Sie ein vollständig benutzerdefiniertes Design benötigen