-
Wie können wir die Website besser machen, besser an die W3C-Standards anpassen und eine gute Benutzererfahrung bieten? Dies ist ein Problem, mit dem viele Webseitenersteller konfrontiert sind, und es ist auch etwas, was jeder Netgather-Webmaster wissen möchte Ich hoffe, dass es für alle hilfreich sein kann. Bitte kritisieren und korrigieren Sie etwaige Mängel.
1. Verstehen Sie das Thema der Website, klären Sie den auf der Website angezeigten Inhalt und die Mehrheit der Browsing-Gruppen
Wenn Sie eine Website erstellen möchten, die für Benutzer nützlich ist, sollten Sie sich zunächst über den Inhalt und die Funktionen der Website Gedanken machen. Wie können Benutzer als Website-Designer schnell und einfach finden, was sie wollen? Um diesen Aspekt herum sollte alles getan werden. Wenn Benutzer nicht schnell das bekommen, was sie wollen, oder Ihre Website nicht einfach zu verwenden ist, ist die Website ein Fehlschlag. Benutzer werden enttäuscht sein und sich möglicherweise nie wieder auf Ihrer Website anmelden. Ein kleines Beispiel: Wenn Sie eine Aktien-Website erstellen möchten, die Schriftgröße der Website jedoch 12 Pixel beträgt, denken Sie darüber nach, dass die Zahl der alten Menschen, die sich zu Hause zurückziehen und mit Aktien spekulieren, nicht gering ist, selbst wenn Ihre Website Egal wie gut oder prägnant der Inhalt ist, es ist für sie unmöglich, eine Lupe an den Monitor zu halten und auf Ihre Website zu schauen. Das Ergebnis wird nur sein, dass Sie eine große Anzahl von Benutzern verlieren.
2. Angemessene Farbanpassung
Für einen Webdesigner ist der Designprozess sowohl schmerzhaft als auch erfreulich. Nachdem Sie herausgefunden haben, welche Art von Website Sie erstellen möchten, müssen Sie einen Prozess der Farbauswahl und des Layouts durchlaufen, um das Thema angemessener widerzuspiegeln. Persönlich denke ich, dass die Farbanpassung keine schwierige Aufgabe ist, wenn Sie keine besonders personalisierte Website erstellen. Identifizieren Sie zunächst die Hauptfarbe. Tatsächlich sind die Branchenmerkmale der Farbe nicht sehr wichtig. Es ist nur die Wahrnehmung einer Branche, die den Zusammenhang zwischen der Branche und der Farbanpassung herstellt. Wenn Sie beispielsweise eine Hotel-Website erstellen, kann dies natürlich nicht der Fall sein „Tatsächlich kommt es auf die Wahrnehmung der Menschen an, denn wir dachten beide, Rot sei eine festliche Farbe und daher für ein Bestattungsunternehmen ungeeignet. Beispielsweise eignet sich Blau im Allgemeinen besser für technologiebasierte oder technologiebasierte Websites, Rosa eignet sich besser für weibliche Websites usw. Zweitens sind Hilfsfarben und Endfarben erforderlich, um die Hauptfarbe einer Website zu bestätigen. Die Hilfsfarben verwenden meist dieselbe Farbkombination und benachbarte Farbkombinationen. Die gleiche Farbanpassung wird durch Ändern der Transparenz, Sättigung, Aufhellung oder Abdunkelung der Hauptfarbe erreicht. Die angrenzende Farbanpassung basiert auf der Hauptfarbe, indem benachbarte Farben im Farbkreis verwendet werden, z. B. Rot und Orange. Die Endfarbe unterscheidet sich im Allgemeinen stark von der Hauptfarbe. Sie wird im Allgemeinen in den wichtigeren Inhalten oder Schaltflächen der Webseite verwendet. Ihre Funktion besteht darin, die Aufmerksamkeit des Benutzers zu erregen und die visuelle Ermüdung der Webseite zu beseitigen Es ist vernünftig, zu viel Aussehen zu vermeiden, sonst wird es kontraproduktiv.
3. Gutes Weblayout
Die Elemente, die beim Webseiten-Layout berücksichtigt werden sollten, sind klare Prioritäten, Koordination und Ordnung, Respekt vor den Sehgewohnheiten der Benutzer und eine angemessene Anordnung der Inhalte. Zeigen Sie so weit wie möglich zuerst an, was Benutzer möchten, und achten Sie auf potenzielle Benutzerverhaltensweisen. Wie das Sprichwort sagt: Ein gutes Gedächtnis ist nicht so gut wie ein schlechter Stift. Beim Entwerfen einer Website-Oberfläche sollten wir zuerst das Layout der Website mit einem Bleistift skizzieren und es dann mit einer Zeichensoftware erstellen und ändern gewünschten Effekt. Details entscheiden über Erfolg oder Misserfolg. Verwenden Sie in den Design-Renderings so wenige große Farbblöcke wie möglich, heben Sie die Navigation hervor und sorgen Sie für klare Abschnitte, um einen sauberen, prägnanten, ordentlichen und koordinierten Effekt zu erzielen. Beispielsweise sollte die Navigationsleiste angemessen mit einem Mauseffekt hinzugefügt werden; die Umrisse und Schatten der Webseite sollten nicht zu deutlich sichtbar sein, es ist am besten, wenn sie vorhanden sind Bilder und Texte sollten angemessen und einheitlich sein; die physischen Eigenschaften des täglichen Lebens sollten respektiert werden (z. B. wird das Licht heller). (auf der einen Seite heller und auf der anderen Seite heller, oder wie ein Band, das sich um einen Gegenstand wickelt, sollte der Wendepunkt leicht hervorstehen und einen dezent abgerundeten Schatten haben)...
Nachdem die Produktion der Webseiten-Renderings bestätigt wurde, beginnen wir mit der Produktion der HTML-Seite.
4. Titel und Meta der Webseite
Der Titel und das Meta der Webseite sollten auf den Basisspalten und Inhaltsseiten basieren. Sie müssen keine Schlüsselwörter hinzufügen, was nur geringe Auswirkungen auf Suchmaschinen hat Keyword-Stacking.
5.Verwendung von h1-h6-Tags
Ein Webseiten-H1-Tag kann nur einmal verwendet werden. Auf der Startseite, der Kanalseite und der Listenseite einer Website kann das h1-Tag jeweils für den Websitenamen, den Kanalnamen und den Spaltenlistennamen verwendet werden. Auf der Artikeldetailseite einer Website muss jedoch das h1-Tag verwendet werden im Artikeltitel verwendet werden. h2-h6-Tags können wiederholt auf einer Seite verwendet werden und entsprechen dabei wiederum der Website-Hierarchie.
6.CSS-Dateien
Versuchen Sie, CSS-Dateien über Links von außen zu importieren, und schreiben Sie eine reset.css, die Sie häufig zum Zurücksetzen des CSS-Stils verwenden. Vermeiden Sie die Verwendung von *{}. Schreiben Sie einen Stil in eine Zeile, um die Dateigröße zu reduzieren. Versuchen Sie, CSS-Hack-Techniken für verschiedene Browser zu vermeiden.
7.Optimierung von Hintergrundbildern
Zusätzlich zum eigentlichen Inhalt der Website sollten die im Frame verwendeten Bilder so weit wie möglich in der CSS-Datei definiert werden. Entsprechend der tatsächlichen Situation sollte das Hintergrundbild so weit wie möglich zusammengeführt werden, um die Ladegeschwindigkeit zu verbessern. Es ist am besten, ein sehr kleines Bild nicht über eine größere Fläche zu kacheln.
8.div+CSS-Layout zur Reduzierung der Seitenverschachtelung
Der Zweck der Verwendung des div+css-Layouts besteht darin, den Seitencode zu reduzieren, die Website-Struktur hierarchisch zu gestalten und Inhalt und Präsentation zu trennen. Die Reduzierung der Verschachtelung ist nicht nur suchmaschinenfreundlich, sondern trägt auch zur Reduzierung der Seitengröße bei und erleichtert spätere Wartungs- und Änderungsarbeiten.
9. Optimieren Sie Seiten-JS
JS-Dateien, die zusammengeführt werden können, werden zu einer einzigen zusammengeführt, wodurch große Schleifen und übermäßige hierarchische Verweise reduziert und die Lade- und Ausführungsgeschwindigkeit verbessert werden.
10. Vermeiden Sie tote Links und leere Verbindungen
Wie frustrierend wäre es für Benutzer, wenn beim Klicken auf den gewünschten Artikel nur „Diese Seite kann nicht angezeigt werden“ angezeigt wird.
11. Angemessener Text und Grafiken
Füllen Sie Ihre Website nicht absichtlich mit Bildern. Suchmaschinen erkennen keine Bilder außer dem Alt-Attribut. Das Hinzufügen von Bildern an geeigneten Stellen kann dazu beitragen, Besucher anzulocken und die Ermüdung beim Lesen langer Texte zu verringern.
12. Anforderungen an Webseitenbilder
Fügen Sie Alt-Attribute sowie Breiten- und Höhenattribute zu Webseitenbildern hinzu. Komprimieren Sie die Bilder nicht absichtlich, um sicherzustellen, dass die Bildanzeige nicht deformiert wird.
13. Testen Sie Ihre Website in verschiedenen Browsern.
Damit mehr Menschen normal auf Ihrer Website surfen können, testen Sie Ihre Seite bitte mit verschiedenen gängigen Browsern, um sicherzustellen, dass Ihre Website normal ausgeführt werden kann.
14. W3C-Verifizierung bestanden.
http://jigsaw.w3.org/css-validator/validator.html#validate-by-uri
Persönlicher Bereich des Autors Tomato