JavaScript를 포기하다: 7가지 SEO 친화적인 CSS & HTML 대안

(sitebulb.com)

ChatGPT와 같은 AI 어시스턴트가 자바스크립트를 실행하지 않고 서버의 초기 HTML만 읽는 추세에 따라, AI 시대의 검색 가시성을 확보하기 위해 CSS와 HTML 중심의 서버 사이드 렌더링 전략이 필수적인 과제로 떠오르고 있습니다.

이 글의 핵심 포인트

1구글은 자바스크립트 렌더링 능력이 뛰어나지만, ChatGPT 등 AI 어시스턴트는 주로 서버가 보내는 초기 HTML만 읽음
2클라이언트 사이드 렌더링(CSR) 기반의 스켈레톤 화면이나 로딩 스피너는 AI 크롤러에게 콘텐츠를 보이지 않게 만듦
3URL은 하나의 고정된 페이지가 아니라, Raw HTML, CSS/폰트 적용 후, JS 실행 후 등 여러 버전으로 존재함
4자바스크립트를 실행하지 않는 시스템을 위해 서버 사이드에서 의미론적(Semantic) HTML을 제공하는 것이 중요함
5브라우저의 네이티브 기능이 발전함에 따라, 상당수의 기능을 자바스크립트 없이 CSS와 HTML만으로도 구현 가능함

이 글에 대한 공공지능 분석

왜 중요한가?

기존 구글 SEO 중심의 개발 방식으로는 ChatGPT, Perplexity 등 자바스크립트를 실행하지 않는 새로운 AI 기반 검색 엔진(AI Answer Engines)에서의 콘텐츠 노출을 보장할 수 없기 때문입니다.

어떤 배경과 맥락이 있나?

웹 기술의 발전으로 브라우저가 기본적으로 처리할 수 있는 기능이 많아졌음에도, 개발 편의성을 위해 과도하게 사용된 자바스크립트가 오히려 AI 크롤러에게는 빈 페이지(Skeleton screen)로 보이게 만드는 문제를 야기하고 있습니다.

업계에 어떤 영향을 주나?

프론트엔드 개발 패러다임이 클라이언트 사이드 렌더링(CSR)에서 서버 사이드 렌더링(SSR) 또는 정적 사이트 생성(SSG)으로 다시 무게 중심이 이동하며, AI 가시성이 곧 비즈니스 경쟁력이 되는 시대가 올 것입니다.

한국 시장에 어떤 시사점이 있나?

글로벌 서비스를 지향하는 한국 스타트업은 단순한 구글 상위 노출을 넘어, LLM 기반 검색 결과에 자사의 서비스 정보가 정확히 포함될 수 있도록 데이터 구조와 초기 HTML 응답 설계를 재검토해야 합니다.

이 글에 대한 큐레이터 의견

자바스크립트를 줄이고 CSS/HTML로 회귀하라는 주장은 기술적 효율성과 AI 시대의 생존 전략 측면에서 매우 시의적절한 통찰입니다. 특히 서비스의 핵심 가치가 텍엔스트와 데이터에 있는 스타트업이라면, 자바스크립트 실행 전 단계인 'Raw HTML'에 콘텐츠를 배치하는 것은 비용 대비 가장 강력한 마케팅 방어 기제가 될 수 있습니다.

물론 모든 것을 HTML/CSS로 대체하려는 시도는 복잡한 인터랙션이 필요한 현대적 웹 앱(SaaS 등)의 사용자 경험(UX)을 저해할 위험이 있습니다. 과도한 서버 사이드 렌더링은 서버 비용 증가와 응답 지연이라는 트레이드오프를 발생시킬 수 있으므로, 개발자는 '사용자 인터랙션'과 '정보 전달용 콘텐츠'를 분리하여 전략적으로 기술 스택을 선택하는 균형 감각이 필요합니다.

원문 보기 →