meta 태그
<meta> 태그는 HTML 문서의 <head> 섹션에 사용되는 메타데이터를 정의하기 위한 태그입니다.
이 메타데이터는 주로 웹 브라우저, 검색 엔진 및 다른 웹 서비스와 상호 작용할 때 사용됩니다.
meta 태그 사용 목적
🔵웹 브라우저
<meta> 태그를 사용하여 웹 브라우저에 웹 페이지의 표시 방식과 동작을 제어합니다.
🟥문자 인코딩 설정
<meta charset="UTF-8">와 같이 문자 인코딩을 설정하여 웹 페이지가 올바르게 표시되도록 합니다.
🟥뷰포트 설정
<meta name="viewport" content="width=device-width, initial-scale=1">와 같이 모바일 디바이스에서 페이지가 올바르게 조절되도록 설정합니다.
🔵검색 엔진 최적화 (SEO)
<meta> 태그를 사용하여 검색 엔진 최적화 (SEO)를 향상시키고 웹 페이지의 검색 엔진 순위를 향상시키는 데 도움이 됩니다. 예를 들어, <meta name="keywords" content="키워드1, 키워드2, 키워드3">와 같이 페이지의 키워드를 정의할 수 있습니다.
🔵소셜 미디어 공유
웹 페이지의 소셜 미디어 공유를 개선하기 위해 <meta> 태그를 사용합니다.
예를 들어, <meta property="og:title" content="페이지 제목">과 같이 Open Graph 프로토콜을 사용하여 소셜 미디어에서 페이지가 어떻게 표시될지를 제어할 수 있습니다.
🔵기타 메타데이터
다양한 기타 메타데이터를 웹 페이지에 추가할 수 있습니다. 예를 들어, <meta name="author" content="작성자 이름">, <meta name="description" content="페이지 설명">, <meta name="robots" content="noindex, nofollow"> 등이 있습니다.
출처 | ChatGPT
'네트워크 > HTML' 카테고리의 다른 글
| HTML 에서 로깅 스크립트 위치 고려 | Chat GPT (0) | 2024.10.12 |
|---|---|
| <footer> 요소 role 속성 설명 | ChatGPT (0) | 2024.09.27 |
| Local storage 와 Session storage 이란 무엇인가 | ChatGPT (1) | 2024.09.21 |
