|
|
Erstellen Sie visuelle Sitemaps für eine bessere Website-Navigation
Erstellen Sie visuelle Sitemaps mit unserem visuellen Sitemap-Generator-Tool. Wählen Sie zwischen mehreren visuellen Sitemap-Stilen für Ihre Website.
Hinweis: Wir haben ein Video-Tutorial:
Obwohl die Videodemonstration den A1 Sitemap Generator verwendet, sind einige davon auch für Benutzer von TechSEO360 anwendbar.
Obwohl die Videodemonstration den A1 Sitemap Generator verwendet, sind einige davon auch für Benutzer von TechSEO360 anwendbar.
Einführung in visuelle Sitemaps
Wenn Sie sich nicht sicher sind, wie Sie einfache Sitemaps erstellen, lesen Sie bitte zuerst unsere Einführung in HTML-Sitemaps und die Hilfeseiten zu erweiterten HTML-Sitemaps.
Wie bei normalen HTML-Sitemaps werden die generierten Primärdateien in dem von Ihnen ausgewählten Pfad abgelegt.
Zugehörige CSS- und JS- Dateien werden jedoch in einem Unterverzeichnis der Sitemap-Datei abgelegt.
Das heißt, wenn Sie beabsichtigen, die Sitemap-Dateien in ein anderes Verzeichnis zu kopieren, müssen Sie sicherstellen, dass Sie das Unterverzeichnis einschließen.
Wie bei normalen HTML-Sitemaps werden die generierten Primärdateien in dem von Ihnen ausgewählten Pfad abgelegt.
Zugehörige CSS- und JS- Dateien werden jedoch in einem Unterverzeichnis der Sitemap-Datei abgelegt.
Das heißt, wenn Sie beabsichtigen, die Sitemap-Dateien in ein anderes Verzeichnis zu kopieren, müssen Sie sicherstellen, dass Sie das Unterverzeichnis einschließen.
Erstellen Sie visuelle Sitemaps
Um mit der Erstellung visueller Sitemaps zu beginnen, wählen Sie die gewünschte visuelle Sitemap-Vorlagenvoreinstellung aus, die im Dropdown-Feld verfügbar ist, und laden/öffnen Sie sie.
Obwohl dies normalerweise nicht erforderlich ist, können Sie den Code und die Optionen ändern, um sie an Ihre spezifischen visuellen Sitemap-Anforderungen anzupassen. Dazu gehören HTML, CSS-Stil, JavaScript-Code, Spalten pro Sitemap-Seite, Links pro Sitemap-Seite usw.
Hinweis: Lesen Sie die Kommentare im Code der ausgewählten visuellen Sitemap, da diese Informationen beispielsweise zur Browserkompatibilität enthalten können.
Hinweis: Wenn Sie den Code oder die Optionen ändern, empfehlen wir Ihnen, Ihre Änderungen zu testen, bevor Sie die erstellten Sitemaps auf Ihre Website hochladen.
Hinweis: Wenn Sie mit den integrierten Vorlagenvoreinstellungen nicht zufrieden sind, können Sie auch Ihre eigenen einzigartigen visuellen Sitemap-Vorlagen erstellen.
Obwohl dies normalerweise nicht erforderlich ist, können Sie den Code und die Optionen ändern, um sie an Ihre spezifischen visuellen Sitemap-Anforderungen anzupassen. Dazu gehören HTML, CSS-Stil, JavaScript-Code, Spalten pro Sitemap-Seite, Links pro Sitemap-Seite usw.
Hinweis: Lesen Sie die Kommentare im Code der ausgewählten visuellen Sitemap, da diese Informationen beispielsweise zur Browserkompatibilität enthalten können.
Hinweis: Wenn Sie den Code oder die Optionen ändern, empfehlen wir Ihnen, Ihre Änderungen zu testen, bevor Sie die erstellten Sitemaps auf Ihre Website hochladen.
Hinweis: Wenn Sie mit den integrierten Vorlagenvoreinstellungen nicht zufrieden sind, können Sie auch Ihre eigenen einzigartigen visuellen Sitemap-Vorlagen erstellen.
Visuelle Sitemap-Beispiele
Einige Sitemap-Vorlagen in TechSEO360 basieren auf beliebten visuellen HTML/CSS-Sitemap-Lösungen:
- HTML/CSS/Javascript-Sitemap basierend auf SitemapStyler von http://grakalic.com/.
- HTML/CSS-Sitemap basierend auf SlickMap von https://astuteo.com/slickmap/.
- HTML/CSS-Sitemap basierend auf CSSsitemap von https://theleggett.com/2011/05/04/csssitemap-system/.
