메타 태그 생성기
SEO를 위한 메타 태그와 Open Graph 태그를 생성합니다
새 페이지를 공개하기 전에 head 에 들어갈 태그를 한 번에 뽑아 두는 생성기입니다. 제목·설명·키워드·작성자·robots·canonical 을 채우면 기본 메타 태그가, OG URL·이미지·타입과 Twitter 카드 종류·계정을 채우면 Open Graph 와 Twitter Card 태그가 함께 만들어져 복사 한 번으로 붙여넣을 수 있습니다. 제목 60자, 설명 160자를 넘기면 글자 수 카운터가 경고색으로 바뀌어 검색 결과에서 잘릴 위험을 미리 알려 줍니다. 입력값의 따옴표와 꺾쇠는 자동으로 이스케이프되므로 설명문에 특수문자가 있어도 태그가 깨지지 않습니다.
이 도구는 인터넷 연결을 끊어도 동작합니다. 입력한 내용과 파일은 이 브라우저 밖으로 나가지 않습니다.
기본 정보
Open Graph / 소셜
<!-- Primary Meta Tags --> <meta name="robots" content="index, follow"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image">
메타 태그 생성, 이렇게 쓰세요
제목·설명·URL·이미지를 입력하면 기본 메타 태그와 Open Graph·Twitter Card 태그를 한 번에 만들어 줍니다.
새 페이지를 공개하기 전, 카카오톡·슬랙·트위터에 링크를 공유했을 때 미리보기가 잘 뜨도록 준비할 때 씁니다.
og:image 는 절대 URL 이어야 하고 1200×630px 을 권장합니다. description 은 155자 안팎을 넘기면 검색 결과에서 잘립니다.
관련 도구
자주 묻는 질문
Q. 태그를 넣었는데 카카오톡 미리보기가 안 바뀌어요.
카카오는 미리보기를 캐시합니다. 카카오 개발자센터의 '공유 디버거' 에서 캐시를 초기화하세요.
Q. summary 와 summary_large_image 는 어떻게 다른가요?
summary 는 작은 정사각형 썸네일, summary_large_image 는 가로로 넓은 큰 이미지가 카드에 표시됩니다. 1200×630 이미지를 준비했다면 large_image 를 고르세요.
Q. og:title 과 title 을 다르게 쓸 수 있나요?
이 도구는 하나의 제목·설명을 title, og:, twitter: 태그에 동일하게 넣습니다. SNS 용 문구를 따로 두려면 생성된 코드에서 og:title 줄만 수정하세요.