본문 바로가기

HTML

META OG TAG

META TAG 란?


META TAG 는 HTML 문서의 내용, 설명, 누가 만들었는지등의 HTML문서를 설명 하는 태그를 말합니다.



OG TAG 란?


SNS나 메신저에 링크를 공유 할때 미리 보기 화면이 나오는데, 그 미리보기 화면을 설정 할 수 있게 해줍니다.
그럼 바로 예시를 보여 드리죠

위에 보이는 소스 처럼 

<meta property="og:타입" content="값">


메타 태그 설정 하고자 하는 타입을 지정 해주고 content 속성에 타입에 해당되는 값을 넣어주면 됩니다.

여기서 참고 할 점은 

각 메신저나 SNS마다 메모리 공간 절약과 빠른 제공을 위해 캐시에 데이터를 저장 해놓습니다.
즉. 태그 내용을 변경한다고 해도 바로 적용이 되지않고 캐시가 업데이트 될 때 변경된 내용이 적용 됩니다.
적용 되는 시간은 각 메신저나 SNS마다 다르며 짧게는 몇 시간에서 길게는 하루 이상이 걸릴 수 있습니다.

 


'HTML' 카테고리의 다른 글

META OG TAG  (0) 2017.06.30