Einführung in semantische XHTML-Tags
|
Der erste Punkt ist, dass Menschen die Semantik von Inhalten durch visuelle Unterteilung beurteilen können, während Suchmaschinen nur Code sehen. Suchmaschinen können die Semantik von Inhalten nur über Tags ermitteln. Früher habe ich Suchmaschinen nicht viel Aufmerksamkeit geschenkt, aber jetzt merke ich langsam etwas darüber, denn ein großer Teil des Seitenverkehrs kommt von Suchmaschinen. Um die Seite so suchmaschinenfreundlich wie möglich zu gestalten, müssen wir die Tags so semantisch wie möglich gestalten. In der Vergangenheit dachte ich aufgrund meiner oberflächlichen Kenntnisse der Webentwicklung, dass man zum Schreiben einer guten, standardkonformen Seite nur Struktur und Präsentation trennen und keine Tags wie Tabelle und Schriftart verwenden müsse. Was die Verwendung von Divs auf der gesamten Seite angeht, dachte ich, dass es kein Problem darstellt, da CSS sehr leistungsfähig ist. Allerdings haben alle Tags ihre eigene Semantik. Die Semantik einiger Tags ist unten aufgeführt: div-Semantik: Division (Trennung) Span-Semantik: Span (Bereich) ol Semantik: Sortierte Liste ul-Semantik: Ungeordnete Liste (ungeordnete Liste) li-Semantik: Listenelement ………… Wenn Sie die Tag-Semantik und Standardstile ignorieren und div für alle Tags verwenden, können Sie tatsächlich Seiten mit guten visuellen Effekten schreiben, solange Sie CSS flexibel verwenden. In diesem Fall werden zwar die visuellen Anforderungen erfüllt, die gesamte Seite weist jedoch keinerlei Semantik auf und kann von Suchmaschinen dennoch nicht verstanden werden. Denken Sie also daran: Der Schlüssel liegt in der Struktur (HTML), und der Stil (CSS) wird verwendet, um die Struktur zu ändern. Daher müssen Sie zuerst das HTML festlegen, die Tags bestimmen und dann das entsprechende CSS auswählen. Im Allgemeinen verfügen alle Tags über einen Standardstil. Eine einfache Möglichkeit, zu beurteilen, ob die Semantik eines Webseiten-Tags gut ist, besteht darin, den Stil zu entfernen und zu prüfen, ob die Struktur der Webseite gut organisiert und geordnet ist und ob sie noch lesbar ist. Darüber hinaus ist das h-Tag erwähnenswert. Die Semantik des h-Tags ist Titel, und Suchmaschinen reagieren sensibler auf dieses Tag, insbesondere auf h1 und h2. Für eine semantisch einwandfreie Seite sollten die h-Tags vollständig, ordentlich und ohne Lücken sein. Mit anderen Worten müssen wir h1, h2, h3, h4 folgendermaßen nach unten drücken, anstatt h1, h3, h4 und h2 auslassen. Für eine gut strukturierte Webseite kann das h-Tag die Gliederung einer Webseite organisieren. |
<<: Eine kurze Einführung in MySQL InnoDB ReplicaSet
>>: Zusammenfassung der Methode von React zum Erstellen von Komponenten
Artikel empfehlen
Drei Möglichkeiten zum Kopieren von MySQL-Tabellen (Zusammenfassung)
Tabellenstruktur und deren Daten kopieren Die fol...
Zusammenfassung der Unterschiede zwischen count(*), count(1) und count(col) in MySQL
Vorwort Mit der Funktion count werden die Datensä...
Erste Schritte beim Erstellen einer Website für Anfänger - Die Voraussetzungen und Tools, die zum Erstellen einer Website erforderlich sind
Heute werde ich diese Anfängerfragen beantworten: ...
Detaillierte Erläuterung der MySQL-Mehrtabellenabfrage
Sich gut zu ernähren und ausreichend zu schlafen,...
Erstellen Sie eine virtuelle Umgebung mit venv in Python3 in Ubuntu
1. Virtuelle Umgebung folgt dem Projekt, erstelle...
So verwenden Sie die Firewall-Iptables-Strategie zum Weiterleiten von Ports auf Linux-Servern
Weiterleitung zwischen zwei verschiedenen Servern...
So verpacken Sie das Docker-Image, übertragen es auf den Remote-Server und stellen es auf k8s bereit
Inhaltsverzeichnis 1. Docker-Datei 2. POM-Konfigu...
Detaillierte Erklärung zum Anzeigen der MySQL-Speichernutzung
Vorwort Dieser Artikel stellt hauptsächlich die r...
Grafisches Tutorial zur Installations- und Konfigurationsmethode für die Dekomprimierungsversion von MySQL 5.7.21 (Win10)
Die Installations- und Konfigurationsmethode der ...
Implementierung des Tomcat-Bereitstellungsprojekts und Integration mit IDEA
Inhaltsverzeichnis 3 Möglichkeiten zum Bereitstel...
Automatische Hot-Deployment/Neustart von Jenkins+Tomcat und Lösungen für aufgetretene Probleme (empfohlen)
1. Hintergrund Die Projekte des Unternehmens wurd...
Verstehen Sie den aktuellen Status der HTML5-Entwicklung in der mobilen Entwicklung genau
„Wir schreiben unsere nächste Reihe mobiler Produ...
Implementierung der Funktion zum Speichern von Screenshots aus HTML in PDF
Technologie nutzen itext.jar: Konvertiert den Byt...
MySQL 8.0.17 winx64 (mit Navicat) manuelle Konfiguration Version Installation Tutorial Diagramm
1. Download-Adresse: mysql-8.0.17-winx64 Herunter...
Konvertieren von XHTML-CSS-Seiten in Druckerseiten
<br />In der Vergangenheit musste zum Erstel...