랜딩에 SEO 심기
검색에 뜨고, 카톡에 예쁘게 뜨게

가게로 비유하면 이래.

• 메타 태그 = 간판. 지나가는 사람이 검색 결과에서 보는 가게 이름과 한 줄 소개. → 2장
• OG 태그 = 명함. 누가 내 가게를 남한테 소개할 때(카톡으로 링크 보낼 때) 건네지는 카드. 간판이랑 다른 물건이야. → 3장
• JSON-LD = 사업자 등록증. "우리는 그냥 글이 아니라 행사고, 날짜는 이때, 가격은 얼마, 정원은 몇 명"을 기계가 읽는 서식으로 적은 것. → 4장
• robots.txt / sitemap.xml = 출입 안내판과 매장 지도. 돌아다니는 로봇한테 "여기까진 들어와도 돼 / 방은 이렇게 있어"라고 알려주는 것. → 5장

<title>AI노마드 워케이션 in곡성 2기 · 모집 안내</title>
<meta name="description" content="AI 도구는 써봤지만 내 업무에는 아직 제대로 붙이지 못했다면…" />
<link rel="canonical" href="https://gokseong.nodak.co.kr/" />
<meta name="robots" content="index, follow, max-image-preview:large" />

• title은 60자 안쪽, description은 150자 안쪽. 넘으면 구글이 뒤를 잘라먹어.
• description 첫 문장에 "누구를 위한 건지"를 넣어야 클릭이 붙어.

canonical이 제일 중요해

같은 페이지가 www 붙은 주소, 끝에 / 없는 주소, ?utm_source=… 붙은 주소로 여러 개 존재하면 구글은 "다른 페이지 3개"로 세. 점수가 쪼개져. canonical은 "진짜 주소는 이거 하나야"라고 못 박는 거야.

<meta property="og:title" content="AI노마드 워케이션 in곡성 2기 · 단 18명 선발" />
<meta property="og:description" content="9/18~9/21 전남 곡성 3박4일 · 단 18명…" />
<meta property="og:image" content="https://gokseong.nodak.co.kr/img/og-2th.png" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="og:url" content="https://gokseong.nodak.co.kr/" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="ko_KR" />
<meta name="twitter:card" content="summary_large_image" />

여기서 다들 밟는 지뢰 셋

• ① og:image를 상대경로로 씀. /img/og.png라고 쓰면 카톡은 이미지를 못 찾아. 브라우저에선 잘 보이니까 더 헷갈려. 절대경로로.
• ② og:title과 title을 같게 씀. 오히려 달라야 해. 검색용은 "뭐 하는 페이지인지", 카톡용은 "손가락 멈추게 하는" 문장. 곡성은 검색용을 "모집 안내", 카톡용을 "단 18명 선발"로 갈랐어.
• ③ 카카오 캐시를 모름. 카카오는 OG를 아주 오래 캐시해. 한 번 잘못 뿌려지면 태그를 고쳐도 계속 옛날 카드가 떠.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    { "@type": "Organization", "@id": "https://nodak.co.kr/#org",
      "name": "노닥컴퍼니", "url": "https://nodak.co.kr" },
    { "@type": "EducationEvent", "@id": "https://gokseong.nodak.co.kr/#event-2th",
      "name": "AI노마드 워케이션 in곡성 2기",
      "startDate": "2026-09-18T14:00:00+09:00",
      "endDate":   "2026-09-21T14:00:00+09:00",
      "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
      "maximumAttendeeCapacity": 18,
      "location": { "@type": "Place", "name": "곡성 러스틱타운 삼기" },
      "organizer": { "@id": "https://nodak.co.kr/#org" },
      "offers": { "@type": "Offer", "price": "499000", "priceCurrency": "KRW",
        "url": "https://gokseong.nodak.co.kr/apply.html",
        "validThrough": "2026-09-11T23:59:59+09:00" } }
  ]
}
</script>

• @graph와 @id를 쓰는 이유 — 조직·사이트·행사를 따로 적고 @id로 서로 가리키면 같은 내용을 세 번 안 써도 돼. 주최자는 한 번만 적고 행사에서 참조.
• 타입은 성격대로. 교육 행사면 EducationEvent, 일반 행사면 Event, 강의 상품이면 Course, 물건이면 Product. 아무거나 붙이지 마.

# robots.txt — 크롤러 출입 규칙
User-agent: *
Allow: /
Disallow: /api/
Disallow: /1th/

Sitemap: https://gokseong.nodak.co.kr/sitemap.xml

• /api/는 폼 처리용이라 검색에 뜰 이유가 없어.
• /1th/는 지난 기수 아카이브. 열어두면 지난 기수가 이번 기수보다 위에 뜨는 사고가 나. 실제로 이것 때문에 막았어.
• 맨 아래 Sitemap: 줄이 위치를 알려줘. 이게 있으면 서치콘솔에 안 내도 구글이 찾아가(내는 게 훨씬 빠르지만).

<!-- sitemap.xml — 페이지 목록 -->
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://gokseong.nodak.co.kr/</loc>
    <lastmod>2026-08-23</lastmod>
    <changefreq>daily</changefreq>
    <priority>1.0</priority>
  </url>
</urlset>

① 라이브에 진짜 올라갔나

curl -s https://gokseong.nodak.co.kr/ | grep -E 'og:title|canonical|ld\+json'
curl -sI https://gokseong.nodak.co.kr/robots.txt  | head -1   # 200이어야 함
curl -sI https://gokseong.nodak.co.kr/sitemap.xml | head -1   # 200이어야 함

② JSON-LD가 먹혔나

리치 결과 테스트에 URL을 넣어. "유효한 항목 1개 감지됨"이 뜨면 성공이야.

실제 통과 화면 보기 · 캡처 1장

③ 카톡 카드

카카오 디버거에서 확인하고 캐시 초기화. 그리고 실제로 나한테 카톡을 보내서 눈으로 봐. 디버거가 통과해도 실기기에서 이미지가 안 뜨는 경우가 있어.