메타 태그 생성기
title과 description을 기준으로 빠르게 점검합니다.
기본 메타데이터
검색 결과와 브라우저 탭에 표시될 핵심 제목입니다.
검색 결과 요약 문구와 공유 미리보기에 쓰일 수 있는 짧은 설명입니다.
주요 검색 의도나 내부 분류용 키워드를 쉼표로 구분해 입력하세요.
소셜 공유
공유 카드에 표시할 1200x630 이미지 URL을 입력하세요.
생성된 HTML
<!-- Primary Meta Tags --> <title>My Awesome Website</title> <meta name="title" content="My Awesome Website" /> <meta name="description" content="The best place to find amazing things." /> <meta name="keywords" content="website, generator, tools" /> <meta name="author" content="" /> <meta name="robots" content="index, follow" /> <meta name="theme-color" content="#000000" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://example.com" /> <meta property="og:title" content="My Awesome Website" /> <meta property="og:description" content="The best place to find amazing things." /> <meta property="og:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=630&fit=crop" /> <meta property="og:site_name" content="My Site" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://example.com" /> <meta property="twitter:title" content="My Awesome Website" /> <meta property="twitter:description" content="The best place to find amazing things." /> <meta property="twitter:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=630&fit=crop" />
Google 미리보기
소셜 미리보기
메타데이터를 작성할 때 볼 것
검색 의도에 맞는 title
페이지의 실제 검색 의도에 맞춰 title을 작성하세요. 모호한 title은 모든 페이지에 맞는 것처럼 보이지만 클릭할 이유를 약하게 만듭니다.
title을 반복하지 않는 description
description은 순위를 올리는 지름길은 아니지만 사용자가 결과를 고르기 전에 읽는 줄입니다. 페이지의 약속을 분명히 쓰고 title만 반복하지 마세요.
Open Graph 미리보기
Open Graph 태그는 링크가 공유될 때 많은 소셜 플랫폼이 사용하는 기본 title, description, URL, image를 제어합니다.
robots 지시어 주의
robots 지시어는 신중히 사용하세요. noindex는 페이지를 검색에서 제외할 수 있고 nofollow는 크롤러가 페이지의 링크를 다루는 방식에 영향을 줄 수 있습니다.
canonical 정리
중복, 추적용, 변형 URL은 대표 페이지로 canonical을 지정해 검색엔진이 어떤 버전에 신호를 모아야 하는지 이해하게 하세요.
자주 묻는 질문
meta keywords가 아직 중요한가요?
Google 순위 요소로는 중요하지 않지만 내부 작업 흐름, 보조 검색엔진, 구조화된 편집 계획에는 여전히 유용할 수 있습니다.
Open Graph tag가 동작하는지 어떻게 확인하나요?
Facebook Sharing Debugger나 소셜 카드 검증 도구 같은 플랫폼별 디버거로 메타데이터를 가져오고 미리보기를 확인하세요.
SEO 도구인데 viewport가 왜 중요한가요?
viewport 자체가 SEO 순위 태그는 아니지만 모바일 렌더링 품질에 필수입니다. 운영 HTML head에서는 여전히 올바르게 설정해야 합니다.
Google이 meta description을 그대로 보여주나요?
항상 그렇지는 않습니다. 검색엔진은 페이지의 다른 부분이 검색어에 더 잘 맞으면 요약 문구를 다시 쓸 수 있습니다. 그래도 명확한 description은 사용될 때 도움이 됩니다.
title tag 길이는 어느 정도가 좋나요?
검색 결과는 글자 수가 아니라 렌더링 너비로 표시되므로 정확한 제한은 없습니다. 다만 대부분의 페이지에서 50-60자 범위가 실무 기준으로 유용합니다.