사이트, 페이지 작업 후 해당 페이지에 대한 설명을 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
Posted by 질주하는구
,