설명문 : <meta name="description" content="html5의 구조를 설명">
키워드 입력 - <meta name="keywords" content="html5의 구조">
작성자 입력 - <meta name="author" content="홍길동">
검색 엔진
all : 기본값. 'index,follow'를 지정한 것과 같음.
none : 'noindex, nofollow'를 지정한 것과 같음.
index : 그 페이지를 수집대상
follow : 그 페이지를 포함해 링크가 걸린 곳을 수집대상
noindex : 그 페이지를 수집대상에서 제외
nofollow : 그 페이지를 포함해 링크가 걸린 곳을 수집대상으로 하지 않음
<!-- 문서 수집 [ 가능 ] 링크 수집 [ 가능 ] -->
<meta name="robots" content="index,follow" >
<!-- 문서 수집 [ 불가능 ] 링크 수집 [ 가능 ] -->
<meta name="robots" content="noindex,follow" >
<!-- 문서 수집 [ 가능 ] 링크 수집 [ 불가능 ] -->
<meta name="robots" content="index,nofollow" >
<!-- 문서 수집 [ 불가능 ] 링크 수집 [ 불가능 ] -->
<meta name="robots" content="noindex,nofollow" >
네이버
<meta name="NaverBot" content="All">
<meta name="NaverBot" content="index,follow">
01) 오픈그래픽, 카카오톡이나 여러 소셜에서 링크를 보여줄 경우 그에 대한 상세 설정
<meta property="og:url" content="사이트url">
<meta property="og:title" content="제목">
<meta property="og:type" content="website">
<meta property="og:image" content="이미지경로">
<meta property="og:description" content="간단설명">
----------------
<meta property="og:url" content="http://xxx">
<meta property="og:title" content="">
<meta property="og:type" content="website">
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="210" />
<meta property="og:image" content="이미지경로">
<meta property="og:description" content="세부설명">
02) 트위터에 대응한 설정
<meta name="twitter:card" content="트위터 카드 타입"> 특성을 지정
<meta name="twitter:title" content="사이트제목">
<meta name="twitter:url" content="http://사이트주소/">
<meta name="twitter:image" content="http://띄울이미지">
<meta name="twitter:description" content="사이트설명">
----------------
<meta property="og:title" content="제목" />
<meta property="og:description" content="설명" />
<meta property="og:image" content="대표 이미지" />
<meta property="og:url" content="표준 링크(같은 콘텐츠를 가리키는 여러 개의 URL 중 대표 URL)" />
<meta name="twitter:card" content="summary" />
# 파비콘
사이트1 | 사이트2 |
<link rel="shortcut icon" href="images/common/favicon.ico" />
<link rel="shortcut icon" href="images/favicon.ico" />
즐겨찾기 아이콘. 즐겨찾기(favorites)와 아이콘(icon)의 합성어로, 주소창에 조그만 아이콘으로 표시되어 있다. 아이콘 에디터로 16x16 크기의 적당한 아이콘을 만든 후 그 이름을 favicon.ico로 한 다음 웹 사이트의 루트 디렉터리에 갖다 넣으면 된다.
[네이버 지식백과] 파비콘 [favicon] (IT용어사전, 한국정보통신기술협회)
'HTML5' 카테고리의 다른 글
[ HTML5 ] table , form 요소 (9) | 2024.02.28 |
---|---|
[ html5 ] 시맨틱 태그 (0) | 2023.08.21 |
[ html5 ] 이미지, 링크 , 엔티티 코드, 동영상 (0) | 2023.08.17 |
[ html5 ] html작성법, 제목,문단,목록, 유효성검사 (0) | 2023.08.17 |
[코딩에디터] 비주얼스튜디오 코드(Visual Studio Code) 설치 , 확장 플러그인(Extension) 설치 방법 (0) | 2023.06.01 |