Wie eine HTML-Sitemap in Dreamweaver erstellen
Wenn Sie eine Visual Site-Map zu erstellen, erstellen Sie ein Diagramm aller Seiten auf einer Website, einschließlich der Vernetzung der Hauptseiten durch Navigation und Unternavigation. Sie verwenden diese Informationen dann zu helfen, sammeln und Inhalte definieren, sowie als nützlicher Leitfaden dienen, wenn das Mock-up des Designs der Website zu generieren.
Nachdem die Website vollständig aufgebaut wurde, können Sie diese visuellen Website Karte wieder verwenden, um Sie eine HTML-Sitemap-Seite zu erstellen helfen, die als Werkzeug auf dem Remote-Host-Server auf der Website hinzugefügt werden die Besucher zu helfen, durch die Website navigieren eine mit Liste von Hypertext-Links.
Was auf der HTML-Sitemap Seite einbinden
In seiner einfachsten Form enthält die HTML-Sitemap-Seite eine Liste von Standard Hypertext-Links zu allen Seiten auf einer Website. Diese Liste sollte Links auf die Homepage, zu allen wichtigen Seiten und Unterseiten auf der Website, und zu anderen Seiten auf der Website enthalten, die nicht der Hauptnavigation sein könnte zugänglich durch, wie eine Datenschutzrichtlinie oder Kundenservice-Seite.
Die besten Ergebnisse erzielen, speichern Sie die Seite mit dem Dateinamen sitemap.html und präsentieren alle Hyperlinks auf die Seiten der Website in einer einfachen Listenformat.
Um dies zu fertigen Seite zugänglich zu machen, sollten Sie einen Link, um es in der Fußzeile enthalten sowie das Hinzufügen einer Verbindung zu ihm in den Kopf der Seite. Diese beiden Aktionen wird dazu beitragen, die Website besser zugänglich machen zu
Besucher mit Behinderungen mit Bildschirm-Leseprogramme oder andere Geräte
Besucher mit anderen Browser-Einstellungen, wie zum Beispiel Nur-Text-Browser und Browser mit javascript deaktiviert
Besucher, die in der Lage sein wollen, gehen Sie direkt zu einer beliebigen Seite auf der Website mit einem einzigen Klick, anstatt mit den Hauptnavigationssystem der Site
Besucher, die auf einen Blick alle Seiten auf einer bestimmten Website sehen wollen, und wissen, wie sie praktisch organisiert sind
Erstellen Sie eine Sitemap Seite
eine Sitemap Seite in HTML zu erstellen ist recht einfach. Es ist nur eine Frage der eine Reihe von aufgeführten Hyperlinks einfügen, die dem Rest der Seiten auf der Website führen.
Öffnen Sie die Homepage Ihrer Website fertig in Dreamweaver oder in Ihrem bevorzugten HTML oder WYSIWYG-Editor.
Wenn Sie mit Dreamweaver, stellen Sie sicher, dass das Bedienfeld Dateien Ihrer Website als verwaltete Site auflistet. Wenn nicht, wählen Seiten-Website Verwalten Sie Ihre Website aus der Liste auszuwählen.
Wählen Sie Datei-Speichern unter, und wenn das Dialogfeld Speichern unter geöffnet wird, eine Kopie der Homepage der Root-Ebene Ihrer verwalteten Website mit dem Dateinamen speichern sitemap.html.
Die neue Seite sieht auf der Homepage identisch, darunter alle Design-Elemente der Website, Logoplatzierung und Navigation.
Im Haupt editierbaren Bereich der Seite, wählen und löschen Sie alle die Homepage spezifische Inhalte.
Sie haben nun Raum eine Liste von Hyperlinks einfügen.
Setzen Sie den Cursor an der Spitze des leeren Bereich und geben Sie die Namen aller Seiten auf der Website, einschließlich der Site Map Seite, mit einem Namen pro Zeile, wie sie auf der visuellen Website Karte erscheinen.
Verwenden Sie zum Beispiel die Seitennamen Startseite, Über Produkte, Presse, Stores, Kontakt und Site Map.
Wählen Sie alle Wörter und wandeln sie in eine ungeordnete Liste, damit jede Seite Namen in ein Listenelement zu konvertieren.
Der HTML-Code für die Sitemap-Seite sollte die ungeordnete Liste-Tags verwenden, wie im folgenden Beispielcode dargestellt:
- Zuhause
- Etwa
- Produkte
- Drücken Sie
- Shops
- Kontaktiere uns
- Sitemap
Wenn Sie irgendwelche Unterseiten haben, diese Seiten in die Liste als eine Teilmenge der Hauptseite fügen sie sollten unter aufgeführt werden, wie in diesem Beispiel:
- Zuhause
- Etwa
- Produkte
- Silber
- Gold
- Drücken Sie
- Shops
- Kontaktiere uns
- Sitemap
(Optional) Falls gewünscht, geben Sie einen beschreibenden Satz unter jeder Kugel Element in der Liste Besucher helfen, lernen, über das, was sie erwarten können, auf jeder Seite zu finden.
Eine Beschreibung, wie diese können die Besucher helfen, die Seiten sowie Hilfe Suchmaschinen finden und Index jeder der Seiten auf der Seite.
Zum Beispiel, wenn Sie waren Beschreibungen der Zucker Affe Sitemap HTML-Seite hinzuzufügen, einer der Listenelemente könnte wie folgt aussehen:
- Etwa
Erfahren Sie mehr über die Gründer von Sugar Affe und erhalten die wahre Geschichte hinter Zucker Affe Erfolg. Konvertieren jeder der Seitennamen in der Liste in Hyperlinks zu den jeweiligen Seiten auf der Website, um sicherzustellen, dass jedes Glied seine eigene enthält Titel Attribut.
Zum Beispiel, wenn die über Listeneintrag ein Link auf die Seite Info wurde, könnte Ihr Code wie folgt aussehen:
- Etwa
Erfahren Sie mehr über die Gründer von Sugar Affe und erhalten die wahre Geschichte hinter Zucker Affe Erfolg. Speichern Sie Ihre Änderungen, schließen Sie die sitemap.html Datei, und laden Sie eine Kopie dieser Datei auf dem Remote-Host-Server-Standort.
Testen Sie die Seite so schnell wie möglich und korrigieren Sie alle Fehler oder Codierungsfehler. Wenn Sie Änderungen vornehmen, laden Sie die korrigierte Datei auf dem Remote-Host-Server.
Niemand wird zu dieser Seite wissen, bis Sie ein paar Links hinzufügen Seite zugänglich zu Website-Besucher zu machen.
Wenn Sie Ihre eigene Site Map Seite in HTML erstellen, müssen Sie in dieser Liste auch enthalten Links zu allen Seiten auf Ihrer Website, die über die Hauptnavigation können nicht verknüpft werden. Zum Beispiel, wenn Ihre Website Datenschutz, Nutzungsbedingungen und Kunden-Support-Seiten enthält, fügen Sie Links zu den Seiten zum Ende der Liste, direkt über den Link auf der Site Map Seite.
Zum Beispiel hat die Zucker Affe Website keine Unterseiten eines der unten angegebenen Hauptnavigationslinks, so können Sie diesen Schritt überspringen.