링크 미리보기를 지원하는 서비스에서 단체 활동 소식 링크에 보이는 제목·설명·이미지는 페이지의 Open Graph 메타 태그로 지정해 둘 수 있습니다. 공유 서비스마다 읽는 방식과 저장 방식이 다르므로, 받는 사람 입장에서 미리보기를 직접 확인하는 절차를 두는 것이 좋습니다.
링크 미리보기를 지원하는 메신저나 SNS에서 단체 활동 소식 링크에 보이는 제목·설명·이미지는 페이지의 Open Graph 메타 태그로 지정해 둘 수 있습니다. 이 글은 활동 소식을 후원자와 협력 기관에 링크로 보내는 비영리 단체 사무국 담당자를 위해, 탱탱소프트가 운영하는 비영리 단체 홈페이지 서비스 나누지오가 받는 사람의 시점으로 따라가 본 점검 순서입니다. 공유 서비스마다 미리보기를 만드는 방식이 다르므로 아래 설명은 출처에 적힌 서비스 범위 안에서만 읽어 주세요.
링크를 받은 사람에게는 무엇이 보일 수 있나요?
미리보기를 지원하는 환경에서는 받는 사람에게 링크 주소와 함께 제목·설명·이미지가 담긴 미리보기 카드가 보일 수 있습니다. Open Graph 프로토콜 문서는 웹 페이지의 head 안에 메타 태그를 넣어 페이지를 표현하도록 하고, 모든 페이지에 필요한 속성으로 og:title, og:type, og:image, og:url 네 가지를 듭니다. og:description은 한두 문장 설명을 담는 선택 속성입니다.
아래는 나누지오의 운영 권장입니다. 활동 소식 글마다 og:title에는 글 제목을, og:description에는 활동 날짜와 장소, 무엇을 했는지를 한두 문장으로, og:image에는 그 활동을 보여 주는 사진을 지정합니다. 모든 글에 같은 로고 이미지가 걸리면 받는 사람이 어떤 소식인지 구분하기 어려울 수 있습니다. 가상 예시로, 청주에서 열린 나눔 활동 소식이라면 설명에 활동 이름과 날짜를 함께 적는 식입니다.
AI로 생성한 개념 이미지. 실제 단체 사진이 아닙니다.
미리보기가 예전 내용으로 보인다면 어디서 막힌 걸까요?
미리보기는 공유 서비스가 페이지를 읽어 간 시점의 내용으로 만들어집니다. Meta의 웹마스터용 공유 안내는 Facebook에서 이미지는 URL 기준으로 캐시되며 URL이 바뀌지 않으면 갱신되지 않는다고 설명합니다. 같은 안내는 공유 디버거로 크롤러가 읽는 메타 태그와 오류를 확인할 수 있고, 디버거가 페이지를 다시 읽어 가게 한다고 적고 있습니다. 이 설명은 Facebook 기준이며 다른 서비스도 같다고 단정하지 않습니다.
카카오톡의 경우 카카오디벨로퍼스의 카카오톡 공유 안내는 서비스 서버의 방화벽이 카카오 스크랩 서버의 접근을 막으면 이미지 전송이 매우 느리거나 표시되지 않을 수 있다고 설명합니다. 사진이 빠진 미리보기가 반복된다면 홈페이지를 관리하는 쪽에 서버 접근 설정을 확인해 달라고 요청하는 것이 순서입니다.
공유하기 전에 받는 사람 시점으로 어떻게 확인하나요?
아래는 나누지오의 운영 권장입니다. 새 활동 소식을 올린 뒤 담당자 본인이나 동료에게 먼저 링크를 보내 미리보기를 확인합니다. 제목이 글 제목과 같은지, 설명이 잘리지 않고 활동 내용을 전하는지, 사진이 그 활동의 사진인지 차례로 봅니다. 그다음 링크를 눌러 열린 페이지가 미리보기와 같은 글인지 확인합니다. 사진을 바꿨는데 미리보기가 바뀌지 않으면 같은 주소의 이미지 대신 새 파일 이름으로 올리는 방법을 검토합니다.
나누지오는 단체 홈페이지 제작·운영 범위 안에서 공유 미리보기 태그 설정을 함께 다룹니다. 상담과 작업은 온라인으로 진행하며, 서버 접근 설정처럼 호스팅 환경에 따라 달라지는 작업은 현황을 확인한 뒤 범위를 정합니다.
AI로 생성한 개념 이미지. 실제 단체 사진이 아닙니다.