728x90
반응형
홈페이지 URL을 여기저기 링크하다 보면 미리보기 섬네일 이미지가 함께 뜹니다.
이때 메타태그로 대표 이미지가 설정 돼있지 않다면 홈페이지에 제일 상단에 위치한 이미지가 대표 이미지로 인식돼 노출되게 됩니다.
효과적인 활용을 위해서 홈페이지 대표 이미지 설정을 한번 해보도록 합시다!
<head>
<title>메타태그 설정</title>
<meta property="og:url" content="http://website.com">
<meta property="og:title" content="타이틀">
<meta property="og:type" content="website">
<meta property="og:image" content="미리보기 섬네일 이미지 주소">
<meta property="og:description" content="웹사이트를 소개글">
</head>meta property 속성 중에 og:image 만 넣어도 홈페이지 미리보기 이미지 설정이 가능하지만 다른 property 속성도 함께 작성하여 사이트에 정보를 명확하게 정의해 주는것이 좋습니다.
728x90
반응형
'공부 > html, css' 카테고리의 다른 글
| 반응형에서 가로 세로 비율 고정하는 방법 (3) | 2023.01.07 |
|---|---|
| 반응형에서 꼭 필요한 미디어쿼리 (0) | 2023.01.07 |
| 풀스크린 슬라이드 제작 (css만 사용하기) (0) | 2023.01.07 |
| 스크롤 디자인 꾸미기 (0) | 2023.01.07 |
| 링크 이미지 테두리 없애기 (0) | 2023.01.07 |
