THE URLTO PLAYBOOK / 10 GUIDES
소셜 미리보기10편 시리즈
공유 메타데이터·이미지·캐시와 실제 카드 대조.
먼저 알아둘 기능 범위
HTML의 Open Graph·Twitter/X 정보를 확인하고 카드 예시를 표시합니다. 플랫폼의 캐시를 삭제하거나 모든 공유 화면과 같은 표현을 보장하지 않습니다.
시리즈 목차
10 편- 01
공유 카드 준비: 제목·설명·이미지 확인하기
SNS와 메신저에 링크를 올리기 전 Open Graph와 Twitter/X 정보를 확인하는 방법입니다. 이미지 접근, 원본 페이지와 플랫폼 캐시를 구분해 점검하세요.
- 02
Open Graph 제목·설명·이미지 함께 점검하기
공유 카드는 여러 메타 필드를 조합합니다. 제목 하나만 확인하지 말고 독자가 받는 메시지와 이미지까지 대조하세요.
- 03
Twitter/X 카드 필드와 OG 차이 비교하기
공유 플랫폼에 따라 참조하는 필드와 표현이 다를 수 있습니다. 두 메타 묶음이 같은 페이지를 설명하는지 검토하세요.
- 04
공유 이미지 주소의 공개 접근 확인하기
이미지 URL이 메타에 있어도 플랫폼이 받지 못할 수 있습니다. 공개 주소와 응답 상태를 먼저 확인하세요.
- 05
공유 이미지 잘림을 고려한 문구 배치
공유 화면은 이미지 전체를 항상 같은 비율로 표시하지 않습니다. 중요한 문구와 표시가 잘리지 않는지 실제 화면에서 검토하세요.
- 06
수정한 메타와 이전 공유 카드가 함께 보일 때
원본을 고쳤는데 카드가 이전 값이면 두 확인 결과를 따로 기록합니다. 새 HTML과 플랫폼 캐시는 갱신 시점이 다를 수 있습니다.
- 07
단축 주소와 원본 주소의 공유 카드 비교하기
배포에는 단축 주소를 쓰더라도 메타는 원본 서비스에서 제공될 수 있습니다. 두 주소로 확인한 결과를 비교해 흐름을 이해하세요.
- 08
미리보기 대체값과 원본 필드 구분하기
카드에 문구가 보여도 전용 공유 필드가 있다는 뜻은 아닐 수 있습니다. 원본 항목과 예시 화면을 함께 읽으세요.
- 09
공유 메타 수정과 배포 확인 기록하기
원본·이미지·카드·실제 클릭을 한 기록에서 비교합니다. 어디까지 수정되었는지 남기면 인계가 쉬워집니다.
- 10
뉴스레터 발송 전 링크 점검 체크리스트
뉴스레터의 제목 버튼, 본문과 이미지 링크를 발송 전에 검증하는 방법입니다. UTM 소재 구분, 공유 카드와 모바일 목적지를 확인하는 작업표를 제공합니다.