필수 메타태그 모음입니다. 본인 사이트 내용에 맞게 수정해서 쓰세요.

2025. 12. 10. 08:55AI 이미지 만들기/AI 프로그램 관련정보

바로 복사해서 <head>와 </head> 사이에 붙여넣으면 되는 필수 메타태그 모음입니다. 대괄호 [ ]로 표시된 부분만 본인 사이트 내용에 맞게 수정해서 쓰세요.

 

 

✂️ 복사 붙여넣기용 코드 (HTML)

HTML
 
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>[사이트 제목 | 브랜드명]</title> 
<meta name="description" content="[검색 결과에 보여질 1~2줄 소개글. 핵심 키워드를 포함해서 매력적으로 작성하세요.]">
<meta name="keywords" content="[키워드1, 키워드2, 키워드3, 쉼표로 구분]">
<meta name="author" content="[만든이 또는 회사이름]">

<meta property="og:type" content="website">
<meta property="og:url" content="[https://내사이트주소.com]">
<meta property="og:title" content="[SNS 공유시 보여질 제목]">
<meta property="og:description" content="[SNS 공유시 보여질 짧은 설명]">
<meta property="og:image" content="[https://내사이트주소.com/img/share_thumbnail.jpg]">
<meta property="og:site_name" content="[사이트 이름]">
<meta property="og:locale" content="ko_KR">

<meta name="robots" content="index, follow">
<link rel="canonical" href="[https://내사이트주소.com]">

📝 각 태그별 간단 설명

  • <title>: 브라우저 탭 이름이자 검색 결과의 큰 제목. (가장 중요)
  • description: 검색 결과 제목 아래 나오는 설명글. 클릭률을 좌우함.
  • keywords: 구글은 크게 안 보지만, 아직 참고하는 검색 엔진들이 있어서 넣어두면 손해는 안 봄.
  • og:image: 카카오톡으로 링크 보냈을 때 뜨는 썸네일 사진. (1200x630 픽셀 추천)
  • canonical: 내 사이트 주소가 www.site.com도 있고 site.com도 있을 때, **"이게 찐 주소야"**라고 검색 엔진에 알려주는 역할. (중복 문서로 인한 벌점 방지)