본문 바로가기

SpringBoot/스파르타 웹개발의 봄 spring

[스파르타 웹개발의 봄 spring] 05.03 OG 태그 작업하기

728x90
반응형

##OG 태그 작업하기

1.OG 이미지 다운로

2.OG title, description 작업하기

- html에 head 태그안에 meta 태그의 속성으로 작성

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--    og 태그는 헤드태그 안에 작성-->
    <meta property="og:title"  content="토마스최의 셀렉샵"> <!--  태그 제목-->
    <meta property="og:description" content="자신의 관심 상품을 저장해 최저가를 볼 수 있습니다."><!--    og 태그 세부설명-->
    <meta property="og:image" content="images/og_selectshop.png"><!--    og  이미지-->
<!--    //////////////////////////////////////////////////////////-->
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="basic.js"></script>
    <title>나만의 셀렉샵</title>
</head>
cs
반응형