Video: SEO-Projektplan für den Website Relaunch: Die ultimative Checkliste 2024
Um die Konsistenz des Designs zu gewährleisten, die Benutzerfreundlichkeit zu erhöhen und das Engineering praktischer zu machen, verwenden die meisten Websites eine kleine Handvoll verschiedener Designs. Layouts mit Vorlagen . Sie möchten Seitenvorlagen entwickeln, wenn Sie eine neue Website erstellen oder eine bestehende Website umgestalten.
Diese Vorlagen sind für die verschiedenen Arten von Inhalten, Messaging und Aufgaben konzipiert, die die Website benötigt. Um Ihnen ein Beispiel zu geben, verwendet die Monster Energy Website nur etwa 12-14 verschiedene Layout-Vorlagen, um die gesamte Website zu erstellen. Einige dieser Vorlagen sind: Startseite, Alle Sportlandungen, Sportlandung, Athleten-Details und Detail der Nachrichtendetails. Alle Athleten verwenden die gleiche Athleten-Detail-Seitenvorlage. Die Vorlage wird dynamisch aus einer Datenbank mit den einzigartigen Bildern und Informationen des Athleten gefüllt.
Die andere Sache, die bei Vorlagen beachtet werden muss, ist, dass, während sie jeweils eine Vielzahl von Layoutanordnungen (von internem Seiteninhalt) erlauben, die Navigation an demselben Ort auf der gesamten Site stattfindet. Im Beispiel befindet sich die primäre Navigation vertikal auf der linken Seite, während die sekundäre "Header" -Navigation über die obere Ebene führt und die Fußnavigation die untere Ebene.
Diese Seite hat übrigens ein gutes Beispiel für einen Super Footer . Ein Super-Footer ist ein Footer-on-Steroids, der unten auf der Seite zu finden ist, wie in der folgenden Abbildung zu sehen ist. Es enthält eine Reihe von redundanten Textverknüpfungen zu allen Teilen der Website. Beachten Sie jedoch, dass es sehr Schlüsselwort - fett ist. Super Footer bieten nicht nur eine schnelle Navigation auf der gesamten Site, sondern sind auch eine Gelegenheit für SEO ( s earch e ngine o ptimization): Website mit mehr durchsuchbaren Wörtern und Phrasen, verbessern Sie die natürliche Suche Ranking Ihrer Website, wenn Menschen nach diesen Begriffen suchen.
Der Informations- und Wireframing-Prozess bestimmt letztendlich die Anzahl und die Art der Vorlagen, die Sie für eine Site entwerfen müssen. Sobald die verschiedenen Vorlagen identifiziert sind, können Sie beginnen, visuelle "Kompositionen" für jede Vorlage zu entwerfen.
