본문으로 건너뛰기
링크 관리

링크 미리보기에 예전 이미지가 나올 때 확인할 것

공유하기 전에 페이지와 메타데이터, 이미지 파일을 확인하세요. WikiURL로 공개 주소의 도착지를 점검하고 HTTP 응답과 실제 미리보기를 구분합니다.

WikiURL · 관리 · 게시일

돋보기가 웹페이지 이미지와 다른 이미지를 보여 주는 미리보기 카드를 비교한다.

다시 확인할 수 있는 비교부터 시작하기

행사 페이지를 게시하고 대표 사진을 바꿨는데 링크를 공유하면 이전 포스터가 보일 수 있습니다. 파일을 지우거나 새 주소를 만들기 전에 정확한 URL, 카드 화면 캡처, 테스트 시각을 보관하세요. 어느 앱의 어떤 대화나 게시물에서 발생하는지도 적습니다. 살펴본 사용자 질문은 대표 이미지를 바꾸거나 진단 도구에서 정상 결과를 보더라도 독자가 보는 내용과 꼭 일치하지는 않음을 보여 줍니다. 링크가 여는 페이지, 그 페이지가 제공하는 메타데이터, 공유 서비스가 만드는 카드를 구분하세요. 비교 대상은 항상 같은 리소스여야 합니다.

공개 주소부터 확인하기

비밀이나 개인정보가 없는 공개 URL만 WikiURL 검사기에 입력하세요. 반환된 HTTP 응답과 최종 주소를 기록합니다. 다른 페이지에 도착한다면 포스터를 조사하기 전에 그 차이부터 해결합니다. 200 응답은 카드가 올바르다는 증거가 아닙니다. 검사기는 Facebook이나 모든 앱의 미리보기를 재현하지 않습니다. 관리자 로그인에 의존하지 않는 브라우저 환경에서도 도착지를 열어 예상한 내용을 확인하세요. 비공개 리소스는 허가된 방법으로 점검하고 외부 도구에 보내지 않습니다. 작은 미리보기 이미지를 만들려고 비공개 페이지를 공개하지 마세요.

편집기뿐 아니라 게시된 결과 확인하기

MDN과 web.dev는 메타데이터가 소셜 서비스에 정보를 제공할 수 있다고 설명합니다. Open Graph는 og:title, og:type, og:url, og:image 등의 속성을 정의합니다. og:image는 이미지 파일을 가리키므로 본문에 보이는 사진을 바꿔도 자동으로 바뀌지 않습니다. 사이트 담당자에게 정확한 URL에서 전달되는 HTML을 살펴보고 원하는 카드와 값을 비교해 달라고 요청하세요. 예시는 가상이며 코드 시연을 위해 영어를 사용합니다. 페이지 head에 적용하기 전 실제 주소와 제목으로 바꿔야 합니다. 글 안에 일반 텍스트로 붙여 넣는다고 설정되지 않습니다. 테마와 플러그인이 서로 모순되는 값을 출력하는지도 확인합니다.

<meta property="og:title" content="Example event" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.invalid/event/" />
<meta property="og:image" content="https://example.invalid/media/event-v2.jpg" />

이미지를 별도 리소스로 다루기

og:image에 게시된 주소를 복사해 로그인 화면이나 오류 페이지가 아니라 예상한 이미지가 열리는지 확인하세요. 페이지에 접근할 수 있다고 이미지 파일도 접근 가능하다는 뜻은 아닙니다. 이름을 유지하면서 파일 내용을 교체했다면 진단 기록에 그 사실을 남깁니다. 예시의 event-v2.jpg 같은 새 파일 버전은 리소스를 구분하지만 파일 게시와 참조 변경을 함께 해야 합니다. 태그에 적힌 이름만 고치는 것으로는 부족합니다. 다른 페이지에서 여전히 필요한 예전 이미지는 유지하고 카드의 실제 자르기 결과도 확인하세요. 모든 앱에서 같은 크기나 같은 구도로 표시된다는 약속은 아닙니다.

캐시를 구분하고 무작정 수정하지 않기

MDN 문서는 캐시가 저장된 응답을 재사용할 수 있다고 설명합니다. 브라우저, 웹사이트 전달 과정, 카드를 생성하는 서비스는 서로 다르게 작동할 수 있습니다. 노트북의 쿠키를 지우는 것은 다른 서비스가 보관한 사본을 갱신하는 것과 다릅니다. 먼저 사이트가 새 메타데이터와 이미지를 실제로 전달하는지 확인하세요. 이후 플랫폼이 공식 진단 또는 갱신 도구를 제공한다면 이용하고 경고를 읽습니다. 이 글은 공통 대기 시간을 정하지 않으며 오래된 게시물의 갱신도 보장하지 않습니다. 반복 요청, 무작위 매개변수, 많은 새 단축 링크는 비교를 어렵게 하고 원인을 고치지 못할 수 있습니다.

실제로 배포할 주소로 마무리하기

도착지와 리소스를 확인한 뒤 필요한 경우 WikiURL에서 짧은 주소를 만들고, 정확히 그 주소를 예정한 채널에서 테스트하세요. 단축 기능은 페이지 메타데이터를 설정하지 않으며 플랫폼이 선택할 이미지도 보장하지 않습니다. 새 공유 시도와 이전 게시물은 별도로 비교하고 한쪽 결과로 다른 쪽을 자동 판단하지 않습니다. 진입 URL, 최종 주소, 이미지 주소, 화면 캡처, 마지막 결과 시각을 함께 보관하세요. 차이가 계속되면 담당자에게 자료를 전달하고 이미 확인한 계층을 설명합니다. 유용한 결과는 실제 카드와 도착지에 대한 관찰 가능한 증거이며, 정상 HTTP 상태만으로 소셜 화면까지 해결된다는 약속이 아닙니다.

도구 열기 →

출처 및 문서

← 모든 가이드