도구 실행
웹페이지의 기본 메타데이터와 검색엔진 및 모바일 화면 표시 설정을 위한 HTML 메타 태그 마크업을 생성합니다. 페이지 제목, 설명, 키워드, 작성자 정보를 입력하면 해당 항목에 맞는 표준 HTML 태그가 줄바꿈으로 구분되어 출력됩니다. 입력 필드를 비워두더라도 기본 문자 인코딩(UTF-8)과 뷰포트(viewport), 로봇(robots) 제어 태그는 항상 생성됩니다. 또한 입력한 특수문자는 안전하게 이스케이프 처리되어 HTML 코드 내에 삽입되므로 복사하여 웹사이트의 head 영역에 바로 적용할 수 있습니다. 반응형 웹 디자인을 위한 뷰포트 설정과 검색엔진 수집 여부를 지정하는 로봇 메타 태그의 기본값도 필요에 따라 직접 변경할 수 있습니다.
사용 방법
- 페이지 제목, 설명, 검색 키워드, 작성자 정보를 각 입력 필드에 입력합니다.
- 반응형 화면 표시를 위한 뷰포트 설정과 검색 로봇 제어 설정을 확인하고 필요시 값을 변경합니다.
- 실행 후 결과 창에 줄 단위로 정렬되어 출력되는 HTML 메타 태그 코드를 확인합니다.
- 생성된 코드를 복사하여 대상 웹페이지의 <head> 태그 내부에 삽입합니다.
예시
- 블로그 글을 위한 태그 생성: 제목란에 '초보자를 위한 웹 개발 가이드', 설명란에 '기초부터 배우는 프론트엔드 튜토리얼입니다.', 작성자란에 '홍길동'을 입력하고 생성된 코드를 복사합니다.
- 검색엔진 색인 제외 페이지 태그 생성: 로봇 설정란에 'noindex, nofollow'를 입력하여 비공개 관리자 페이지용 메타 태그를 생성합니다.
자주 묻는 질문
선택 입력란을 비워두어도 메타 태그가 생성되나요?
네, 제목이나 설명 등의 선택 항목을 입력하지 않더라도 기본 문자 인코딩 태그와 뷰포트 및 검색 로봇 태그는 기본 마크업으로 생성됩니다.
입력한 특수문자가 HTML 깨짐을 유발하지 않나요?
입력된 텍스트는 HTML 속성값에 안전하게 들어갈 수 있도록 사전에 이스케이프 처리되어 생성됩니다.
생성된 메타 태그는 웹문서 어디에 넣어야 하나요?
HTML 문서의 <head> 시작 태그와 </head> 종료 태그 사이에 복사한 코드를 붙여넣으시면 됩니다.