[Web] og 태그 활용 - ( week 5 )

페이지를 공유할 때 해당 페이지의 정보를 보여주는 역할은 og 태그로 처리되기 때문에 만들어 놓은 페이지를 og 태그로 정보를 넣어서 공유할 때 페이지의 정보가 미리 보일 수 있도록 만든다.

 

 

og 태그 넣기

index.html 파일의 head 태그 내부에 작성한다.

    <meta property="og:title" content="내 사이트의 제목" />

    <meta property="og:description" content="보고 있는 페이지의 내용 요약" />

    <meta property="og:image" content="이미지URL" />

 

각 정보들을 페이지에 대한 내용으로 넣어준다.

이때 페이지에 보여줄 내용을 모두 내가 만들고 싶은대로 수정해 본다.

 

 

 

입력한 og 데이터를 확인하기 위해서 페이지주소를 복사해서 공유해 본다.

그러기 위해서는 우선 서버에 페이지를 배포해야 한다.