[TS] - 메타데이터

Joy H·2024년 7월 5일

[요청]
_ 카카오톡에서 특정 URL을 보내는데 해당사이트의 TITLE이 아닌 다른 사이트의 TITLE이 뜸

[해결]
- 카카오톡에서 특정 URL을 보낼 때 표시되는 이름은 보통 해당 URL의 메타데이터에서 가져옴
- 소스확인시 태그의 title값이 잘 적용되어 있음
- 웹서버 확인 (보통경로 /tomcat내부/ROOT/index.jsp) 태그 값 반영이 안되어 있었음

			<meta name="og:title" property="og:title" content="사이트명"> 이런식으로 수정!
		(바꿔야될 문구가 여러개일때 :%s/바꾸고싶은문자열/새문자열/g)
        	- %: 파일 전체
            - s/: substitute(대체) 명령
            - g: global(파일 전체) 변경
- 서버 반영은 카카오에서 관리하여 바로 확인이 어려움!(이번 건은 1시간안에 반영이 되었음)

*메타데이터란?

: 다른 데이터를 설명하는 데이터

  • 데이터의 속성이나 특성을 설명하는 정보
  • 웹 개발에서 메타데이터는 주로 웹 페이지의 정보를 설명하는 용도

[OG 메타태그] : 페이스북과 같은 소셜 미디어에서 페이지를 공유할 때 사용되는 정보를 제공

<meta property="og:title" content="페이지 제목">
<meta property="og:description" content="페이지 설명">
<meta property="og:image" content="이미지 URL">
<meta property="og:url" content="페이지 URL">

0개의 댓글