🏷️ 메타태그 생성기

웹사이트 SEO와 소셜미디어 최적화를 위한 메타태그를 쉽게 생성하세요

#SEO#웹#마케팅#소셜미디어

메타태그 설정

📋 템플릿 선택

블로그 포스트

개인 블로그나 뉴스 기사에 최적화된 설정

쇼핑몰 상품

전자상거래 상품 페이지에 최적화된 설정

회사 홈페이지

기업 메인 페이지에 최적화된 설정

포트폴리오

개인 포트폴리오나 작품 소개에 최적화된 설정

이벤트 페이지

행사나 이벤트 홍보 페이지에 최적화된 설정

🏷️ 기본 메타태그

페이지 제목 *(7/60자)

사이트 이름

페이지 설명 *(14/160자)

페이지 URL *

대표 이미지 URL *

권장 크기: 1200x630px

키워드

작성자

검색엔진 설정

표준 URL (Canonical)

Open Graph

OG 제목

콘텐츠 타입

OG 설명

OG 이미지 URL

OG URL

Twitter Card

카드 타입

Twitter 계정

Twitter 제목

작성자 계정

Twitter 설명

Twitter 이미지 URL

미리보기

Facebook 미리보기

웹사이트 제목

웹사이트 설명을 입력하세요

example.com

Twitter 미리보기

웹사이트 제목

웹사이트 설명을 입력하세요

example.com

생성된 코드

<!-- 기본 메타태그 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>웹사이트 제목</title>
<meta name="description" content="웹사이트 설명을 입력하세요">
<meta name="keywords" content="키워드1, 키워드2, 키워드3">
<meta name="robots" content="index, follow">
<meta http-equiv="content-language" content="ko">

<!-- Open Graph 태그 -->
<meta property="og:type" content="website">
<meta property="og:title" content="웹사이트 제목">
<meta property="og:description" content="웹사이트 설명을 입력하세요">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com">
<meta property="og:site_name" content="웹사이트 이름">

<!-- Twitter Card 태그 -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="웹사이트 제목">
<meta name="twitter:description" content="웹사이트 설명을 입력하세요">
<meta name="twitter:image" content="https://example.com/image.jpg">