HTML

사이트, 페이지 설명 meta태그 추가

질주하는구 2021. 6. 29. 13:26

사이트, 페이지 작업 후 해당 페이지에 대한 설명을 meta태그에 추가 해 사이트가 검색이 잘되게 해줍니다.

(내용을 작성 하고 갱신 해주면 검색시 해당 내용이 활용 되기 때문에 유용 합니다.)

 

<title>페이지 제목</title>
<meta name=”description” content=”페이지 설명”>
<meta name=”keywords” content=”페이지에,들어간,키워드,단어로,입력,구분은,쉼표로”>

<meta property=”og:type” content=”website”>
<meta property=”og:title” content=”페이지 제목”>
<meta property=”og:description” content=”페이지 설명”>
<meta property=”og:image” content=”페이지 썸네일 이미지 주소”>
<meta property=”og:url” content=”페이지 주소”>

<meta property=”twitter:card” content=”summary”>
<meta property=”twitter:title” content=”페이지 제목”>
<meta property=”twitter:description” content=”페이지 설명”>
<meta property=”twitter:image” content=”페이지 썸네일 이미지 주소”>

 

og(페이스북), twitter(트위터)를 위한 meta태그는 상황에 따라서 사용하지 않아도 상관 없습니다.

image의 경우 페이스북, 트위터 연동시 표출되는 이미지로 지정 됩니다.

반응형