소셜 공유 미리보기 메타데이터 마크업 사용 방법

공유 정보 준비하기

소셜 공유용 페이지를 준비할 때는 제목과 설명뿐 아니라 이미지 주소, 페이지 주소, 사이트 이름, 유형, 로케일처럼 미리보기에 연결할 정보를 한곳에서 정리할 수 있습니다. 이 도구는 선택적으로 입력한 텍스트를 바탕으로 소셜 공유 미리보기용 메타데이터 마크업을 만듭니다. 따라서 페이지 정보를 새로 분석하는 기능보다는, 이미 정한 값을 마크업 형태로 구성하는 작업에 알맞습니다.

제목은 결과를 만들 때 중요한 기준입니다. 제목을 입력하면 설명을 비워 둔 경우에도 제목과 설명에 해당하는 메타데이터가 결과에 포함됩니다. 반대로 제목을 입력하지 않으면 작업은 성공으로 처리되더라도 메타데이터 항목이 반환되지 않습니다. 먼저 공유할 페이지의 제목을 준비한 뒤, 필요한 부가 정보를 선택해 입력하면 결과를 읽기 쉽습니다.

이미지 주소나 페이지 주소를 넣는다고 해서 그 주소의 내용이 확인되는 것은 아닙니다. 입력한 값이 결과의 관련 항목으로 반영되는지 확인하는 용도로 사용하세요. 한국어 페이지를 다룬다면 로케일을 별도로 검토하는 편이 좋습니다. 기본 로케일은 한국어 페이지를 뜻하는 값이 아니므로, 대상에 맞는 값을 직접 입력할지 판단해야 합니다.

값을 입력하고 마크업 확인하기

1. 먼저 공유 미리보기에 사용할 제목을 입력합니다. 제목은 선택 입력이지만, 메타데이터 항목이 필요하다면 비워 두지 않아야 합니다. 제목의 표현과 띄어쓰기를 게시할 페이지에서 사용할 문구와 맞추면 결과를 대조하기 쉽습니다.

2. 제목과 함께 보여 줄 설명을 입력합니다. 설명은 선택 사항이며, 제목이 있는 상태라면 설명을 비워도 설명 메타데이터가 결과에 포함됩니다. 설명을 작성할 때에는 공유하려는 페이지의 내용을 짧게 구분할 수 있는 문장을 사용하세요.

3. 이미지 주소, 페이지 주소, 사이트 이름을 필요한 경우에만 입력합니다. 각 값은 비어 있지 않을 때 해당 메타데이터가 포함됩니다. 주소를 입력할 때에는 도구가 주소의 유효성이나 연결 상태를 판단한다고 생각하지 말고, 입력한 문자열이 필요한 항목으로 들어가는지만 확인할 준비를 합니다.

4. 유형과 로케일을 입력할지 결정합니다. 이 값을 생략하면 제목이 있는 결과에서 유형은 website, 로케일은 en_US로 사용됩니다. 다른 대상이나 페이지 성격을 나타내려면 제목을 입력한 상태에서 원하는 값을 직접 적습니다.

5. 입력한 내용을 바탕으로 결과를 생성합니다. 제목이 없는 경우에는 성공 결과가 나타나도 메타데이터 항목이 없을 수 있습니다. 제목이 있는 경우에는 제목과 설명 항목이 만들어지고, 유형과 로케일도 결과에 나타납니다.

6. 결과를 입력 목록과 차례로 비교합니다. 이미지 주소, 페이지 주소, 사이트 이름을 적었다면 대응하는 항목이 생겼는지 살피고, 생략했다면 그 항목이 빠진 것이 조건에 맞는지 확인합니다. 제목이나 설명에 특수문자가 있다면 결과에서 HTML에 맞게 이스케이프된 표현도 함께 확인하세요.

생성된 항목의 의미와 범위

결과를 볼 때에는 먼저 제목이 실제로 입력되었는지 확인하고, 그다음 제목과 설명에 대응하는 메타데이터를 찾습니다. 제목이 있는 결과라면 설명 입력란을 비워 둔 경우에도 설명 항목이 존재할 수 있으므로, 빈 입력이 곧 항목의 부재를 뜻한다고 판단하지 마세요. 제목이 없을 때 항목이 보이지 않는 것은 성공 여부와 별도로 이해해야 합니다.

부가 정보는 입력 여부에 따라 판단합니다. 이미지 주소, 페이지 주소, 사이트 이름을 적었다면 각각의 값에 해당하는 항목이 결과에 포함되는지 살펴보고, 값을 적지 않았다면 관련 항목이 빠진 상태를 자연스러운 결과로 봅니다. 유형과 로케일을 생략한 결과에는 website와 en_US가 사용됩니다. 한국 대상 페이지에 이 기본값이 적절한지는 사용자가 입력 목적에 맞게 검토해야 합니다.

마지막으로 결과는 제공한 텍스트를 마크업으로 정리한 것으로 해석하세요. 입력한 페이지 주소나 이미지 주소의 실제 내용, 연결 상태, 표시 가능 여부를 확인했다는 뜻은 아닙니다. 또한 결과만으로 특정 소셜 서비스가 해당 페이지를 어떻게 보여 줄지 확정할 수 없습니다. 특수문자가 들어간 값은 태그로 오해되지 않도록 HTML에 맞게 이스케이프되어 나타날 수 있습니다.

사용 예시

서울에서 열리는 주말 전시 페이지를 공유하기 전에 미리보기용 마크업에 필요한 정보가 들어갔는지 확인하려고 합니다.

제목에 ‘서울 주말 전시 안내’를 입력하고 설명에 ‘이번 주말에 열리는 전시 정보를 확인하세요’를 적습니다. 이미지 주소, 페이지 주소, 사이트 이름을 함께 입력한 뒤 결과에서 제목·설명·부가 항목의 구성을 확인합니다.

제목과 설명 항목이 포함되고, 입력한 이미지 주소와 페이지 주소에 대응하는 항목이 추가됩니다. 사이트 이름도 입력했다면 관련 항목이 나타나며, 유형과 로케일을 생략한 경우에는 website와 en_US가 표시됩니다.

제한 사항

• 입력한 텍스트를 마크업으로 구성하는 기능이므로, 주소가 가리키는 실제 내용이나 연결 상태를 확인하는 용도로 사용할 수 없습니다.

자주 발생하는 오류

• 제목을 비운 채 생성하면 성공으로 처리되어도 메타데이터 항목이 없습니다. 항목이 필요한 경우 제목을 입력하고 다시 생성하세요.

자주 묻는 질문

제목 없이도 메타데이터를 만들 수 있나요?

제목이 비어 있으면 작업은 성공으로 처리되지만 메타데이터 항목은 반환되지 않습니다. 항목을 만들려면 제목을 입력한 뒤 다시 생성해야 합니다.

이미지 주소를 입력하면 실제 이미지도 확인하나요?

이미지 주소가 비어 있지 않으면 그에 대응하는 메타데이터가 포함됩니다. 다만 입력한 주소의 실제 이미지나 연결 상태를 확인한 결과로 보아서는 안 됩니다.

유형과 로케일을 생략하면 어떤 값이 사용되나요?

유형과 로케일을 생략한 상태에서 제목을 입력하면 website와 en_US가 사용됩니다. 다른 값을 적용하려면 해당 입력란에 원하는 내용을 직접 적어야 합니다.