Seite erstellen und veröffentlichen

Die Bearbeitungsoptionen für Ihre Seiteninhalte, Ihr Layout und Ihre Stile hängen von dem Typ von Vorlage ab, die Sie verwenden.

• Starter-Vorlagen enthalten Funktionen für die Drag-&-Drop-Bearbeitung und eine einfache Oberfläche zur Anpassung von Schriftarten, Farben und Schaltflächenstilen. Accounts, die nur Zugriff auf Marketing Hub Starter oder die kostenlosen Tools von HubSpot haben, können nur Seiten mithilfe von Startvorlagen erstellen.
• Designvorlagen umfassen Drag-&-Drop-Bearbeitungsfunktionen, individuelle Designmodule und Designeinstellungen.
• Arbeiten Sie bei einer benutzerdefinierten Vorlage mit einem Entwickler, um eine Code-Vorlage mit der HubSpot-Entwickler-CMS-Dokumentation zu erstellen. Ihr Entwickler kann auch eine Layoutvorlage mit dem Design Manager-Tool erstellen.
• Im Asset Marketplace finden Sie weitere Seitenvorlagen.

Bitte beachten: Alle Starter-Vorlagen haben die gleichen Optionen im Seiten-Editor und auf der Registerkarte „Design“. Code-Vorlagen, Layoutvorlagen, Designvorlagen und im Vorlagen-Marketplace erworbene Vorlagen verfügen über alle Stiloptionen, die vom Entwickler berücksichtigt wurden.

Zum Seiten-Editor gehen

Neue Seite erstellen

So erstellen Sie eine komplett neue Landing-Page oder Website-Seite:

• Gehen Sie zu Ihrem Content:

  • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Marketing > Website > Website-Seiten.
  • Landing-Pages: Navigieren Sie in Ihrem HubSpot-Account zu Marketing > Landing-Pages.
• Klicken Sie oben rechts auf das Dropdown-Menü „Erstellen“ und wählen Sie „Website-Seite“ oder „Landing-Page“. aus.
• Bewegen Sie den Mauszeiger über eine Vorlage und klicken Sie oben rechts auf „Vorschau“, um zu sehen, wie sie auf dem Desktop oder dem Mobilgerät aussieht. Um eine neue Seite mit dieser Vorlage zu erstellen, klicken Sie oben rechts auf „Vorlage verwenden“.
• Geben Sie Ihrer Seite einen internen Seitennamen und klicken Sie auf „Seite erstellen“.

Bitte beachten: Vor der Veröffentlichung müssen Sie in Ihren Einstellungen Ihrer Seite einen öffentlichen Titel geben.

Vorhandene Seite bearbeiten

So bearbeiten Sie eine vorhandene Seite:

• Gehen Sie zu Ihrem Content:

  • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Marketing > Website > Website-Seiten.
  • Landing-Pages: Navigieren Sie in Ihrem HubSpot-Account zu Marketing > Landing-Pages.
• Bewegen Sie den Mauszeiger über eine vorhandene Seite in Ihrem Dashboard, und klicken Sie auf „Bearbeiten“.

Seiteninhalte bearbeiten

Im Seiten-Editor können Sie die Inhalte der einzelnen Module in Ihrer Vorlage bearbeiten. Um das Layout Ihrer Seite zu bearbeiten oder im Seiten-Editor neue Module hinzuzufügen, bitten Sie Ihren Web-Entwickler, Ihrer Seitenvorlage einen Drag-&-Drop-Bereich hinzuzufügen.

Inhalte in einem Modul bearbeiten

Auf der Registerkarte „Inhalt“ im linken Bereich können Sie alle Module in Ihrer Seitenvorlage anzeigen und bearbeiten. Wenn Ihre Seite globale Inhalte enthält, wie z. B. die Kopfzeile einer Seite, bearbeiten Sie diese im Editor für globale Inhalte.

Bitte beachten: Die Inhaltsoptionen für die einzelnen Module können variieren, je nachdem, wie die Vorlage von Ihrem Entwickler codiert wurde.

Um die Inhalte eines Moduls zu bearbeiten, bewegen Sie den Mauszeiger über das Modul und klicken Sie auf das edit Bleistiftsymbol. 

Einige Modultypen wie Überschriften, können direkt in der Seitenvorschau inline bearbeitet werden. Wenn Sie auf ein Modul klicken, werden auch dessen Bearbeitungsoptionen im linken Bereich geöffnet. Erfahren Sie mehr über übliche Inhaltsoptionen für jeden Modultyp.

Um eine vollständige Liste aller Module auf Ihrer Seite anzuzeigen, klicken Sie auf die Registerkarte „Inhalt“ im linken Bereich. Klicken Sie dann auf ein bestimmtes Modul in der Liste, um seine Inhaltsoptionen zu bearbeiten.

Wenn Ihre Vorlage Drag-&-Drop-Bereich oder flexible Spalten enthält, können Sie Ihre Module im Seiten-Editor hinzufügen oder neu anordnen.

Um eine Aktion im Seiten-Editor rückgängig zu machen oder wiederherzustellen, klicken Sie oben links auf das „Rückgängigmachen“-Symbol undo oder das „Wiederherstellen“-Symbol redo.

Bitte beachten Sie: Nur Änderungen, die während der aktuellen Sitzung in Ihrem Webbrowser vorgenommen werden, können rückgängig gemacht oder wiederhergestellt werden. Wenn Sie den Seiten-Editor aktualisieren, sind Ihre früheren Änderungen nicht mehr verfügbar.

Stile bearbeiten, die auf Ihre Module angewendet werden

Module, die mehrmals auf Ihrer Seite wiederholt werden, wie Schaltflächen oder Überschriften, verfügen meist über Standardstile basierend auf dem Stylesheet Ihrer Vorlage oder den Designeinstellungen Ihrer Website. Änderungen an diesen Stilen wirken sich in der Regel auf andere Seiten aus, die dieselbe Vorlage verwenden.

Bitte beachten: Die verfügbaren Optionen für die einzelnen Module können je nach Seitenvorlage variieren.

Seite für Suchmaschinen optimieren

Klicken Sie oben in der Navigationsleiste auf die Registerkarte „Optimieren“, um das SEO-Tool zu öffnen. Hier können Sie Ihre Seite an eines Ihrer Themen anhängen und Empfehlungen zur Verbesserung Ihres Inhalts prüfen.

Seiteneinstellungen bearbeiten

Um Ihre Seiteneinstellungen zu bearbeiten und einige grundlegende Seiteninformationen hinzuzufügen, klicken Sie oben im Seiteneditor auf die Registerkarte „Einstellungen“:

• Interner Seitenname: Der Name der internen Seite ist der Name, den Sie beim ersten Erstellen der Seite hinzugefügt haben und auf den im Dashboard verwiesen wird. Für Besucher ist er nicht sichtbar.
• Seitentitel: Der Titel, der oben in der Registerkarte Ihres Webbrowsers erscheint, wenn die Seite geladen wird.
• Seiten-URL: Die URL für Ihre Seite. Sie erscheint in der URL-Leiste im Browser, wenn Besucher zu dieser Seite navigieren. Sie können Ihre Seiten-URL auch nach der Veröffentlichung bearbeiten.
• Seite zu einem Menü hinzufügen: Füg Sie die aktuelle Website-Seite zu einem neuen oder vorhandenen erweiterten Menü in Ihren Inhaltseinstellungen hinzu.
• Meta-Beschreibung: Der Inhalt, der in den Suchergebnissen unterhalb des Seitentitels angezeigt wird.
• Kampagne: Ordnen Sie Ihre Seite einer HubSpot-Kampagne zu. Wählen Sie „Neu hinzufügen“ aus, um eine neue Kampagne zu erstellen.
• Feature-Bild: Klicken Sie auf diesen Schalter, um ihn zu aktivieren und damit ein bestimmtes Bild zu präsentieren, wenn Ihre Seite in sozialen Medien geteilt wird. Klicken Sie auf „Hochladen“, um ein Bild aus Ihrem Computer auszuwählen, oder auf „Bilder durchsuchen“, um ein Bild aus Ihrem Datei-Tool auszuwählen.

Erweiterte Optionen

Bitte beachten: Der Abschnitt „Erweiterte Optionen“ ist nicht in den Starter-Vorlagen verfügbar.

Klicken Sie auf „Erweiterte Optionen“, um weitere Einstellungen für Ihre Seite zu personalisieren. Diese Einstellungen sind nicht für die Veröffentlichung Ihrer Seite erforderlich.

• Seite an einem bestimmten Datum ablaufen lassen: Aktivieren Sie das Kontrollkästchen, um Ihre Seite an einem bestimmten Datum ablaufen zu lassen und umzuleiten.
• Zielgruppenzugriff für Seite steuern: Wählen Sie eine Option aus, um den Zielgruppenzugriff für diese Seite zu steuern.
  • Wählen Sie „Privat – Passwort erforderlich“ aus, um ein erforderliches Passwort hinzuzufügen für den Zugriff von Besuchern auf Seiteninhalte.
  • Wählen Sie „Privat – Registrierung erforderlich“ aus, um zuzulassen, dass sich Besucher für Ihre Website registrieren, bevor Sie die Seite anzeigen (nur CMS Hub Enterprise). Erfahren Sie mehr über das Steuern des Zielgruppenzugriffs. 
• Zusätzliche Code-Snippets: Fügen Sie Code-Snippets in den Feldern „HTML in der Kopfzeile“ und „HTML in der Fußzeile“ hinzu. Dies ist für das Hinzufügen von rohem HTML-Code oder Tracking- Code zum <head>- oder <footer>-Tag Ihrer Seite nützlich.

• HubDB: Wenn Ihr Web-Entwickler eine HubDB-Tabelle für dynamische Datenbankinhalte eingerichtet hat, können Sie hier Ihre Seite zu einer HubDB-Tabelle hinzufügen. Klicken Sie auf „Tabelle auswählen“ und wählen Sie die Tabelle aus, um diese Seite einer Datenbank hinzuzufügen.
• Vorlage: Zeigen Sie die Vorlage an, die für Ihre Seite übernommen wird. Klicken Sie auf „Andere Vorlage verwenden“, um eine neue Vorlage für Ihre Seite zu übernehmen, oder auf „Diese Vorlage bearbeiten“, um Ihre Vorlage zu bearbeiten.

Bitte beachten: Sie können nur Vorlagen desselben Vorlagentyps austauschen.

• Stylesheets: Verwalten Sie die Ihrer Seite angehängten Stylesheets. Um auszuwählen, ob die Standard-Stylesheets aktiviert bzw. deaktiviert werden oder den Standardeinstellungen folgen sollen, klicken Sie auf das Dropdown-Menü und wählen Sie dann eine Option aus. Klicken Sie auf „Stylesheet anhängen“ und wählen Sie ein vorhandenes Stylesheet aus, um es Ihrer Seite hinzuzufügen. Stylesheets gelten nicht für Designvorlagen.

• Kanonische URL: Passen Sie die kanonische URL Ihrer Seite an.

Vorschau Ihrer Seite einsehen

Klicken Sie oben rechts auf „Vorschau“, um zu sehen, wie Besuchern Ihre Seite auf verschiedenen Gerätetypen angezeigt wird. Sie können auch Personalisierung und Smart Content in der Vorschau testen. Erfahren Sie, wie Sie die Darstellung Ihre Seiten auf einem Mobilgerät anpassen können.

1. Gerätevorschau: Klicken Sie auf „In neuem Fenster öffnen“, um eine Live-Vorschau Ihrer Seite in einer neuen Browser-Registerkarte anzuzeigen. Dieser Vorschaulink funktioniert vor der Veröffentlichung der Seite. Klicken Sie auf „Teilbaren Link kopieren“, um den Link in Ihre Zwischenablage zu kopieren, um ihn mit Ihrem Team zu teilen. Um den Vorschau-Link anzuzeigen, müssen Ihre Teammitglieder bei HubSpot angemeldet sein.
2. Smart-Vorschau: Klicken Sie auf das Dropdown-Menü „Vorschau als“, um in einer Vorschau anzuzeigen, wie Ihre Seite für verschiedene Kontakte in Ihrer Datenbank angezeigt wird.
   • Wählen Sie einen Kontakt aus, um in einer Vorschau anzuzeigen, wie Personalisierung basierend auf den Eigenschaftswerten dieses bestimmten Kontakts angezeigt wird. Klicken Sie auf das zweite Dropdown-Menü, um einen bestimmten Kontakt aus Ihrer Datenbank auszuwählen.
   • Wählen Sie eine Smart Rule aus, um in einer Vorschau anzuzeigen, wie Kontakten, die die entsprechenden Kriterien erfüllen, Smart Content auf Ihrer Seite angezeigt wird. Klicken Sie auf das zweite Dropdown-Menü, um eine bestimmte Smart Rule für die Anzeige in einer Vorschau auszuwählen.
3. Gerätetyp: Klicken Sie auf „Mobilgerät + Tablet“, um eine Live-Vorschau Ihrer Seite auf einem Telefon oder Tablet anzuzeigen. Klicken Sie auf „Desktop“, um in einer Vorschau anzuzeigen, wie Ihre Seite in einem Webbrowser angezeigt wird.

Seite veröffentlichen oder planen

Nachdem Sie Ihre Inhalte hinzugefügt und für Suchmaschinen optimiert sowie in einer Vorschau überprüft haben, wie er Besuchern angezeigt wird, können Sie Ihren Beitrag veröffentlichen.

• Klicken Sie auf die Registerkarte „Veröffentlichen oder planen“ und wählen Sie „Jetzt veröffentlichen“ aus, um sofort zu veröffentlichen, oder „Für einen späteren Zeitpunkt planen“, um diese Seite zu einem späteren Datum und Zeitpunkt zu veröffentlichen.
• Wenn auf Ihrer Seite erforderliche Elemente fehlen, wird in der oberen rechten Ecke der Schaltfläche „Veröffentlichen“ eine Warnung angezeigt.
• Nachdem Sie alle erforderlichen Elemente für Ihre Seite abgeschlossen haben, klicken Sie auf „Veröffentlichen“.