Open Graph Generator

Generate OG tags

Generate OG tags 브라우저에서 로컬로 실행됩니다.

Input

URL, title and description, separated by vertical bars.

About the

오픈 그래프 생성기는 링크가 공유될 때 페이지의 모양을 제어하는 og 태그를 구축합니다. 단일 입력 라인에서 og:url, og:title, og:description 및 og:type을 내보냅니다. 이는 대부분의 플랫폼이 읽는 최소 세트입니다. 결과를 페이지 헤드에 붙여넣으면 미리보기 카드가 플랫폼에서 추측한 대로 표시되지 않습니다.

Where people use the

현재 공유 태그가 없는 페이지에 공유 태그를 추가합니다.
잘못된 제목이나 설명을 표시하는 링크 미리보기를 수정합니다.
일련의 랜딩 페이지에서 일관된 블록을 생성합니다.
페이지가 활성화되기 전에 출시를 위한 태그를 준비합니다.

How to use the

1
세 개의 필드를 입력하세요.
세로 막대로 구분된 URL, 제목, 설명(예: https://example.com | 페이지 제목 | 간단한 설명입니다.
2
생성
웹사이트로 설정된 og:type을 포함하여 4개의 og 태그가 생성됩니다.
3
블록 복사
태그를 페이지 헤드에 붙여넣으세요.
4
이미지 태그를 별도로 추가하세요.
og:image는 실제 파일에 대한 전체 URL이 필요하기 때문에 포함되지 않습니다. 공개적으로 접근할 수 있는 이미지를 가리키도록 직접 추가하세요.

팁 및 모범 사례

절대 URL을 사용하세요. 스크레이퍼는 상대 경로를 확인할 수 없습니다.
og:image를 약 1200x630픽셀 크기로 추가하세요.
태그를 변경한 후 플랫폼 디버거를 사용하여 다시 스크레이핑합니다. 미리보기가 캐시됩니다.

자주 묻는 질문

내 공유 링크가 여전히 잘못된 것처럼 보이는 이유는 무엇입니까?

플랫폼은 미리보기를 적극적으로 캐시합니다. 태그가 정확하면 플랫폼의 자체 공유 디버거를 사용하여 강제로 다시 스크레이핑하거나 캐시가 만료될 때까지 기다립니다.

og:image가 필요합니까?

엄밀히 말하면, 이미지가 없는 링크에는 클릭할 가능성이 훨씬 적은 일반 텍스트 카드가 표시됩니다. 하나를 추가하세요.

이미지의 크기는 얼마나 되어야 합니까?

대부분의 플랫폼에서 잘라도 살아남기 때문에 약 1200 x 630 픽셀이 일반적인 권장 사항입니다.

Twitter 전용 태그도 필요합니까?

대부분의 플랫폼은 og 태그를 읽습니다. Twitter용 카드 태그는 레이아웃을 재정의할 수 있지만 선택 사항입니다.

상대 URL을 사용할 수 있나요?

아니요. og:image 및 og:url은 구성표를 포함하여 절대적이어야 합니다. 외부 스크레이퍼에는 확인할 기본 URL이 없기 때문입니다.