HTML5

[ html5 ] # 카카오 , 트위터, 메타, 파비콘

변쌤(이젠강남) 2023. 9. 6. 11:51
반응형

설명문 : <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용어사전, 한국정보통신기술협회)

반응형