HTML 문서의 첫 번째 요소
웹상의 모든 HTML 문서는 다양한 요소로 구성됩니다. 요소의 대부분은 매우 일반적이며 단락, 제목, 이미지 및 링크와 같은 거의 모든 요소에서 발견됩니다. 그러나 이러한 요소들이 공통적 인 것처럼 선택 사항이 있습니다. 기술적으로 웹 페이지에 필요하지 않습니다. 이러한 요소가 누락 된 페이지는 아마도 매우 희소 할 것입니다.
이러한 선택적 HTML 요소 외에도 페이지에 실제로 필요한 요소가 있습니다. 이 요소의 대부분은 HTML 페이지의
영역에 있습니다. 이 요소는 웹 페이지에 표시되지 않는 요소입니다 (대부분). 요소는 사용자 방문자의 사이트에 표시되지 않지만 웹 브라우저뿐만 아니라 해당 페이지에 대한 정보를 검색 엔진에 전달할 때도 매우 유용합니다.기술적으로 모든 HTML 문서의 최상위에 있어야하는 태그는 요소 하나뿐입니다. 이 태그 쌍은 웹 페이지를 시작하고 끝내며 두 태그 사이의 모든 것이 HTML 내용임을 브라우저에 알립니다. 여는 태그 전에 종종 볼 수있는 것은 페이지의 doctype뿐입니다. 이것은 다음과 같이 작성됩니다.
태그 뒤에는 앞서 언급 한
태그 쌍이 있습니다. 이 태그 쌍 내부에는TITLE 요소
항상
- 검색 엔진은 TITLE을 사이트를 카탈로그 화하는 주요 수단으로 사용합니다. 당신의 웹 페이지가 기술적 인 제목이없는 경우에, 수색 엔진은 다른 페이지보다는 더 낮은 순위를 줄 것이다. 이것은 검색 엔진 결과 페이지 (SERP라고도 함)에 링크 텍스트 로 표시되는 내용이기도합니다.
- 브라우저 창의 상단 또는 브라우저의 페이지를 설명하는 탭에 표시됩니다.
- 그것은 누군가가 귀하의 사이트를 북마크 할 때 쓰여지는 것입니다. 사람들이 귀하의 사이트를 북마크에 추가한다면, 많은 웹 개발 소프트웨어 플랫폼에서 사용되는 기본 페이지 제목 인 "제목없는 문서"가 아니라 귀하의 사이트임을 기억하게하고 싶을 것입니다.
메타 정보 또는 메타 데이터
메타 정보 는 웹 페이지 및 기타 장치에 대한 추가 정보를 제공하는 HTML 문서의
에 들어있는 데이터입니다. 작성자 이름, 페이지를 만드는 데 사용 된 프로그램, 페이지가 만료되는 날짜, 가장 중요한 것은 페이지 자체와 관련된 설명 및 키워드 와 같은 정보를 포함 할 수 있습니다.웹 문서에 포함해야하는 가장 중요한 META 태그는 실제로 문자 세트 또는 문자셋입니다. 이는 웹 페이지 보안에 중요 합니다 .
문자 집합은 해커가 침입 할 수 없도록 항상 HEAD의 첫 번째 줄 이어야합니다. 문맥에서 우리가 다룬 태그의 나머지 부분을 따라 다음과 같이합니다.
head>
html>
메타 태그에 대해 자세히 알아보기
메타 태그는 검색 엔진에서 좋은 순위를 얻는 데 매우 중요하지만, 설명 이 적절한 제목 이나 메타 태그를 쓸 시간이있는 경우 제목을 작성하십시오 . 문서의 제목은 메타 태그보다 검색 엔진 게재 위치에 더 가깝습니다.
- Magic with Meta Tags - 메타 태그 를 사용 하여 더 나은 검색 엔진 배치
- 메타 태그 추가 - 키워드 및 설명을 넘어 메타 데이터 를 최대한 활용하십시오.
- 메타 태그 링크 - 메타 태그 도움말을위한 추가 링크
기타 요소
이미 다루었던 요소 외에도 페이지의
에서 찾을 수있는 다른 중요한 사항은 JS 파일에 대한 링크 또는 인라인 자바 스크립트 코드로 사이트의 CSS 파일 Javascript에 대한 링크입니다.Jennifer Krynin의 원본 기사입니다. 제레미 지라드 편집 됨 : 7/21/17