메타 태그 및 오픈 그래프 생성기
간단한 폼으로 Open Graph 및 Twitter Card 메타 태그를 생성하는 무료 메타 태그 생성기입니다. 제목, 설명, URL 및 이미지 URL을 입력하면 Facebook 및 Twitter에서 링크가 표시되는 방식과 유사한 붙여넣기 준비된 HTML 메타 태그와 라이브 카드 미리보기를 얻을 수 있습니다. 브라우저에서 완전히 실행됩니다. 서버가 필요하지 않습니다.
이 메타 태그 생성기를 사용하는 이유는 무엇인가요?
- 하나의 폼: 제목, 설명, URL, 이미지 및 선택적 사이트 이름을 입력하세요.
- 라이브 미리보기: 소셜 네트워크에 공유될 때 링크가 어떻게 보일지 확인하세요.
- HTML 복사: 생성된 메타 태그를 복사하여 페이지 헤드에 붙여넣으세요.
- 비공개: 모든 생성은 귀하의 브라우저에서 이루어집니다.
주요 기능
- Open Graph: og:title, og:description, og:url, og:image, og:type, og:site_name.
- Twitter Card: 제목, 설명, 이미지가 포함된 summary_large_image.
- Meta description: SEO를 위한 표준 설명 메타 태그.
- Preview: 카드 스타일 미리보기; URL이 교차 출처인 경우 이미지가 로드되지 않을 수 있습니다.
작동 방식
이 도구는 입력한 양식 값을 사용하여 적절한 속성 이스케이프와 함께 HTML 메타 태그를 생성합니다. 미리보기 영역은 카드 레이아웃으로 제목, 설명, 이미지를 표시합니다. 이미지 URL은 img 태그로 로드되며, 일부 호스트는 임베딩을 차단할 수 있어 외부 URL의 경우 미리보기에 이미지가 깨져 보일 수 있습니다.
메타 태그 생성기 사용해 보기
필드를 채우십시오. 입력하는 대로 메타 태그와 미리보기가 업데이트됩니다. 준비가 되면 HTML을 복사하여 페이지의 head 부분에 추가하십시오. 링크가 공유될 때 어떻게 보일지 확인하려면 미리보기를 확인하십시오.