HTML & CSS
html 작성 기초 - meta요소 알아보기
김치마리라떼
2020. 3. 12. 18:29
reference))
https://www.inflearn.com/course/html-css-webazit/lecture/12775
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name ="author" content="">
<meta name = "generator" content="">
<meta name ="robots" content="index, nofollow">
<meta name ="viewport" content="width:device-width,initial-scale=1">
<!-- 반응형, 모바일 웹 필수 메타 태그 -->
<title>Document</title>
<!-- 여러 소셜에서 링크를 보여줄 경우 그에 대한 상세 설정 -->
<meta property="og:title" content="페이지제목">
<meta property="og:url" content="http://사이트주소/">
<meta property="og:image" content="http://띄울이미지">
<meta property="og:type" content="website"> 종류지정
<meta property="og:description" content="사이트설명">
<meta http-equiv="refresh" content="5; url=https://kimchieggrollatte.tistory.com/">
</head>
<body>
<h1>3초 후 blog로 이동합니당(더 걸릴 수 있음;;)</h1>
</body>
</html>memo
네임 속성으로 keywords라는 메타 태그 지정, 값은 콘텐트 안에 적음
키워즈는 이 웹페이지에서 대표되는 단어들을 쉼표를 통해서 나열하는 메타태그
description은 컨텐트에 그 값으로 이 문서에 대한 설명글을 적게 된다. 최근 검색표시에 활용됨
generator : 어떤 프레임 워크를 써서 만들었는가?
robots : 검색이 되도록 하기 위해서 두가지 구조 가짐
index(검색 색인 등록 , 웹페이지 정보 수집 허용) follow(연결된 다른 페이지 허용)
--> 보안과 연관 없음 for검색 잘되기 위한 방법