웹 기본
메타태그(Meta Tag)
메타태그(Meta Tag)는 HTML의 head 영역에 들어가 페이지 제목, 설명, 공유 이미지, 문자 인코딩 같은 정보를 알려주는 태그입니다.
쉬운 설명
HTML 문서의 제목, 설명, 공유 이미지 같은 페이지 정보를 브라우저와 검색 엔진에 알려주는 태그.
배경과 쓰임까지 이해하기
조금 더 자세히
메타태그(Meta Tag)는 HTML의 head 영역에 들어가 페이지 제목, 설명, 공유 이미지, 문자 인코딩 같은 정보를 알려주는 태그입니다.
검색 결과 설명, SNS 공유 카드, 브라우저 탭 제목, SEO 설정을 다룰 때 등장합니다.
본문 태그가 사용자에게 보이는 콘텐츠라면, 메타태그(Meta Tag)는 브라우저와 검색 엔진이 참고하는 페이지 정보입니다.
실제로는 이렇게 만나요
메타태그(Meta Tag)은(는) 실제 작업 흐름에서 HTML, SEO, Sitemap 같은 개념과 함께 등장합니다.
- 이런 거 할 때 나와요 검색 결과 설명, SNS 공유 카드, 브라우저 탭 제목, SEO 설정을 다룰 때 등장합니다.
- 이렇게 생겼어요 메타태그(Meta Tag)은(는) HTML, SEO, Sitemap 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
- 나오는 화면 예시 웹 기본 작업을 하다가 HTML, SEO, Sitemap를 확인하는 화면
헷갈리기 쉬운 점
본문 태그가 사용자에게 보이는 콘텐츠라면, 메타태그(Meta Tag)는 브라우저와 검색 엔진이 참고하는 페이지 정보입니다.
왜 알아두면 좋을까요?
검색 결과 설명, SNS 공유 카드, 브라우저 탭 제목, SEO 설정을 다룰 때 등장합니다.
Checklist
실제로 볼 때 확인할 것
- 01
정의보다 쓰이는 상황을 먼저 본다
- 02
관련 개념을 함께 확인한다
- 03
실제 프로젝트에서 등장한 위치를 기록한다