트위터 카드 생성기 사용 방법
제목을 입력하고 필요한 카드 정보를 추가하면 트위터 카드용 HTML 메타 태그 마크업을 만들 수 있습니다. 제목이 비어 있으면 결과가 생성되지 않습니다.
트위터 카드 마크업을 만드는 상황
이 도구는 제목을 바탕으로 트위터 카드에 사용할 HTML 메타 태그 마크업을 만들 때 사용합니다. 블로그 글이나 웹페이지의 카드 정보를 정리하면서 제목 외에 설명, 이미지 URL, 사이트, 작성자 정보를 함께 넣고 싶은 경우에 알맞습니다. 제목은 결과를 만들기 위한 필수 입력이며, 나머지 정보는 필요할 때만 추가하면 됩니다.
사용 방법
- 제목 입력란에 카드에 표시할 제목을 입력합니다. 제목을 비워 두면 마크업이나 메타데이터 항목이 생성되지 않으므로, 결과가 필요하다면 비어 있지 않은 제목을 사용합니다.
- 필요에 따라 설명, 이미지 URL, 사이트, 작성자 입력란에 값을 넣습니다. 각 값이 비어 있지 않으면 해당 메타데이터 필드가 결과에 추가됩니다.
- 카드 유형을 확인합니다. 별도로 지정하지 않으면 카드 유형은
summary_large_image로 설정됩니다. - 생성된 HTML 마크업을 확인하고 웹페이지의 메타 태그를 다루는 위치에 사용할 수 있도록 결과를 복사합니다. 입력한 값은 마크업에 삽입되기 전에 HTML에 맞게 이스케이프됩니다.
결과 해석과 확인 범위
제목을 입력했다면 결과에는 카드 유형과 제목에 관한 메타데이터가 포함됩니다. 설명, 이미지 URL, 사이트, 작성자도 각각 값이 비어 있지 않을 때만 해당 항목이 더해집니다. 따라서 선택 입력란을 비워 둔 결과에는 그 필드가 나타나지 않을 수 있습니다.
제목을 입력했는데 결과가 없으면 먼저 제목이 실제로 비어 있지 않은지 확인합니다. 또한 이 결과는 HTML 메타 태그 마크업을 생성하는 것이므로, 이 도구만으로 카드의 미리보기 표시, 플랫폼 승인, URL 유효성 또는 표준 준수가 보장된다고 해석해서는 안 됩니다.
사용 예시
블로그 글의 트위터 카드 정보를 준비하기 위해 제목, 설명, 이미지 URL을 입력합니다.
블로그 글의 제목을 제목 입력란에 넣고 설명과 이미지 URL을 입력한 뒤 마크업을 생성합니다.
제목이 입력된 결과에는 카드 유형과 제목 메타데이터가 포함되고, 값이 입력된 선택 정보에는 각각 대응하는 메타데이터 필드가 추가됩니다.
제한 사항
- 생성 결과는 HTML 메타 태그 마크업입니다. 이 도구만으로 카드 미리보기 표시나 플랫폼 승인, URL 유효성이 보장되지는 않습니다.
자주 발생하는 오류
- 제목을 입력하지 않은 채 결과가 없다고 판단하는 경우가 있습니다. 제목을 비어 있지 않게 입력한 뒤 다시 생성해 보세요.
자주 묻는 질문
제목 없이 트위터 카드 마크업을 만들 수 있나요?
제목은 필수입니다. 제목이 비어 있으면 마크업이나 메타데이터 항목이 생성되지 않습니다.
카드 유형을 입력하지 않으면 어떻게 되나요?
카드 유형을 따로 지정하지 않으면 summary_large_image가 기본값으로 사용됩니다.
제목 외에 어떤 정보를 추가할 수 있나요?
설명, 이미지 URL, 사이트, 작성자 값이 비어 있지 않을 때 해당 메타데이터 필드가 추가됩니다.