메타 태그 생성기
페이지 제목, 설명, URL, 이미지로 SEO·오픈그래프·트위터 카드 메타 태그를 생성합니다 — 100% 브라우저에서 실행되며 업로드되지 않습니다.
<title>My Awesome Page</title> <meta name="description" content="A short, compelling summary of the page for search engines and social media."> <meta property="og:title" content="My Awesome Page"> <meta property="og:description" content="A short, compelling summary of the page for search engines and social media."> <meta property="og:url" content="https://example.com/page"> <meta property="og:image" content="https://example.com/og-image.png"> <meta property="og:site_name" content="Example"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="My Awesome Page"> <meta name="twitter:description" content="A short, compelling summary of the page for search engines and social media."> <meta name="twitter:image" content="https://example.com/og-image.png">
🔒 태그는 브라우저에서 생성되며 업로드되지 않습니다.
이 메타 태그 생성기가 하는 일
페이지 title, 설명, 표준 URL, 미리보기 이미지, 사이트 이름을 입력하면 대응하는 HTML <head> 태그를 실시간으로 만들어 줍니다. <title>, meta 설명, 페이스북·링크드인 등 대부분의 링크 미리보기에서 쓰이는 오픈그래프 태그(og:title, og:description, og:url, og:image, og:site_name, og:type), 그리고 트위터 카드 태그(twitter:card, twitter:title, twitter:description, twitter:image)를 출력합니다. 입력한 항목만 태그로 만들어지며, 모든 속성 값은 HTML 이스케이프되어 &, 따옴표, 꺾쇠 같은 특수문자도 유효하게 유지됩니다.
출력 결과 사용법
생성된 블록을 복사해 페이지의 <head> 안, 닫는 </head> 태그 위에 붙여 넣으세요. 미리보기 이미지는 절대 https:// URL을 사용하고(큰 카드에는 대략 1200×630 px가 잘 맞습니다), 설명은 검색 결과에서 잘리지 않도록 약 150–160자로 유지하는 것이 좋습니다. 큰 배너형 트위터 미리보기에는 summary_large_image, 작은 썸네일에는 summary를 선택하세요. 입력하는 동안 도구는 출력 아래에 흔한 실수도 짚어 줍니다 — 검색엔진에서 잘릴 만큼 긴 제목이나 설명, 너무 짧은 설명, 또는 소셜 크롤러가 해석할 수 있는 절대 https:// 링크가 아니라 상대 경로인 미리보기 이미지·URL 등입니다.
자주 묻는 질문
어떤 메타 태그가 생성되나요?
페이지 제목, meta 설명, 오픈그래프 태그(og:title, og:description, og:url, og:image, og:site_name, og:type=website), 트위터 카드 태그(twitter:card, twitter:title, twitter:description, twitter:image)가 생성됩니다. 비워 둔 항목의 태그는 생성되지 않습니다.
summary와 summary_large_image의 차이는 무엇인가요?
둘 다 흔히 쓰이는 트위터 카드 유형입니다. summary_large_image는 큰 배너형 미리보기 이미지를 보여 주고, summary는 텍스트 옆에 작은 정사각형 썸네일을 보여 줍니다. 이미지에 맞는 것을 선택하세요.
출력 아래의 경고는 무슨 뜻인가요?
SEO·소셜 공유를 위한 가벼운 점검입니다. 제목이 60자를 넘거나 설명이 160자를 넘으면 잘릴 수 있고, 설명이 50자 미만이면 대개 내용이 부족하며, og:image·og:url 값은 링크 미리보기가 해석되도록 절대 https:// URL이어야 합니다. 경고는 출력을 막지 않고 고칠 만한 점을 알려 줄 뿐입니다.
입력한 내용이 서버로 업로드되나요?
아니요. 태그는 브라우저 안에서 자바스크립트로 전부 생성됩니다. 제목, 설명, URL, 이미지 링크는 전송·저장·업로드되지 않습니다.