Первый момент, который нужно объяснить, заключается в том, что люди могут судить о семантике контента через визуальное разделение, а поисковые системы видят только код. Поисковые системы могут судить только семантику контента через теги. Я действительно не обращал особого внимания на поисковые системы, но теперь я начинаю больше заботиться об этом, потому что большая часть трафика страницы поступает от поисковых систем. Чтобы сделать страницу максимально дружелюбной для поиска, мы должны как можно больше семантизировать теги.
В прошлом, основываясь на моем кратком понимании веб -разработки, я чувствовал, что написание хорошей страницы, соответствующей стандартам, требует только разделения структуры и производительности, а затем не использовать таблицы, шрифт и другие теги. Что касается DOV на протяжении всей статьи, я бы не подумал, что есть какие -либо проблемы, потому что CSS очень мощный. Тем не менее, все теги имеют свою семантику, и следующая семантика некоторых тегов:
Div Semantics: Division (разделение)
Span Semantics: Span (Scope)
OL Semantics: заказанный список (отсортированный список)
UL Semantics: неупорядоченный список (не отсортированный список)
Li Semantics: Список элемента (список)
…………
Если вы игнорируете семантику метки и стили по умолчанию и используете DOV для всех ярлыков, вы действительно можете писать страницы с хорошими визуальными эффектами, если вы гибко используете CSS. Но в этом случае, хотя требования выполняются визуально, на всей странице вообще нет семантики, и поисковая система все еще не может ее понять. Итак, помните:
Структура (HTML) является ключевой точкой, а стиль (CSS) используется для изменения структуры. Поэтому вы должны сначала определить HTML, определить тег, а затем выбрать соответствующий CSS.
Вообще говоря, все теги будут иметь стиль по умолчанию, поэтому простой способ судить, хороша ли семантика тегов веб -страницы - это удалить стили, чтобы увидеть, хорошо ли структура веб -страницы, и упорядочена, и хорошо ли она читаемой.
Кроме того, стоит упомянуть тег H. Семантика тега H - заголовок. Поисковые системы более чувствительны к этому тегу, особенно H1 и H2. Для хорошей семантической страницы H -тег должен быть полным и упорядоченным без неисправностей. Другими словами, толкайте его, как H1, H2, H3, H4 и не H1, H3, H4 и Miss H2. Хорошо структурированная веб-страница, тег H может организовать очередь веб-страницы.