lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

webIntroHtmlChapter4Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter3Title

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR"
      rel="stylesheet"
    />

    
    <link rel="canonical" href="https://example.com/original-article" />

    
    <meta name="robots" content="noindex, nofollow" />
  </head>

  <body>
    <h3>HTML head 태그를 확인해 보세요</h3>
  </body>
</html>

# SEO 메타 태그 - canonical, robots

동일한 내용이 여러 웹 페이지에 중복되어 검색 엔진의 패널티를 방지하거나, 특정 페이지를 검색 엔진에서 숨기고 싶을 때 사용하는 기법들이 있습니다.

이때 활용되는 meta 태그인 `canonical`과 `robots`에 대해 알아보겠습니다.

<br />

## canonical 링크

`canonical` 링크는 여러 페이지에 중복된 내용이 있을 때, 어느 페이지가 "정식" 버전인지 검색 엔진에게 알립니다.

### 예시:

```html title="canonical 링크 예시"
<head>
  <link rel="canonical" href="https://example.com/original-article" />
</head>
```

이 canonical 태그를 통해 검색 엔진에게 "https://example.com/original-article" 페이지가 중복된 내용 중 정식 버전이라고 알립니다.

<br />

## robots meta 태그

`robots` 태그는 검색 엔진에게 특정 페이지에 대한 수집을 허용하거나 허용하지 않는다고 지시합니다.

특정 문서나 정보를 다른 사람들과 공유하고 싶지 않을 때 아래와 같이 robots meta 태그를 사용할 수 있습니다.

예시:

```html title="robots meta 태그 예시"
<head>
  <meta name="robots" content="noindex, nofollow" />
</head>
```