메타 태그 생성기
Open Graph 및 Twitter Card를 포함한 완전한 SEO 메타 태그를 생성합니다.
기능
제목/설명/키워드
Open Graph 태그
Twitter 카드 태그
Google 검색 결과 미리보기
소셜 공유 미리보기
사용 방법
1. 제목, 설명, 이미지 URL 및 기타 필드를 입력하세요.
2. 실시간 미리보기를 확인하세요.
3. 생성된 HTML을 복사하세요.
이 도구에 대하여
메타 태그는 누군가 클릭하기 전에 검색 엔진과 SNS에 페이지가 무엇에 관한 것인지 알려 줍니다. 이 생성기는 핵심 태그를 한 번에 작성합니다. title 태그, meta description, 키워드, 작성자, 표준 URL에 더해 Facebook, LinkedIn, 메신저 앱에서 링크가 어떻게 보일지 정하는 Open Graph 태그와 X용 Twitter Card 태그까지 만듭니다. 항목을 채우고 페이지의 <head>에 바로 붙여넣을 수 있는 코드를 복사하세요. 좋은 태그가 부실한 페이지의 순위를 올려 주지는 않지만 클릭 여부에는 큰 영향을 줍니다. 영어 기준 50–60자 정도의 구체적인 제목과 페이지 내용에 맞는 150–160자 정도의 설명이 가장 좋습니다. 값은 이스케이프되므로 따옴표나 꺾쇠괄호 때문에 HTML이 깨지지 않습니다.
자주 묻는 질문
제목과 설명은 얼마나 길어야 하나요?
영어 기준으로 제목은 약 50–60자, 설명은 약 150–160자가 적당합니다. 검색 엔진은 글자 수가 아니라 픽셀 너비로 자르므로 중요한 단어를 앞에 두세요. 한글은 글자 폭이 넓어 제목은 30자 안팎, 설명은 80자 안팎이면 잘리지 않는 경우가 많습니다.
meta keywords 태그가 순위에 도움이 되나요?
도움이 되지 않습니다. Google은 오래전부터 meta keywords를 순위에 쓰지 않습니다. 일부 사이트 내 검색 도구가 아직 읽기 때문에 항목을 남겨 두었지만, 비워 두어도 괜찮습니다.
표준 URL은 무엇에 쓰나요?
추적 매개변수가 붙은 주소나 http와 https처럼 같은 내용에 여러 주소로 접근할 수 있을 때, 어느 URL이 대표 버전인지 검색 엔진에 알려 줍니다. 평가 신호를 한 페이지로 모으는 데 도움이 됩니다.
Open Graph와 Twitter 카드에는 어떤 크기의 이미지가 좋나요?
1200 × 630픽셀(비율 약 1.91:1) 이미지를 쓰고 중요한 내용은 가장자리에서 떨어뜨리세요. 생성기는 twitter:card를 summary_large_image로 설정하므로 X에서도 같은 큰 이미지가 쓰입니다.
태그를 바꿨는데 링크 미리보기가 갱신되지 않는 이유는 무엇인가요?
SNS는 미리보기를 캐시합니다. Facebook 공유 디버거나 LinkedIn Post Inspector로 페이지를 다시 가져오게 하고, 이미지 URL이 절대 주소이며 공개적으로 접근 가능한지 확인하세요.
관련 도구
IP 조회
모든 IP 주소에 대한 상세 정보를 확인할 수 있습니다....
파비콘 생성기
정사각형 이미지를 업로드하면 필요한 모든 파비콘 크기를 다운로드할 수 있습니다....
플레이스홀더 이미지 생성기
원하는 크기의 단색 플레이스홀더 이미지를 생성합니다....
HTML 포맷터
정리되지 않은 HTML을 왼쪽에 붙여넣으면 적절한 들여쓰기가 적용된 깔끔한 코드를 오른쪽에서 확인할 수 있습니다....
CSS 포맷터
CSS 또는 압축된 CSS를 붙여넣은 후 적절한 들여쓰기로 보기 좋게 정리하거나 배포용으로 압축할 수 있습니다....
JavaScript 포맷터
JavaScript 코드(압축된 파일 포함)를 붙여넣으면 깔끔하게 들여쓰기된 코드를 얻을 수 있습니다....
SQL 포맷터
SQL 쿼리를 붙여넣으면 키워드가 대문자로 변환되고 깔끔하게 들여쓰기된 결과를 즉시 확인할 수 있습니다....
XML 포맷터
XML 문서를 붙여넣으면 적절한 들여쓰기로 정리하거나 한 줄로 압축할 수 있습니다....