사이트, 페이지 작업 후 해당 페이지에 대한 설명을 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의 경우 페이스북, 트위터 연동시 표출되는 이미지로 지정 됩니다.
'HTML' 카테고리의 다른 글
html custom attribute 추가 (0) | 2022.04.06 |
---|---|
html5 file drag and drop (0) | 2021.05.14 |
페이스북 로그인 연동(javascript api) (0) | 2016.03.01 |
object 태그를 이용한 pdf보여주기 (0) | 2015.09.21 |
fckeditor2.6 IE9문제 (0) | 2015.03.09 |