기본 Open Graph 객체에는 og:title, og:type, og:image, og:url이 필요합니다. 짧은 og:description은 보통 독자에게 유용하지만 추가 필드에 속합니다. 값은 사이트 전체의 공통 템플릿이 아니라 특정 안내 페이지를 설명해야 합니다.
최소한의 자체 예시
모임 페이지 https://example.com/meeting/ 와 다음 이미지가 있다고 가정해 보세요: https://example.com/images/meeting.png. 이 페이지의 og:title 값은 «토요일 작가 모임», og:type 값은 website, og:url 값은 페이지 주소, og:image 값은 이미지 파일의 전체 주소로 지정할 수 있습니다. og:description에는 주제와 다음 단계를 간략하게 설명하세요.
각 값은 head 안에서 property와 content 속성을 가진 meta에 들어갑니다. 예를 들어: <meta property="og:type" content="website">. 실제 운영 사이트에서는 값의 따옴표와 기타 특수 문자를 이스케이프하고, example.com 도메인은 자신의 도메인으로 바꾸세요. 기본 및 추가 속성은 Open Graph 명세에 설명되어 있습니다.
게시 확인
메타데이터를 원본 HTML에 배치하세요. 로그인 없이 페이지를 열고 미리보기 검사를 실행하세요. 표에 예상 값이 나타나야 합니다. 텍스트 레이아웃은 우선순위에 따라 og:title, 그다음 twitter:title, 그다음 일반 title에서 제목을 선택합니다. 하나가 있다고 해서 나머지도 있다는 것이 증명되지는 않습니다.
og:url과 리디렉션 후 최종 URL을 확인하세요. 이미지 주소에는 비공개 토큰이나 짧은 만료 기간이 없어야 합니다. 파일을 따로 열어 보세요. 도구는 파일의 주소를 보여주지만 구도와 가독성을 평가하지는 않습니다.
마크업 밖에 남는 것
모든 앱에서 카드가 정확히 그대로 표시된다고 약속하지 마세요. 앱은 이미지를 잘라내거나 줄 수를 바꾸거나 저장된 버전을 사용할 수 있습니다. 링크를 청중이 볼 곳에 보내고 휴대폰에서 실제 결과를 확인하세요.
Open Graph는 링크 공유를 위해 페이지를 설명하는 데 도움이 됩니다. 그것은 페이지의 유용한 텍스트를 대체하지 않으며 Google, Yandex 또는 언어 모델의 답변에서 순위를 보장하지도 않습니다. 내용을 변경한 후에는 메타데이터를 그에 맞게 유지하여 카드 제목이 페이지에 더 이상 없는 것을 약속하지 않도록 하세요.
이 작업을 위해 Telegram에 별도의 공개 공지가 준비되어 있다면 현행 조회 조건을 확인할 수 있습니다. 메타데이터 확인은 무료이며, 별도의 조회 주문은 카드나 앱 캐시를 바꾸지 않습니다. 구매한 활동은 유기적 관심, 추천, 신청 또는 판매를 입증하지 않습니다.