Die Grundlagen der Semantik
Semantik ist ein Wort, das vielen Designern Angst einjagt, aber es muss kein schwieriges oder kompliziertes Thema sein. Es geht um einen aussagekräftigen Ausdruck, die Vermeidung von Präsentations-Markups und die Verwendung geeigneter und aussagekräftiger Tags, sofern dies möglich ist.
Im Wesentlichen ist das semantische Entwerfen und Schreiben von HTML-Code so einfach wie das Beibehalten des HTML-Codes mit dem Inhalt der Seite und nicht mit dem Layout. Einige der folgenden einfachen Schritte helfen Ihnen dabei, sicherzustellen, dass Sie Suchmaschinen, Spinnen und Besuchern semantisch gefallen
Entdecken Sie Envato-Elemente
Titel-Tag
Stellen Sie sicher, dass Ihr Seitentitel-Tag beschreibend und aussagekräftig ist. Stellen Sie sicher, dass es sich für jede Seite Ihrer Website ändert, um den Inhalt dieser Seite wiederzugeben.
Überschriften
Es ist möglich, die Überschriften Ihrer Seite mit div- und span-Tags zu definieren, aber das bedeutet nicht, dass es sich um eine Überschrift handelt. Die Verwendung von h1- bis h6-Tags zur Unterscheidung und Gestaltung der Überschriften auf Ihrer Seite ist viel besser.
Tabellen und Formulare
Standardmäßig sind Tabellen und Formulare nicht sehr semantisch und können sehr allgemein sein. Sie sind auch für Benutzer, die nicht standardmäßige Browser verwenden, nicht zugänglich. Stellen Sie bei Tabellen sicher, dass Sie das thead-Tag verwenden, um die Spalten Ihrer Tabelle zu erläutern. Verwenden Sie für Formulare das Label-Tag, um zu beschreiben, wofür die einzelnen Eingaben, Kontrollkästchen usw. vorgesehen sind.
Bilder
Es scheint, als würde es immer wieder gesagt, aber verwenden Sie Attribute für alle Ihre Bilder, um sicherzustellen, dass sie im Seiteninhalt beschrieben werden - sowohl für Suchmaschinen als auch für behinderte Benutzer.
Scheint einfach ... aber warum?
Die Verwendung von semantischem Code lässt Ihre Website nicht anders aussehen und kommt Ihren Lesern in keiner Weise direkt zugute. Ein direkter Effekt, den Sie möglicherweise sehen, ist, dass Suchmaschinen Ihre Website korrekter und effektiver gestalten.
Auch die semantische Codierung ebnet den Weg für die Zukunft. In den nächsten 5, 10, 100 Jahren wird es neue Geräte, Software und Anwendungen geben, die weiterhin die Inhalte im Web verwenden, um sie mit Strom zu versorgen. Die Semantik setzt den Standard, den zukünftige Systeme einhalten und interpretieren werden.
