도구 실행
오픈 그래프 미리보기 도구는 소셜 미디어 공유에 필요한 메타데이터 마크업 코드를 생성합니다. 제목, 설명, 이미지 주소, 페이지 웹주소, 사이트 이름, 콘텐츠 유형, 로케일 정보를 입력하면 해당하는 메타태그를 자동으로 구성합니다. 제목을 입력하면 기본 메타데이터가 생성되며, 비워둔 선택 항목은 태그에 포함되지 않습니다. 콘텐츠 유형을 지정하지 않으면 웹사이트 기본값이 적용되고, 로케일을 입력하지 않으면 미국 영어 기본값이 지정됩니다. 입력된 특수문자는 HTML 표준에 맞게 이스케이프 처리되므로 안전하게 웹사이트 헤더에 복사하여 붙여넣을 수 있습니다.
사용 방법
- 웹페이지의 제목을 입력란에 입력합니다.
- 설명, 이미지 주소, 웹주소, 사이트 이름 등 필요한 추가 정보를 입력합니다.
- 콘텐츠 유형과 로케일 값을 직접 지정하거나 기본값을 그대로 유지합니다.
- 실행 버튼을 눌러 오픈 그래프 메타데이터 마크업을 생성합니다.
- 화면에 출력된 메타태그 코드를 복사하여 웹페이지 HTML 문서의 head 영역에 붙여넣습니다.
예시
- 블로그 글 공유용 메타태그 생성: 제목에 '초보자를 위한 웹 개발 가이드', 설명에 '기초부터 배우는 실전 코딩', 콘텐츠 유형에 'article', 로케일에 'ko_KR'을 입력하여 기술 문서 전용 메타태그를 구성합니다.
- 서비스 홈페이지 메타태그 생성: 제목에 '스마트 플러스 랩', 설명에 '실용적인 온라인 도구 모음', 웹주소에 'https://example.com', 이미지 주소에 'https://example.com/cover.png'를 입력하여 대표 페이지용 태그를 생성합니다.
자주 묻는 질문
제목을 입력하지 않으면 어떻게 됩니까?
제목 입력란이 비어 있으면 메타태그가 생성되지 않습니다. 유효한 마크업을 생성하려면 최소한 제목을 입력해야 합니다.
외부 웹페이지나 이미지를 직접 조회하여 검증합니까?
이 도구는 입력된 텍스트 값을 기반으로 메타태그 코드를 생성하며, 입력된 웹주소나 이미지 주소로 외부 네트워크 연결을 시도하지 않습니다.
콘텐츠 유형과 로케일을 비워두면 어떤 값이 적용됩니까?
별도로 값을 입력하지 않으면 콘텐츠 유형은 website로, 로케일은 en_US로 자동 설정되어 메타태그가 출력됩니다.