HTML <title>
사용 방법 알아보기 요소.
HTML <title>
요소는 웹사이트의 페이지 제목을 나타냅니다.
현재 있는 웹사이트의 페이지 제목을 보려면 브라우저 페이지 탭으로 마우스를 이동하고 몇 초 동안 마우스를 계속 누르고 있으면 전체 페이지 제목 팝업이 표시됩니다.
다음은 YouTube에서 수행하는 작업입니다.
제목 요소를 생성하기 위해 <title>
열기와 닫기를 사용합니다. 태그를 입력하고 그 안에 텍스트를 입력합니다.
<title>Document page title</title>
<title>
요소는 텍스트만 포함해야 합니다!
<title>
요소는 문서 <head>
안에 있습니다. 요소:
<!DOCTYPE html>
<html>
<head>
<title>Document page title</title>
</head>
<body>
...
</body>
</html>
SEO에 영향
<title>
검색 엔진의 알고리즘은 무엇보다도 페이지 제목을 사용하여 검색 결과의 순위를 결정하기 때문에 SEO(검색 엔진 최적화)에서 가장 중요한 요소 중 하나입니다.
SEO 및 UX를 위해 <title>
안에 추가하는 텍스트 요소는 가능한 한 페이지를 설명해야 합니다. 그러나 총 60자(단어 사이의 공백 포함)를 초과하여 사용하지 마십시오. 그렇지 않으면 검색 엔진에 전체 제목이 표시되지 않습니다.
또한 SEO에 도움이 될 것이라고 가정하고 거기에 키워드 목록을 쑤셔넣지 마십시오. 대신 해당 페이지의 기본 키워드를 포함하는 설명적인 제목을 작성하십시오.
다음은 설명이 포함된 페이지 제목의 예입니다.
<title>How to build a simple website with HTML, CSS, and JavaScript</title>
위의 제목은 유동적이고 설명적이며 TechStacker와 같은 튜토리얼 웹사이트에 대한 4가지 기본 키워드를 포함합니다.
- 웹사이트
- HTML
- CSS
- 자바스크립트
웹에서 볼 수 있는 일반적인 패턴은 웹사이트에서 페이지의 메인 제목을 사용한다는 것입니다. 텍스트 요소 <h1>Main heading</h1>
그들의 페이지 제목으로도. WordPress와 같은 일부 CMS는 자동으로 이 작업을 수행합니다. 어떤 이유에서든 기본 제목과 페이지 제목 설명을 구분해야 하는 경우가 아니면 이 접근 방식은 일반적으로 잘 작동합니다.