[태그:] METATAG

META TAG (SEO, OPEN GRAPH)

<head>
  <!-- 기본 문서 정보 -->
  <meta charset="utf-8">
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1"
  >

  <!-- 기본 SEO -->
  <title>페이지 제목 | 사이트명</title>
  <meta
    name="description"
    content="페이지 내용을 요약한 설명입니다."
  >
  <link
    rel="canonical"
    href="https://example.com/current-page"
  >

  <!-- 검색엔진 제어 -->
  <meta
    name="robots"
    content="index, follow"
  >

  <!-- Open Graph -->
  <meta property="og:type" content="website">
  <meta property="og:title" content="페이지 제목">
  <meta
    property="og:description"
    content="페이지 내용을 요약한 설명입니다."
  >
  <meta
    property="og:url"
    content="https://example.com/current-page"
  >
  <meta
    property="og:image"
    content="https://example.com/images/og-image.jpg"
  >
  <meta
    property="og:image:secure_url"
    content="https://example.com/images/og-image.jpg"
  >
  <meta property="og:image:type" content="image/jpeg">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta
    property="og:image:alt"
    content="이미지 내용을 설명하는 대체 텍스트"
  >
  <meta property="og:site_name" content="사이트명">
  <meta property="og:locale" content="ko_KR">

  <!-- X / Twitter Card -->
  <meta
    name="twitter:card"
    content="summary_large_image"
  >
  <meta
    name="twitter:title"
    content="페이지 제목"
  >
  <meta
    name="twitter:description"
    content="페이지 내용을 요약한 설명입니다."
  >
  <meta
    name="twitter:image"
    content="https://example.com/images/og-image.jpg"
  >
  <meta
    name="twitter:image:alt"
    content="이미지 내용을 설명하는 대체 텍스트"
  >
</head>
2026-07-21