사용 방법
- 제목, 설명, 페이지 주소, 미리보기 이미지를 입력하세요.
- 오른쪽의 검색 결과와 링크 미리보기를 확인하고 경고가 가리키는 내용을 고치세요.
- 태그를 페이지의
<head>에 복사하거나 다운로드하세요.
입력한 항목만 태그가 되며, 모든 값은 이스케이프되므로 텍스트의 따옴표와 &가 HTML을 망가뜨리지 않습니다.
중요한 태그
- **
<title>**은 검색 결과의 헤드라인이자 브라우저 탭입니다. 검색 결과에는 영문 기준 약 60자가 표시됩니다. - **
<meta name="description">**은 검색 엔진이 페이지와 일치한다고 판단할 때 그 아래에 표시되는 요약입니다. 70~160자를 목표로 하세요. - **
<link rel="canonical">**은 페이지의 대표 주소를 지정하여 다른 주소의 복사본과 경쟁하지 않게 합니다. - Open Graph(
og:) 태그는 Slack, LinkedIn, Facebook, iMessage 및 대부분의 채팅 앱이 링크 미리보기를 위해 읽습니다. - **
twitter:card**는 X에 큰 이미지 카드를 요청합니다. 나머지는 X도 Open Graph 태그를 사용합니다.
미리보기 이미지
1200 × 630픽셀(1.91:1), PNG 또는 JPEG, 5MB 미만, 전체 https:// 주소를 사용하세요. /og.png 같은 상대 경로는 작동하지 않습니다. 미리보기를 만드는 서비스가 이미지를 직접 가져오기 때문입니다. 일부 앱은 정사각형으로 자르므로 중요한 텍스트는 가장자리에서 떨어뜨리세요.
자주 묻는 질문
메타 키워드가 아직 중요한가요?
아니요. Google은 수년 동안 <meta name="keywords">를 무시해 왔으므로 생성기에서 작성하지 않습니다.
태그를 업데이트해도 링크 미리보기가 바뀌지 않는 이유는 무엇인가요?
서비스는 미리보기를 캐시하며, 때로는 며칠 동안 유지합니다. LinkedIn의 Post Inspector와 Facebook의 공유 디버거처럼 대부분 페이지를 다시 가져오는 도구가 있습니다.
태그는 어디에 넣나요?
<head> 안의 닫는 태그 </head> 앞에 넣습니다. 페이지에 이미 <title>이나 설명이 있다면 두 번째를 추가하지 말고 교체하세요.
여기 미리보기에서 실제 이미지를 볼 수 있나요?
이 페이지는 lobsite.com의 이미지만 불러오므로 미리보기에 이미지 대신 파일 이름이 표시됩니다. 실제 모습은 페이지를 게시한 후 채팅 앱에서 확인하세요.