Next.js layout.tsx에 main이 두 개 — landmark 코드 리뷰
main·nav·header·footer 같은 landmark 태그는 페이지의 지도입니다. 지도가 두 장이거나 없으면 스크린리더 사용자도 AI 에이전트도 길을 잃습니다. 가장 자주 잘못된 케이스부터 정리합니다.
9 min read
블로그 전체 보기[CATEGORY]기술 SEO
기술 SEO — 크롤링·인덱싱·구조 최적화
코어 웹 바이탈, 스키마 마크업, 크롤링·인덱싱까지 — 구글과 AI 봇이 제대로 읽는 기술적 토대를 만드는 실전 가이드.
글 58편
네이버 Search Advisor 기술 감사 워크플로우: GSC와의 차이와 6단계 실전 가이드
네이버 서치어드바이저의 6개 핵심 기능을 분석하고, Google Search Console과 13개 항목을 비교합니다. 네이버에 최적화된 6단계 기술 감사 워크플로우를 제공합니다.
7 min readh1은 한 개만이라는 미신과 스크린리더 사용자의 실제 길찾기 — heading 코드 리뷰
SEO 도구는 'h1은 한 개여야 한다'고 외치지만 스크린리더 사용자는 헤딩 목록으로 페이지를 탐색합니다. 헤딩의 본질은 SEO가 아닌 목차이며, 그래서 AI Overviews 인용 신호이기도 합니다.
11 min read보안 헤더(CSP/HSTS)가 검색 순위에 미치는 영향
HTTPS는 약 12%의 순위 요인으로 확인되었지만, John Mueller는 보안 헤더가 직접적 순위 요인이 아니라고 밝혔습니다. '상위 사이트 71%가 보안 헤더 사용'이라는 통계의 검증 결과, 실제 채택률 데이터, 상관관계와 인과관계의 구분을 정리합니다.
8 min readEdge SEO 실전: 리다이렉트, 헤더 인젝션, HTML 변환 코드 예제
Cloudflare Workers로 구현하는 Edge SEO 실전 코드. 301 리다이렉트, KV 대량 리다이렉트, HSTS/CSP/X-Robots-Tag 헤더 인젝션, HTMLRewriter 메타 태그 삽입, 캐노니컬 인젝션, hreflang 인젝션, A/B 테스트까지.
8 min readEdge SEO: Cloudflare Workers로 SEO 변경사항 즉시 배포
Edge SEO의 정의(Dan Taylor 제안), 8가지 활용 사례, TTFB 60~80% 감소, 1ms 미만 실행 시간, 무료 플랜 10만 요청/일. 개발자 대기 없이 기술 SEO를 즉시 배포하는 방법을 정리합니다.
7 min readFAQ 아코디언에 JavaScript는 필요 없습니다 — details/summary 코드 리뷰
FAQ 아코디언을 만들 때 JavaScript와 상태 관리부터 떠올렸다면 — native <details>/<summary> 두 태그가 그 모든 일을 하고 a11y까지 무료로 줍니다. SEO·AI 인용에 미치는 영향도 다릅니다.
9 min read한국 기업 리브랜딩과 SEO 자산 보존: 당근마켓, 카카오-다음 사례
당근마켓에서 당근으로, 카카오-다음 합병의 검색 점유율 12.48%에서 2.84% 하락, 야놀자의 놀 전환까지. 한국 기업 리브랜딩에서 SEO 자산을 보존하는 이중 검색엔진 전략을 정리합니다.
8 min read마이그레이션 체크리스트 + 롤백 계획: 실패를 되돌리는 법
T-30일부터 런칭일까지의 마이그레이션 체크리스트, Go/No-Go 판단 기준, DNS TTL 60초 롤백 전략, 트래픽 70% 이상 하락 시 즉시 롤백 기준을 실무 중심으로 정리합니다.
8 min readSEO 마이그레이션 플레이북: 사전 준비부터 회복까지
사이트 마이그레이션에서 SEO 자산을 보존하는 3단계 프레임워크. SEJ 892건 분석 결과 평균 회복 기간 523일, Google Change of Address 180일 유지 의무, 실패 원인 Top 8과 AI 시대 고려사항까지 정리합니다.
9 min read모달을 띄우면 키보드 사용자는 갇히거나 도망갑니다 — dialog 코드 리뷰
직접 만든 모달은 포커스 트랩이 깨지거나 ESC가 안 닫히는 게 기본값입니다. native <dialog>, Radix, Headless UI의 차이를 코드로 비교하고 AI 에이전트가 모달을 어떻게 보는지 정리합니다.
10 min read한국 이커머스 카테고리 페이지 SEO: 구조, 콘텐츠, 네이버 쇼핑 연동
Cafe24 카테고리 URL 패턴, 내부 링크 깊이 최적화, 브레드크럼 구현, 카테고리 콘텐츠 작성법, faceted navigation 관리, 네이버 쇼핑 카테고리 매칭 전략까지. 한국 이커머스 카테고리 페이지 SEO 완전 가이드.
10 min readCafe24/Shopify 상품 스키마 마크업 구현 가이드
Google Product 구조화 데이터 요건부터 ProductGroup 변형 스키마, Shipping/Returns 마크업, Cafe24 스킨 편집 구현, Shopify 앱 비교까지. 한국 이커머스 상품 스키마의 모든 것.
10 min read이커머스 테크니컬 SEO 완전 가이드: 상품 페이지부터 카테고리까지
10,000개 이상 상품을 보유한 쇼핑몰의 사이트 구조, Core Web Vitals, 페이지네이션, 이미지 최적화까지. Cafe24와 Shopify의 기술적 한계와 대응 전략을 포함한 이커머스 테크니컬 SEO 완전 가이드.
10 min readplaceholder는 label이 아닙니다 — label·fieldset·legend 코드 리뷰
placeholder만 있는 폼은 스크린리더에게 '편집 가능'으로만 들리고, AI 에이전트의 자동 입력에서 가장 자주 실패합니다. label·fieldset·legend의 의미론을 코드와 함께 다시 봅니다.
10 min readAI 크롤러 트래픽 급증: 한국 호스팅 환경에서의 대응 전략
AI 크롤러가 전체 웹 트래픽의 4.2%를 차지하며, 한국 호스팅 환경에서는 초과 트래픽 과금과 서버 다운이 실제로 발생하고 있습니다. Cafe24, NHN Cloud, AWS Korea 환경별 봇 관리 전략을 정리합니다.
8 min readGPTBot, ClaudeBot, PerplexityBot: AI 크롤러별 robots.txt 설정 가이드
주요 AI 크롤러 9종의 robots.txt 동작을 공식 문서 기준으로 정리합니다. 학습 차단·검색 허용 전략, IP 검증, Cloudflare·nginx 속도 제한 설정까지 실전 가이드.
10 min readAI 봇 트래픽 거버넌스: 비용 통제와 크롤 관리 전략
AI 크롤러가 페이지 50,000개를 수집해도 돌려보내는 트래픽은 1건. 크롤 대비 리퍼럴 비율 데이터와 선택적 차단 전략으로 서버 비용은 줄이고, AI 검색 노출은 유지하는 실전 거버넌스 프레임워크를 제시합니다.
6 min readdiv는 클릭되지만 버튼은 아닙니다 — button vs a 코드 리뷰
div onClick은 클릭되지만 button이 아닙니다. 스크린리더, 키보드 사용자, AI 에이전트 모두 그 차이를 압니다. 구글 공식 가이드(2026-05-15)가 흘린 단서로부터 button과 a의 의미론을 다시 봅니다.
13 min read한국 쇼핑몰 faceted navigation이 색인을 잡아먹는 구조
Faceted navigation이 만드는 63만 개 URL 조합, 크롤 버짓의 99%를 낭비합니다. 한국 주요 플랫폼 robots.txt 실사와 Google/Naver 이중 대응 전략을 정리했습니다.
7 min readSEO 로그 파일 분석 실전: 크롤러가 실제로 방문하는 페이지 찾기
서버 로그에서 Googlebot, AI 크롤러의 실제 방문 패턴을 추출하는 방법을 다룹니다. Nginx 봇 분리 설정, bash 원라이너, Python 분석 스크립트까지 바로 쓸 수 있는 코드를 제공합니다.
8 min read크롤 버짓 최적화 가이드: 대규모 사이트 색인 효율 극대화
Google이 공식 확인한 크롤 버짓의 정의, 실제로 걱정해야 하는 사이트 규모, 낭비 원인 Top 4, 그리고 흔한 오해를 정리합니다. 100만 페이지 이상 사이트를 위한 실전 최적화 전략.
8 min read홈페이지를 새로 만들었는데 문의가 뚝 끊긴 이유
홈페이지를 새로 만들었는데 오히려 문의와 매출이 줄었다면? 리뉴얼 시 흔히 발생하는 SEO 마이그레이션 실수와 트래픽 복구 방법을 분석합니다.
8 min read한국 기업의 Headless CMS 전환과 네이버 색인 대응
Headless CMS 전환 시 네이버 Yeti 봇의 JS 렌더링 한계, SSR 필수 요건, Naver Search Advisor 설정, Cafe24 헤드리스 대응까지 한국 시장 특수성을 실무 관점에서 정리합니다.
12 min readHeadless CMS 마이그레이션 SEO 체크리스트
도메인 마이그레이션 892건 분석 결과, 트래픽 회복에 평균 523일이 걸립니다. 사전 준비로 회복 기간을 단축하는 6단계 체크리스트를 정리합니다.
10 min readHeadless CMS + SEO: 렌더링 전략별 SEO 트레이드오프
Headless CMS 전환 시 SSR, SSG, ISR 렌더링 전략에 따른 SEO 트레이드오프를 실제 사례와 성능 데이터로 비교합니다. 한국 시장의 네이버 대응까지 포함한 실전 가이드.
12 min readK-뷰티/K-테크 해외 진출 시 SEO 마이그레이션 실수 Top 7
이니스프리, 라네즈, 삼성, LG 등 한국 브랜드 사이트를 직접 감사한 결과 — hreflang 미설정, 서브도메인 권위 분산, 일본 시장 키워드 실수 등 7가지 반복 패턴을 정리합니다.
11 min read한국-영어-일본어 다국어 사이트 SEO 기술 가이드
hreflang 구현부터 URL 구조 선택, Next.js i18n 설정, CDN 최적화까지 — 한/영/일 3개 언어 사이트를 위한 기술 SEO 가이드를 코드 예시와 함께 정리합니다.
11 min read국제 SEO hreflang 구현 실전: 75%가 틀리는 다국어 사이트 설정
다국어 사이트 75%가 hreflang을 잘못 구현합니다. 한국 글로벌 기업 6곳의 실제 점검 결과와 Google 공식 요건 기반의 올바른 구현법을 안내합니다.
9 min readINP 실패가 한국 이커머스 전환율에 미치는 영향
INP와 이커머스 전환율의 관계를 글로벌 데이터로 분석합니다. 결제 SDK, 마케팅 스크립트 등 한국 이커머스 특유의 INP 킬러와 점검 방법을 정리합니다.
9 min readCore Web Vitals 2026 감사 체크리스트: INP 시대의 성능 점검법
2026년 Core Web Vitals 감사를 단계별로 안내합니다. LCP, INP, CLS 임계값부터 도구 선택, 디버깅 워크플로, 자동화 모니터링까지 실무 체크리스트를 제공합니다.
12 min readINP 최적화 실전 가이드: 200ms 벽을 넘는 코드 레벨 전략
INP가 FID를 대체한 지 2년, 모바일 통과율은 77%에 불과합니다. scheduler.yield(), Web Worker, 서드파티 스크립트 분리 등 실측 데이터 기반의 코드 레벨 최적화 전략을 정리합니다.
14 min read경쟁사는 검색 1페이지인데 우리만 3페이지인 기술적 차이
같은 업종, 비슷한 콘텐츠인데 경쟁사만 구글 1페이지에 나온다면? 순위 차이를 만드는 숨겨진 기술적 SEO 요소 7가지를 진단합니다.
11 min read네이버/구글 동시 최적화 기술 체크리스트: 하나의 사이트로 두 검색엔진 잡기
네이버와 구글의 크롤링, 인덱싱, 구조화 데이터 차이를 정리하고, 하나의 사이트에서 두 검색엔진을 동시에 최적화하는 기술 체크리스트를 제공합니다.
11 min read블로그는 상위 노출되는데 홈페이지는 왜 안 되나요
티스토리나 네이버 블로그는 검색 상위에 나오는데, 정작 자사 홈페이지는 검색되지 않는다면? 블로그 플랫폼과 자사 사이트의 기술적 SEO 격차를 분석합니다.
9 min read한국 기업 홈페이지 리뉴얼이 SEO를 망치는 5가지 패턴
홈페이지 리뉴얼 후 검색 트래픽이 급락하는 이유는 디자인이 아니라 SEO 마이그레이션 실패입니다. 한국 시장 특유의 5가지 파괴 패턴과 사전 점검 방법을 정리합니다.
10 min readNext.js App Router SEO 체크리스트: RSC, 하이드레이션, 코드 스플리팅 점검
Next.js App Router 사이트에서 실제로 발생하는 SEO 문제를 체크리스트로 정리합니다. RSC 스트리밍, 하이드레이션 불일치, searchParams 함정, 네이버 대응까지 코드와 함께 점검하세요.
13 min readJavaScript SEO 렌더링 전략: React, Next.js, Vue 프레임워크별 색인 실패 패턴
Googlebot은 JS를 렌더링하지만 크롤 효율이 낮고, 네이버 Yeti는 JS 렌더링이 불안정합니다. 프레임워크별 실제 색인 실패 패턴과 해결법을 데이터로 정리합니다.
13 min read네이버에서 검색되는데 구글에서는 왜 안 나올까
네이버에서는 잘 노출되는데 구글에서는 안 보인다면? 네이버와 구글의 크롤링·인덱싱 메커니즘 차이와 구글 노출을 위한 기술적 해결법을 분석합니다.
10 min read메타태그 자동화의 모든 것: 수동 vs 플러그인 vs 솔루션 비교
메타태그 관리 방법을 수동, CMS 플러그인, 전문 솔루션으로 비교합니다. 사이트 규모와 리소스에 맞는 최적의 자동화 전략을 안내합니다.
7 min read브랜드명을 검색해도 내 사이트가 1위가 아닌 이유
자사 브랜드명을 구글에 검색했는데 경쟁사나 리뷰 사이트가 먼저 나온다면? 브랜드 검색 순위를 빼앗기는 7가지 기술적 원인과 해결법을 분석합니다.
7 min read사이트맵 최적화: 검색엔진과 AI 크롤러 모두 만족시키는 전략
XML 사이트맵을 Google, Bing과 GPTBot, ClaudeBot 등 AI 크롤러에 맞게 최적화하는 방법. lastmod 태그 활용, llms.txt 연계 전략까지 상세히 안내합니다.
7 min readrobots.txt와 AI 크롤러: GPTBot, ClaudeBot 허용과 차단의 균형 잡기
AI 크롤러를 robots.txt로 제어하는 방법과 GEO 최적화를 위한 전략적 설정 가이드. 학습용 봇은 차단하고 검색용 봇은 허용하는 균형 전략을 안내합니다.
5 min readCanonical URL 설정 실수 10가지와 SEO에 미치는 영향: 중복 콘텐츠 해결 가이드
rel=canonical 태그의 흔한 실수 10가지와 검색 순위에 미치는 영향을 분석합니다. Google 공식 가이드라인 기반의 진단 및 해결 방법을 안내합니다.
6 min readOG 태그 실수 TOP 10: 소셜 미리보기가 안 나오는 이유와 해결법
Facebook, Twitter, LinkedIn에서 링크 미리보기가 제대로 안 나오는 10가지 원인과 각각의 해결 방법을 상세히 안내합니다.
6 min read구조화 데이터 오류 TOP 10과 해결법: 리치 결과를 살리는 스키마 마크업 수정 가이드
JSON-LD 구문 오류부터 필수 속성 누락까지, Google Search Console에서 자주 발견되는 구조화 데이터 오류 10가지와 각각의 해결 방법을 상세히 안내합니다.
7 min readllms.txt 완벽 가이드: AI 봇을 위한 새로운 표준
AI 크롤러가 사이트를 이해하도록 돕는 llms.txt의 모든 것. 공식 스펙, 작성법, 실제 사례까지 정리합니다.
8 min read클라이언트 SEO 리포트에 반드시 넣어야 할 테크니컬 지표 10가지
에이전시가 클라이언트에게 전달하는 SEO 리포트에 필수로 포함해야 할 테크니컬 지표 10가지. 비즈니스 성과와 연결하는 방법까지 정리했습니다.
6 min read에이전시를 위한 다중 사이트 SEO 관리 전략: 10개 이상 클라이언트 효율화 가이드
SEO 에이전시가 다수의 클라이언트 사이트를 효율적으로 관리하는 방법. 워크플로우 설계, 도구 선택, 리포팅 자동화까지 실무 전략을 정리했습니다.
6 min read스타트업 MVP에서 놓치면 안 되는 테크니컬 SEO 5가지
MVP 단계에서 반드시 챙겨야 할 테크니컬 SEO 핵심 5가지. 초기부터 검색 기반을 탄탄히 다지면 스케일업 시 기술 부채 없이 성장할 수 있습니다.
7 min readSchema 마크업 유형별 구현 가이드: Article부터 FAQ까지 완벽 정리
2026년 필수 스키마 마크업 7가지 유형을 JSON-LD 코드 예제와 함께 상세히 설명합니다. 리치 스니펫 획득과 AI 검색 인용률을 높이는 구조화 데이터 구현법.
9 min read테크니컬 SEO 감사 체크리스트 2026: 100개 점검 항목 완벽 가이드
2026년 검색 환경에 맞춘 테크니컬 SEO 감사 체크리스트. 크롤링부터 Core Web Vitals, AI 크롤러 최적화까지 100개 점검 항목으로 사이트를 완벽하게 진단하세요.
9 min read개발자 없이 메타태그 관리하는 3가지 방법
코드 수정 없이 메타태그를 관리하는 3가지 실전 방법을 소개합니다. CMS 내장 기능부터 SEO 플러그인, 자동화 솔루션까지.
6 min read마케터가 알아야 할 테크니컬 SEO 기초: 개발팀에 의존하지 않는 법
코드를 몰라도 테크니컬 SEO의 80%는 마케터가 직접 진단하고 관리할 수 있습니다. 핵심 5가지 요소와 자동화 도구 활용법을 알려드립니다.
6 min read테크니컬 SEO 2026: 크롤링부터 인덱싱까지 완벽 가이드
검색 엔진과 AI 크롤러를 위한 사이트 최적화 완벽 가이드. Core Web Vitals, 사이트 아키텍처, 인덱싱 전략까지 2026년 필수 기술 SEO를 마스터하세요.
8 min read코어 웹 바이탈 완벽 가이드: LCP, INP, CLS 개선 전략
구글이 중요시하는 코어 웹 바이탈 지표를 이해하고 개선하는 실전 가이드입니다. 2025년 최신 기준과 SEO 영향력을 데이터로 분석합니다.
7 min read로컬 SEO 완벽 가이드: 지역 검색 상위 노출 전략 (2025)
구글 비즈니스 프로필, 지역 검색, 'near me' 최적화까지. 2025년 최신 순위 요소와 데이터로 로컬 SEO를 마스터하세요.
8 min read스키마 마크업 실전 가이드: 리치 스니펫 획득하기
구조화된 데이터를 활용하여 검색 결과에서 눈에 띄는 리치 스니펫을 획득하는 방법입니다.
8 min read