사용 방법

페이지 제목과 한두 문장으로 된 설명을 입력하세요.
canonical URL을 추가하고, 검색 엔진이 페이지를 색인하고 링크를 따라가도 되는지 선택하세요.
Open Graph 이미지를 입력하고 제목 및 설명과 다르게 설정할 항목을 작성한 다음 Twitter 카드 유형을 선택하세요.
생성된 HTML을 복사하거나 다운로드한 뒤 페이지의 <head> 안에 붙여 넣으세요.

작동 방식

생성기는 필요한 태그만 작성합니다. 모든 값은 HTML 이스케이프 처리되므로(& < > " 및 '는 엔티티로 변환됨), 따옴표나 꺾쇠괄호가 포함된 제목도 마크업을 깨뜨리지 않습니다.

각 태그의 기능: charset은 브라우저에 텍스트 인코딩을 알려 주며 head의 맨 앞에 와야 합니다. viewport는 휴대전화에서 페이지가 기기 너비에 맞게 표시되도록 합니다. title은 브라우저 탭과 검색 결과에 표시됩니다. meta description은 검색 결과의 설명으로 사용될 수 있지만 순위 요소는 아닙니다. canonical 링크는 중복 페이지가 있을 때 검색 엔진에 대표 URL을 알려 줍니다. noindex가 설정된 robots 태그는 페이지를 검색 결과에서 제외하고, nofollow는 크롤러에 페이지 링크를 따라가지 말라고 요청합니다. robots 태그는 크롤러가 페이지를 가져올 수 있어야 작동하므로, robots.txt에서 해당 페이지를 차단하지 마세요.

Open Graph 태그(og:…)는 여러 소셜 및 채팅 앱에서 링크 미리보기를 제어합니다. og:title, og:description 또는 og:url이 비어 있으면 도구가 각각 title, description, canonical URL을 사용합니다. Twitter 카드 태그를 읽는 플랫폼은 제목, 설명, 이미지에 Open Graph 값을 대신 사용하므로 twitter:card만 작성됩니다.

예시

블로그 게시물

제목, 설명, canonical URL, 1200×630 크기의 og:image, summary_large_image를 입력하면 검색 결과와 링크 미리보기에 필요한 약 10줄의 코드가 생성됩니다.

검색에서 제외할 감사 페이지

“색인 허용”을 선택 해제하면 <meta name="robots" content="noindex, follow">가 추가됩니다. 방문자는 페이지를 이용할 수 있지만 검색 결과에는 표시되지 않습니다.

따옴표가 포함된 제목

제목 Ask "Anything" & <Learn>은 Ask "Anything" & <Learn>으로 작성되며, 브라우저에는 입력한 그대로 표시됩니다.

자주 묻는 질문

meta keywords 태그가 SEO에 도움이 되나요?

아니요. 주요 검색 엔진은 오래전부터 순위 산정에 meta keywords를 반영하지 않으므로 이 생성기에는 해당 태그가 포함되지 않습니다.

Open Graph와 Twitter 카드 태그를 둘 다 넣어야 하나요?

일반적으로 Open Graph 외에는 twitter:card만 있으면 됩니다. 제목, 설명, 이미지는 og: 값으로 대체되기 때문입니다.

이 태그는 어디에 넣나요?

각 페이지의 <head> 요소 안에 넣으세요. Next.js, WordPress 테마, 정적 사이트 생성기 등의 프레임워크에서는 해당 도구의 메타데이터 설정을 사용해 같은 태그를 출력하세요.

모든 페이지에 canonical 태그를 넣어야 하나요?

권장되는 방식입니다. 특히 추적 매개변수, 정렬 옵션, http와 https 등 여러 URL로 같은 콘텐츠에 접근할 수 있을 때 유용합니다. 페이지 자체를 canonical로 지정할 수도 있습니다.

개인정보 보호

태그는 브라우저에서 생성됩니다. 입력한 내용은 업로드되거나 저장되지 않습니다.