메타 태그 생성기

메타 태그는 페이지의 head에 배치된 HTML 스니펫으로, 페이지 자체에는 표시되지 않으면서 브라우저와 검색 엔진에 페이지를 설명합니다. 가장 중요한 것은 title 태그와 meta description으로, Google 검색 스니펫을 결정합니다. 그 외에도 모바일 스케일링을 위한 viewport 태그, charset 선언, 인덱싱 제어를 위한 robots 태그, 중복 콘텐츠 문제 방지를 위한 canonical URL, 풍부한 소셜 미리보기를 위한 Open Graph와 Twitter Card 태그가 필요합니다.

폼에 페이지 제목, 설명, URL, 1200×630 미리보기 이미지를 입력하면 이 생성기가 완전한 태그 세트를 작성합니다: title, meta description, canonical, robots, Open Graph, Twitter Card. 제목은 60자 내외, 설명은 155자 내외로 유지하고, 모든 페이지에 고유한 쌍을 사용한 다음 블록을 HTML의 head에 복사하세요.

여전히 가치 있는 것들은 title 태그, meta description, viewport 태그, charset 선언, robots 태그, canonical 링크입니다. 이 외에도 Open Graph와 Twitter Card 태그가 소셜 플랫폼에서의 링크 표시를 제어합니다. 오래된 keywords 메타 태그는 2009년부터 Google이 무시하고 있어 순위에 영향을 주지 않습니다.

제목은 50~60자, meta description은 145~155자를 목표로 하세요. Google은 제목을 약 600픽셀 너비(약 55~60자), 설명을 약 155~160자에서 잘라내고 말줄임표를 추가합니다. 여기의 글자 수 카운터는 권장 길이를 초과하면 황색으로 변합니다.

Open Graph 태그('og:'로 시작하는 것들)는 Facebook이 만든 표준으로, 소셜 미디어와 채팅 앱에서 링크가 공유될 때 어떻게 표시될지를 제어합니다. 핵심 세트는 og:title, og:description, og:image, og:url, og:type입니다. 이것들이 있으면 공유된 링크가 빈 URL 대신 선택한 제목, 설명, 미리보기 이미지가 있는 풍부한 카드로 표시됩니다.

네. 이 메타 태그 생성기는 JavaScript를 사용해 브라우저에서 완전히 실행됩니다. 입력한 제목, 설명, URL, 이미지 URL은 서버로 전송되지 않고, 로그에도 기록되지 않으며, 어디에도 저장되지 않습니다. 페이지가 로드된 후에는 오프라인에서도 작동합니다.

네. 폼과 미리보기 카드는 완전히 반응형이며 iPhone의 Safari와 Android의 Chrome에서 모두 작동합니다. 필드를 채우고, Google과 소셜 미리보기를 확인한 다음, 생성된 코드를 스마트폰에서 직접 복사할 수 있습니다. 앱 설치 없이 브라우저에서 실행됩니다.