본문 바로가기
Vuejs_JS_CSS(3)

html - 기본구조, 메타태그 세팅

by 꿀이다 2022. 9. 2.
반응형

html 메타태그 세팅

html
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

  <!-- sns(텔레그램, 카톡, 문자 등)로 url을 보낼 때 보여지는 정보(제목, 설명글, 이미지) -->
  <meta property="og:title" content="sns에서 보여지는 제목">
  <meta property="og:description" content="sns에서 보여지는 설명글">
  <meta property="og:image" content="sns에서 보여지는 이미지 경로">
  <meta property="og:image:width" content="sns에서 보여지는 이미지 가로 길이px(숫자만)">
  <meta property="og:image:height" content="sns에서 보여지는 이미지 세로 길이px(숫자만)">
  <meta property="og:url" content="사이트 경로"/>

  <meta name="Subject" content="화면 주제">
  <meta name="author" content="화면 만든 사람, 주체">
  <meta name="publisher" content="화면 발행 주체">
  <meta name="description" content="화면에 대한 간략한 설명">
  <meta name="keywords" content="검색 키워드">
    
  <meta http-equiv="Pragma" content="no-cache"><!-- 캐시 방지 -->
  <meta http-equiv="Expire" content="-1"><!-- 캐시 파기 시간. -1은 즉시 파기  -->
    
  <meta name="Robots" content="ALL"><!-- 검색 로봇의 접근 관련 설정 -->
  <meta name="robots" content="index, follow"><!-- 이 문서와 링크 수집함 -->
  <meta name="robots" content="noindex, follow"><!-- 이 문서는 무시하고 링크된 문서만 수집 -->
  <meta name="robots" content="index nofollow"><!-- 이 문서는 수집하고 링크는 무시 -->
  <meta name="robots" content="noindex, nofollow"><!-- 이 문서와 링크 무시 -->

  <title>화면 제목</title>
  <link rel="icon" href="image/favicon.ico">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/style.css">
</head>

 

반응형

댓글