오픈 그래프 메타 태그 생성기
웹페이지 제목, 설명, 이미지 주소, 콘텐츠 유형 등의 정보를 입력하여 소셜 미디어 공유용 오픈 그래프 메타 태그 마크업을 생성합니다.
도구 실행
오픈 그래프 메타 태그 생성기는 웹페이지의 메타데이터를 소셜 미디어 공유 규격에 맞춘 HTML 메타 태그로 변환해 주는 도구입니다. 웹페이지 제목, 요약 설명, 이미지 URL, 페이지 URL, 사이트 이름, 콘텐츠 유형, 로캘 정보를 입력란에 채워 넣으면 표준 Open Graph 형식의 마크업 코드가 만들어집니다. 페이지 제목 항목에 값을 입력해야 마크업이 생성되며, 제목이 비어 있는 경우에는 태그가 생성되지 않습니다. 이미지 URL이나 사이트 이름 등 선택 항목은 값을 입력했을 때만 해당 메타 태그가 결과에 포함됩니다. 입력된 특수문자는 HTML 안전 문자로 변환되어 태그 내에 안전하게 삽입됩니다.
사용 방법
- 웹페이지의 제목을 제목 입력란에 입력합니다.
- 페이지 설명, 이미지 URL, 대표 URL, 사이트 이름을 필요에 따라 입력합니다.
- 콘텐츠 유형과 로캘 값을 설정합니다. 기본값은 각각 website와 en_US입니다.
- 생성된 HTML 메타 태그 마크업 코드를 복사하여 웹페이지의 head 영역에 붙여넣습니다.
예시
- 블로그 글에 제목 '웹 개발 기초 가이드', 설명 '초보자를 위한 실용 안내서', URL 'https://example.com/guide', 유형 'article'을 입력하여 아티클 공유용 메타 태그를 생성하는 경우
- 쇼핑몰 메인 페이지에 제목 '스마트 스토어', 이미지 URL 'https://example.com/logo.png', 사이트 이름 '마이샵', 로캘 'ko_KR'을 입력하여 대표 소셜 메타 태그를 생성하는 경우
자주 묻는 질문
태그가 생성되지 않고 결과가 비어 있는 이유는 무엇인가요?
제목 입력란이 비어 있으면 마크업이 생성되지 않습니다. 필수 조건인 제목란에 한 글자 이상의 텍스트를 입력해야 메타 태그가 출력됩니다.
이미지 URL이나 사이트 이름을 입력하지 않아도 되나요?
네, 이미지 URL, 정규 URL, 사이트 이름은 선택 항목입니다. 입력하지 않은 항목은 결과 마크업에서 해당 메타 태그가 제외됩니다.
기본 로캘 값은 어떻게 변경하나요?
로캘 입력란의 기본값은 en_US로 지정되어 있으며, 한국어 웹페이지를 구성할 때는 ko_KR 등으로 변경하여 입력하면 됩니다.
입력한 특수문자는 어떻게 처리되나요?
입력된 값에 포함된 따옴표나 꺾쇠괄호 등의 특수문자는 HTML 안전 형식으로 자동 변환(이스케이프)되어 태그 속성에 안전하게 삽입됩니다.