HTML 메타 태그 최적화: title·description·canonical

메타 태그는 검색 순위를 올리는 비밀 키워드 목록이 아니라 브라우저와 검색엔진, 공유 서비스에 문서 정보를 전달하는 장치입니다. 각 페이지의 실제 내용과 일치하는 제목과 설명을 작성하고, 중복 URL은 canonical로 정리하는 것이 핵심입니다.

[목차]

기본 head 예제

<!doctype html>
<html lang="ko">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>SQLite 온라인 백업과 복구 검증 방법</title>
  <meta name="description"
        content="실행 중인 SQLite 데이터베이스를 안전하게 백업하고 무결성과 복구 가능성을 검증하는 절차를 설명합니다.">
  <link rel="canonical" href="https://example.com/sqlite-backup/">
</head>
</html>

title은 페이지마다 고유하게

<title>은 검색 결과 제목의 중요한 입력이지만 Google이 항상 그대로 표시하는 것은 아닙니다. 제목은 페이지의 주제를 정확히 설명하고, 같은 문구를 여러 페이지에 반복하지 않습니다. 사이트 이름은 CMS가 자동으로 붙이는지 확인해 중복을 피하세요.

meta description은 짧은 내용 요약

고정된 글자 수를 맞추기보다 검색자가 페이지에서 무엇을 얻는지 한두 문장으로 설명합니다. Google은 검색어에 따라 본문에서 다른 스니펫을 만들 수 있습니다. 모든 페이지에 같은 설명을 넣거나 키워드만 나열하면 유용하지 않습니다.

robots와 canonical의 역할

<meta name="robots" content="noindex, follow">
<link rel="canonical" href="https://example.com/preferred-url/">

noindex는 페이지를 검색 색인에서 제외하라는 지시입니다. robots.txt로 크롤링까지 막으면 검색엔진이 noindex를 읽지 못할 수 있습니다.
canonical은 유사·중복 URL 중 선호 URL을 알려주는 신호입니다. 존재하지 않거나 다른 내용의 페이지를 지정하지 않습니다.
색인할 페이지에 실수로 noindex가 들어가지 않았는지 배포 후 원본 HTML을 확인합니다.

소셜 공유 정보

<meta property="og:title" content="SQLite 온라인 백업 방법">
<meta property="og:description" content="백업과 복구 검증 절차를 예제로 설명합니다.">
<meta property="og:image" content="https://example.com/images/sqlite-backup.png">

Open Graph 이미지는 실제 콘텐츠를 대표하는 고해상도 이미지를 사용하고 접근 가능한 절대 URL을 지정합니다. 이것이 HTML의 alt 텍스트를 대신하지는 않습니다.

피해야 할 오해

meta keywords를 많이 넣는다고 Google 순위가 오르지 않습니다.
description 길이만 맞춘다고 노출이나 클릭이 보장되지 않습니다.
JavaScript로 뒤늦게 넣기보다 가능한 한 서버가 반환하는 HTML에 핵심 메타 정보를 포함합니다.
검색엔진별로 다른 내용을 보여주지 않습니다.

공식 참고자료

내용 검토 및 업데이트: 2026년 8월 27일