분류: 개발 도구

메타 태그 생성기

자체 기획 도구찾는 도구가 없나요?

title, description, Open Graph, Twitter 태그를 한 번에 생성

title, description과 몇 가지 소셜 정보를 입력하면 페이지의 <head>에 넣을 <title>, meta description, canonical 링크, Open Graph 및 Twitter 카드 태그를 생성합니다. 길이 안내를 통해 Google이 잘라낼 가능성이 높은 title이나 description을 미리 확인할 수 있습니다. 모든 처리는 브라우저 안에서 이루어집니다.

제목 길이44 (적절함)설명 길이107 (적절함)
HTML 태그
<title>LocalTools — Free Privacy-First Online Tools</title>
<meta name="description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device.">
<link rel="canonical" href="https://uselocaltools.com/">
<meta property="og:title" content="LocalTools — Free Privacy-First Online Tools">
<meta property="og:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://uselocaltools.com/">
<meta property="og:site_name" content="LocalTools">
<meta property="og:image" content="https://uselocaltools.com/og-image.png">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@uselocaltools">
<meta name="twitter:title" content="LocalTools — Free Privacy-First Online Tools">
<meta name="twitter:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device.">
<meta name="twitter:image" content="https://uselocaltools.com/og-image.png">

이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.

이 도구로 할 수 있는 일

검색엔진과 소셜 네트워크는 페이지의 <head>에서 정해진 태그 집합을 읽어들입니다. 검색 결과에 쓰이는 title과 description, 선호하는 URL을 선언하는 canonical, 그리고 링크를 공유했을 때 어떻게 보일지 결정하는 Open Graph와 Twitter 카드 태그입니다. title과 description의 길이를 적절히 맞추는 것이 중요한 이유는, Google이 너무 길면 title을 다시 쓰거나 description을 잘라내기 때문이며, Open Graph 이미지가 없으면 공유된 링크가 카드가 아니라 단순한 텍스트로만 표시되기 때문입니다.

사용 방법

  1. 페이지 title, description, canonical URL을 입력하세요.
  2. 사이트 이름, Open Graph 이미지, Twitter 카드 정보를 추가하세요.
  3. title와 description 입력란 아래의 길이 안내를 확인하세요.
  4. 생성된 태그를 페이지의 <head>에 복사해 넣으세요.

개인정보

이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.

자주 묻는 질문

왜 title에 길이 확인이 필요한가요?
Google은 보통 title을 50~60자 정도까지만 표시하고 그 이상은 잘라내며, 페이지나 검색어와 잘 맞지 않는다고 판단되면 title 자체를 다시 쓰기도 합니다. 이 범위 안에서 title을 작성하면 노출되는 모습을 더 잘 통제할 수 있습니다.
Open Graph 이미지를 생략하면 어떻게 되나요?
대부분의 플랫폼은 이미지가 없어도 카드를 생성하지만, 보통 큰 이미지 카드 대신 작은 텍스트 위주의 링크 미리보기로 표시됩니다.
어딘가로 전송되는 정보가 있나요?
아니요. 입력한 내용을 바탕으로 브라우저에서 직접 태그를 생성하며, 업로드되거나 기록되는 정보는 없습니다.