Sitejet Builder — Seiten, Design und SEO-Einstellungen verwalten
Back to Knowledgebase
<p>Sobald Ihre Sitejet-Website erstellt ist, können Sie Seiten hinzufügen, das globale Design anpassen, SEO konfigurieren und interaktive Elemente wie Kontaktformulare und Karten hinzufügen.</p>
<hr />
<p><strong>Seiten verwalten</strong></p>
<ul>
<li>Öffnen Sie das <strong>Seiten</strong>-Panel in der linken Seitenleiste.</li>
<li><strong>Seite hinzufügen</strong>: Klicken Sie auf die Schaltfläche +. Wählen Sie eine Seitenvorlage oder beginnen Sie mit einer leeren Seite.</li>
<li><strong>Seite umbenennen</strong>: Klicken Sie auf den Seitennamen und geben Sie den neuen Namen ein.</li>
<li><strong>Seiten neu anordnen</strong>: Ziehen Sie Seiten in der Liste nach oben oder unten – dies ändert die Reihenfolge in Ihrem Navigationsmenü.</li>
<li><strong>Seite löschen</strong>: Rechtsklick (oder Drei-Punkte-Menü verwenden) → Löschen. Die Seite wird von der Website und der Navigation entfernt.</li>
<li><strong>Seite als Startseite festlegen</strong>: Rechtsklick auf die Seite → Als Startseite festlegen.</li>
</ul>
<hr />
<p><strong>Globale Designeinstellungen</strong></p>
<p>Globale Stile gelten für die gesamte Website. Ändern Sie diese einmal und jede Seite wird automatisch aktualisiert:</p>
<ul>
<li><strong>Schriftarten</strong>: Legen Sie die primäre und sekundäre Schriftart fest. Sitejet bietet eine kuratierte Auswahl an websicheren Schriftarten und Google Fonts.</li>
<li><strong>Farben</strong>: Legen Sie Ihre Marken-Farbpalette fest. Alle Schaltflächen, Überschriften und Akzente werden entsprechend aktualisiert.</li>
<li><strong>Abstände und Layout</strong>: Passen Sie die Breite des Inhaltsbereichs und den Abstand zwischen den Abschnitten an.</li>
</ul>
<p>Greifen Sie auf globale Stile über das <strong>Design</strong>-Panel oder das Stileinstellungssymbol in der Symbolleiste zu.</p>
<hr />
<p><strong>Mobile und responsive Vorschau</strong></p>
<ul>
<li>Verwenden Sie die Gerätevorschau-Schaltflächen in der oberen Symbolleiste, um zwischen Desktop-, Tablet- und Mobilansicht zu wechseln.</li>
<li>Sitejet passt Layouts für kleinere Bildschirme automatisch an.</li>
<li>Wenn ein bestimmtes Element auf dem Mobilgerät falsch aussieht, wählen Sie es aus und passen Sie seine mobilspezifischen Einstellungen im Element-Panel an.</li>
</ul>
<hr />
<p><strong>Kontaktformulare und interaktive Elemente hinzufügen</strong></p>
<ol>
<li>Klicken Sie im Editor auf <strong>Abschnitt hinzufügen</strong>.</li>
<li>Durchsuchen Sie die Abschnittsbibliothek nach: Kontaktformularen, Bildgalerien, Karten, Teamprofilen, Preistabellen, Referenzen und mehr.</li>
<li>Wählen Sie einen Abschnitt aus und er wird der aktuellen Seite hinzugefügt.</li>
<li>Klicken Sie in den Abschnitt, um ihn zu konfigurieren – legen Sie beispielsweise die E-Mail-Adresse fest, an die Kontaktformular-Einsendungen gesendet werden.</li>
</ol>
<hr />
<p><strong>SEO-Einstellungen pro Seite</strong></p>
<ol>
<li>Wählen Sie eine Seite aus dem Seiten-Panel aus.</li>
<li>Klicken Sie im linken Panel auf die Registerkarte <strong>SEO</strong> (oder Rechtsklick auf die Seite → SEO-Einstellungen).</li>
<li>Legen Sie Folgendes fest:
<ul>
<li><strong>Seitentitel</strong> — wird in Browser-Tabs und Suchergebnissen angezeigt. Halten Sie ihn unter 60 Zeichen.</li>
<li><strong>Meta-Beschreibung</strong> — die kurze Zusammenfassung, die in Suchergebnissen angezeigt wird. Halten Sie sie unter 160 Zeichen.</li>
<li><strong>URL-Slug</strong> — der Pfad für diese Seite (z. B. <em>/contact</em>, <em>/about</em>).</li>
</ul>
</li>
<li>Sitejet generiert Standard-SEO-Werte aus Ihrem Seiteninhalt – überprüfen und verbessern Sie diese für jede Seite.</li>
</ol>
<hr />
<p><strong>Erweitert: Code-Zugriff</strong></p>
<p>Wenn Sie benutzerdefiniertes HTML, CSS oder JavaScript hinzufügen müssen:</p>
<ul>
<li>Wählen Sie ein Element aus → klicken Sie auf <strong>Code bearbeiten</strong>, um direkt auf dessen HTML zuzugreifen.</li>
<li>Verwenden Sie das Panel <strong>Seiteneinstellungen → Benutzerdefinierter Code</strong>, um Skripte zum <code><head></code> oder Ende des <code><body></code> hinzuzufügen – für Tracking-Pixel, Analysen oder Drittanbieter-Widgets.</li>
</ul>
<p>Ein vollständiger Code-Export ist verfügbar, wenn Sie Ihre Website auf eine andere Hosting-Plattform migrieren möchten.</p>
Was this article helpful?
Related Articles
Sitejet Builder — Create a Professional Website with AI Sitejet Builder — Manage Pages, Design, and SEO Settings Sitejet Builder — Creează un site web profesional cu AI Sitejet Builder — Gestionarea paginilor, designului și setărilor SEO Sitejet Builder — Erstellen Sie eine professionelle Website mit KIStill need help?
Open a support ticket →
