meta
<title> : Meaningful Page Title
- 예외적으로
<meta>대신<title>사용
name="description"
- 제목에 담지 못하는 웹페이지에 대한 상세설명
example:
<meta
name="description"
content="description shows additional data for this page"
/>name="keywords"
- 관련 키워드 문자열
example:
<meta
name="keywprds"
content="csv-like, array, of, page, related, strings,"
/>name="author"`
- 작성자
<meta
name="keywprds"
content="csv-like, array, of, page, related, strings,"
/>link
<link> : 다른 url과의 관계 설정에서 SEO에 영향을 주는 "rel" 종류
rel="canonical"
- url 주소는 다르지만 동일한 내용의 중복된 페이지가 있을 경우, 검색엔진에 대표가 되는 주소를 알려주는 역할
canonical을 적용하지 았았을 경우 검색엔진이 마음데로 판단을 할 가능성이 있기 때문에 비슷한 페이지와 주소가 있을 때canonical로 확실한 구분이 필요- 검색엔진이 동일한 페이지로 판단 할 경우 다른 하나는 인덱싱이 안되며 SEO에 영향을 준다
- ❗항상 (
http,https)를 포함한 절대경로 사용을 권장
example:
<head>
<title>Meaningful Title</title>
<link rel="canonical" href="https://noowah-blog.vercel.app/posts/test"/>
</head>Open Graph (og)
다른 sns나 플랫폼에 웹사이트 공유시 해당 컨텐츠를 미리 볼 수 있게 도와주는 태그 (주로 카드형태)
<meta name="og:site_name" content="noowah-blog" />
<meta name="og:title" content="noowahs blog made from next13" />
<meta
name="og:description"
content="description shows additional data for this page"
/>
%%유형%%
<meta name="og:type" content="website" />
%%웹페이지 주소%%
<meta name="og:url" content="https://noowah-blog.vercel.app/posts/test" />
%%공유카드 썸네일에 사용되는 태그%%
<meta
name="og:image"
content="https://www.daleseo.com/html-meta/thumbnail.png"
/>
조하운