설명해야 할 첫 번째 요점은 사람들이 Visual Division을 통해 컨텐츠의 의미를 판단 할 수 있으며 검색 엔진은 코드 만 참조한다는 것입니다. 검색 엔진은 태그를 통해서만 콘텐츠의 의미를 판단 할 수 있습니다. 나는 이전에 검색 엔진에 많은 관심을 기울이지 않았지만 지금은 페이지의 트래픽의 상당 부분이 검색 엔진에서 나오기 때문에 더 많은 관심을 기울이기 시작했습니다. 검색 엔진에 가능한 한 친숙한 페이지를 만들려면 태그를 가능한 한 의미하는 것을 의미합니다.
과거에는 웹 개발에 대한 간단한 이해를 바탕으로 표준을 충족하는 좋은 페이지를 작성하려면 구조와 성능을 분리 한 다음 테이블, 글꼴 및 기타 태그를 사용하지 않아야한다고 생각했습니다. 기사 전체의 DIV에 관해서는 CSS가 매우 강력하기 때문에 문제가 없다고 생각합니다. 그러나 모든 태그에는 자체 의미가 있으며 다음은 일부 태그의 의미론입니다.
Div Semantics : Division (분리)
Span Semantics : Span (범위)
ol 시맨틱 : 주문 목록 (정렬 목록)
UL Semantics : 비 순차 목록 (정렬 된 목록 아님)
Li Semantics : 목록 항목 (목록 항목)
…………
레이블 시맨틱 및 기본 스타일을 무시하고 모든 레이블에 DIV를 사용하는 경우 CSS를 유연하게 사용하는 한 실제로 시각적 효과가 좋은 페이지를 작성할 수 있습니다. 그러나이 경우 요구 사항이 시각적으로 충족되지만 전체 페이지에는 의미론이 전혀 없으며 검색 엔진은 여전히 이해할 수 없습니다. 그래서 기억하십시오 :
구조 (HTML)는 핵심 점이며 스타일 (CSS)은 구조를 수정하는 데 사용됩니다. 따라서 먼저 HTML을 결정하고 태그를 결정한 다음 적절한 CS를 선택해야합니다.
일반적으로 모든 태그에는 기본 스타일이 있으므로 웹 페이지 태그의 의미가 좋은지 판단하는 간단한 방법은 스타일을 제거하여 웹 페이지 구조가 잘 구성되어 있고 질서 정연한 지 확인하고 여전히 잘 읽을 수 있는지 확인하는 것입니다.
또한 H 태그를 언급 할 가치가 있습니다. H 태그의 의미론은 제목입니다. 검색 엔진은이 태그, 특히 H1 및 H2에 더 민감합니다. 좋은 시맨틱 페이지의 경우 H 태그는 결함없이 순서대로 완료해야합니다. 다시 말해, H1, H2, H3, H4처럼 아래로 밀고 H1, H3, H4 및 Miss H2를 사용하지 마십시오. 잘 구조화 된 웹 페이지 인 H 태그는 웹 페이지의 개요를 구성 할 수 있습니다.