메타 태그 (meta tag)

메타 태그는 HTML 문서의 <head> 내부에서 사용되며, 페이지의 정보를 검색 엔진, 브라우저, SNS 등에 전달하는 역할을 한다. 직접 화면에 표시되지는 않지만, 웹페이지의 SEO(검색 엔진 최적화), 반응형 디자인, 공유 미리보기 등에 중요한 영향을 미친다.

https://yozm.wishket.com/magazine/detail/816/

검색 엔진이 참고할 키워드 지정. <meta name="Keywords" content="국립생태원" />

웹사이트의 설명을 설정. 검색 결과에서 페이지 설명으로 활용될 수 있음. <meta name="Description" content="환경부 산하, 생태조사·연구, 멸종위기종 복원, 전시·교육기관" />

문서의 콘텐츠 타입과 문자 인코딩 지정. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

인터넷 익스플로러(IE)에서 최신 렌더링 엔진 사용을 강제. 구형 브라우저에서 최신 모드로 페이지를 표시하도록 설정.

Open Graph (OG) 태그 (SNS 공유 최적화)

<meta property="og:type" content="website" />
- 콘텐츠 유형을 지정(예: website, article 등).
- 주로 Facebook, 카카오톡 등에서 링크 공유 시 사용.
<meta property="og:title" content="국립생태원" />
- 공유될 때 표시될 제목 설정.
<meta property="og:description" content="환경부 산하, 생태조사·연구, 멸종위기종 복원, 전시·교육기관" />
- 공유될 때 표시될 설명 설정.
<meta property="og:image" content="/resources/nie/images/main/main_logo.png" />
- 공유될 때 표시될 대표 이미지 설정.
<meta property="og:url" content="<https://www.nie.re.kr/nie/main/contents.do>" />
- 공유 시 연결될 URL 설정.