찾아가는 수업

포토샵, 일러스트레이션, 블로그홈페이지, 쇼핑몰디자인, 컴퓨터기본, 홈페이지, 인쇄물디자인(로고,명함,전단지), 타자연습, 컴퓨터기본, 문서작성 등

매일코딩공부

메타 태그 (Meta Tag)로 검색엔진 최적화하기 (SEO)

ejcom 2024. 11. 7. 22:03

SEO를 위한 가장 중요한 메타태그

Meta title

<meta name="title" content="This is Page Title">

Meta description

<meta name="description" content="검색노출">

Meta robots

<meta name="robots" content="index,nofollow">

Meta refresh redirect

<meta http-equiv="refresh" content="5;url="https://example.com/">

Meta charset

<meta charset="utf-8">

Meta viewport

<meta name="title" content="This is Page Title">

오픈그래프(open graph)

브라우저나 검색 로봇에게 해당 페이지의 정보를 알려주는 메타태그,

그 표기방법 중 페이스북의 오픈그래프 프로토콜을 사용하는 것이 바로 og이다.

미리보기를 통해 보는 제목, 설명, 이미지는 HTML 문서의 head에 표기된 오픈그래프 프로토콜에 의해서 나타난다.

예시

<meta property="og:url" content="https://redkiwiapp.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="RedKiwi, YouTube-based English Trainer" />
<meta property="og:description" content="How could you speak English if you cannot understand it? It's time to improve your English listening skills! Try RedKiwi right now :)" />
<meta property="og:image" content="redkiwi.jpg" />

 

 

 

매일코딩공부 자료실

'매일코딩공부' 카테고리의 다른 글

OG 태그  (1) 2024.11.07