HTML meta 태그 정리

 

•  언어 설정

<meta charset="UTF-8">

 

 

•  디바이스에서 사이트가 잘 보이도록 뷰포트 설정

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

 

•  검색 키워드 설정(키워드 여러개 가능)

<meta name="keywords" content="키워드1, 키워드2, 키워드3, 키워드4">

 

 

• 검색 시 나오는 제목 밑 설명

<meta name="description" content="설명입력란">

 

 

 

• 문서의 저자 정의

<meta name="author" content="이름">

 

 

 

• n초 뒤 다른 페이지로 리다이렉트

<meta http-equiv="refresh" content="n;url">

 

 

 

• 링크 공유 시 뜨는 썸네일과 텍스트 박스 커스텀

<meta property="og:image" content="/이미지경로.jpg">
<meta property="og:url" content="실제주소"> // 링크 클릭시 이동되는 실제 주소
<meta property="og:title" content="사이트제목">
<meta property="og:description" content="사이트설명">