본문으로 건너뛰기
Toolars
둘러보기
버그 신고

소셜 · 로컬 유틸리티

Open Graph 메타 태그 생성기

Open Graph Meta Generator

og:title, og:url, og:image 등 Open Graph 태그를 안전한 이스케이프와 함께 구성하고 대표 공유 카드를 미리 봅니다.

작업 경로 / 입력에서 결과까지

제목과 설명 쓰기

로컬에서 실행 · 업로드 없음

Open Graph 메타 태그 생성기 사용법, 개인정보 보호 및 관련 도구

작업 경로 / 입력에서 결과까지

Open Graph 메타 태그를 생성하는 방법

  1. 01

    제목과 설명 쓰기

    「제목」(120자까지)과 「설명」(300자까지)을 입력하세요. 제목은 필수라서 제목 없이 생성하면 이름이 있는 오류로 멈춰요. 설명은 선택 사항이고 있으면 og:description이 됩니다. 두 필드 모두 한계에서 입력을 멈춰요.

  2. 02

    URL 추가하기

    「Canonical URL」을 입력하세요. 절대 HTTP 또는 HTTPS 주소여야 합니다. 선택 사항인 「이미지 URL」도 입력할 때는 절대 주소여야 합니다. 잘못된 주소는 무언가 생성되기 전에 이름이 있는 오류로 거부되므로, 상대 경로나 맨 도메인이 태그에 섞여 들어가는 일이 없습니다.

  3. 03

    사이트 이름과 유형 설정하기

    「사이트 이름」을 100자까지 추가하고 「콘텐츠 유형」으로 웹사이트, 기사, 제품 중 하나를 고르세요. 유형은 og:type 값이 되고 사이트 이름은 og:site_name이 됩니다. 비워 두면 그 줄은 마크업에서 그냥 생략됩니다.

  4. 04

    태그 생성하기

    「메타 태그 생성」을 누르세요. 마크업은 줄당 하나의 meta 요소로 로컬에서 조립되고 모든 값이 속성용으로 이스케이프됩니다. 완성된 출력은 로컬 한계인 16,000자 이내여야 합니다. 「샘플 불러오기」는 완성된 기사 예시를 채우고 한 번의 클릭으로 생성까지 합니다.

  5. 05

    검토하고 복사하기

    대표적인 공유 카드를 확인하세요. 제목과 설명 위에 사이트 이름(사이트 이름이 없으면 Canonical URL의 호스트명)을 보여 줍니다. 출력 패널에서 생성된 마크업도 읽어 보세요. 필드를 편집하면 다시 생성할 때까지 마크업이 지워져요. 그다음 「메타 태그 복사」로 클립보드에 넣거나 「HTML 다운로드」로 toolars-open-graph-meta.html로 저장해 페이지 head에 넣으세요.

도구 요약

처리
브라우저에서 완결
입력의 기기 외 전송
없음
저장
아무것도 저장하지 않음
가격
무료

입력 값은 브라우저에 머물러요.

Open Graph 메타 태그 생성기 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않습니다.

로컬 실행

현재 브라우저 탭 안에서 실행됩니다.

숨겨진 처리 없음

사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않습니다.

계정 불필요

프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있습니다. 즐겨찾기는 로그인 후 계정에 동기화됩니다.

즉시 초기화

탭을 정리하면 사용 중이던 작업 데이터도 사라져요.

Open Graph 메타 태그 생성기 도구가 실제로 하는 일

한 개발자가 랜딩 페이지를 막 공개하려 하면서, 팀이 채팅에 링크를 올렸을 때 카드가 제대로 펼쳐지길 원합니다. 70자짜리 제목, 두 문장의 설명, 프로덕션 URL을 쓰고, 유형을 웹사이트로 정한 뒤 여섯 줄의 태그를 생성합니다. Open Graph 메타 태그 생성기는 안전한 이스케이프와 함께 og:title, og:type, og:url, og:description, og:image, og:site_name 줄을 조립하고, 마크업 옆에 대표적인 공유 카드를 보여 주므로 스니펫을 head에 붙여 넣기 전에 잘림 상태를 점검할 수 있습니다. 초안 문구와 미공개 URL은 브라우저 탭에 머물고, 검증을 위한 핑도 업로드도 없습니다.

자주 묻는 질문

어떤 태그가 생성되나요?
항상 og:title, og:type, og:url이 생성되고, 해당 필드가 채워지면 og:description, og:image, og:site_name이 더해져요. 각 줄은 property 속성이 있는 표준 meta 요소로 페이지 head에 바로 붙여 넣을 수 있고, 선택 줄은 빈 채로 출력되는 대신 완전히 생략됩니다.
콘텐츠는 어떻게 이스케이프되나요?
모든 값은 마크업에 들어가기 전에 속성용으로 이스케이프됩니다. 앰퍼샌드, 큰따옴표와 작은따옴표, 꺾쇠괄호가 엔티티 형태로 대체됩니다. 덕분에 따옴표나 특수 문자가 있는 제목이 태그를 깨뜨리지 않고, 각 값은 먼저 앞뒤 공백이 다듬어져요.
유효성 검사 규칙과 한계는 무엇인가요?
「제목」은 필수입니다. 「Canonical URL」은 절대 HTTP 또는 HTTPS URL이어야 하고, 「이미지 URL」도 입력할 때는 마찬가지입니다. 길이는 제목 120자, 설명 300자, 사이트 이름 100자로 제한되고, 완성된 마크업은 16,000자 이내여야 합니다.
대표적인 공유 카드는 무엇을 보여 주나요?
카드는 제목과 설명 위에 사이트 이름을 인쇄하고, 「사이트 이름」 필드가 비어 있으면 Canonical URL의 호스트명으로 대체합니다. 값들이 함께 어떻게 읽히는지를 보여 주는 대표 미리보기로, 로컬에서 그려져요. 플랫폼마다 자르고 생략하는 방식이 다르므로 특정 플랫폼의 픽셀 단위 재현은 아니에요.
무언가 업로드되거나 가져와지나요?
아니요. 마크업 조립과 공유 카드 미리보기는 전부 이 브라우저 탭 안에서 이뤄져요. 이미지 URL은 태그에 쓰일 뿐 여기서 가져와지지 않습니다. 계정은 필요 없고, 「초기화」는 기본 예시 값을 복원합니다.

소셜 목업 카테고리에서 계속하기

막다른 길이 아니라 이어지는 작업입니다.

전체 인덱스로 돌아가지 않고 다른 집중 워크스페이스로 바로 이동합니다.

Instagram 필터

Instagram Filters

Aurora, Noir, Sunset, Vivid 네 가지 필터 룩을 세기 조절과 함께 적용하고 원본 해상도 그대로 PNG로 내려받습니다.

편집

Instagram 게시물 생성기

Instagram Post Generator

제목, 캡션, 콘셉트 좋아요 수로 가상 게시물 콘셉트를 세 가지 테마로 구성하고 라벨이 붙은 1200×900 PNG로 내보냅니다.

게시

Instagram 스토리 생성기

Instagram Story Generator

제목, 행동 유도 문구, 설정 시간을 담은 가상 스토리 콘셉트를 만들고 라벨이 붙은 1080×1920 PNG로 내보냅니다.

게시

Instagram DM 생성기

Instagram DM Generator

주고받는 메시지와 설정 시간으로 가상 DM 대화를 연출하고, 내보내는 PNG에 가상 채팅 목업 워터마크를 새깁니다.

게시