메타태그 생성기
SEO 최적화를 위한 HTML 메타태그를 생성합니다.
기본 태그, Open Graph, Twitter Card를 한 번에 설정하세요.
생성된 코드
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="robots" content="index, follow"> <meta http-equiv="content-language" content="ko">
메타태그 자주 묻는 질문
- 메타태그(Meta Tag)란 무엇이고 SEO에 어떤 영향을 주나요?
- 메타태그는 HTML 문서의 <head> 섹션에 위치하는 태그로, 페이지의 제목(Title), 설명(Description), 문자 인코딩, 뷰포트 설정 등 페이지 정보를 검색엔진과 브라우저에 전달합니다. 특히 Title 태그와 Meta Description은 Google 검색 결과에 직접 표시되므로 클릭률(CTR)에 가장 큰 영향을 미치는 요소입니다. Google에 따르면 잘 작성된 메타 설명은 CTR을 최대 5.8% 향상시킬 수 있으며, 각 페이지마다 고유한 Title(50~60자)과 Description(150~160자)을 작성하는 것이 권장됩니다.
- Open Graph(OG) 태그는 무엇이고 왜 설정해야 하나요?
- Open Graph 태그는 Facebook에서 개발한 프로토콜로, 웹 페이지가 소셜 미디어에서 공유될 때 표시되는 미리보기(제목, 설명, 이미지)를 제어합니다. og:title, og:description, og:image, og:url이 핵심 태그이며, Facebook, LinkedIn, KakaoTalk 등 대부분의 소셜 플랫폼에서 사용됩니다. 특히 og:image는 1200×630 픽셀 크기가 권장됩니다. OG 태그가 없으면 플랫폼이 페이지에서 임의로 정보를 추출하여 의도하지 않은 미리보기가 표시될 수 있습니다. 또한 Google Discover에서도 OG 이미지를 활용하므로, OG 태그 설정은 소셜 공유뿐 아니라 검색 유입에도 간접적으로 기여합니다.
- Twitter Card와 Open Graph 태그의 차이점은 무엇인가요?
- Twitter Card는 Twitter(현 X)에서 링크를 공유할 때 표시되는 미리보기를 제어하는 전용 메타태그입니다. twitter:card(summary 또는 summary_large_image), twitter:title, twitter:description, twitter:image 등이 주요 태그입니다. OG 태그와 역할은 비슷하지만, Twitter 플랫폼에 최적화된 형식을 제공합니다. 만약 Twitter Card 태그가 없으면 Twitter도 OG 태그를 fallback으로 사용하므로, OG 태그를 먼저 설정하고 Twitter용 커스터마이징이 필요한 경우에만 Twitter Card 태그를 추가하는 것이 효율적입니다.