Webflow SEO 설정 가이드 2026 — 검색 노출 제대로 잡는 법

짧은 결론

• Webflow는 SEO 기본기(메타태그, 사이트맵, robots, 리다이렉트)를 대부분 내장 UI에서 설정할 수 있습니다.
• 페이지마다 타이틀·디스크립션·슬러그·알트텍스트를 빠짐없이 채우는 게 가장 기본이자 가장 효과가 큽니다.
• CMS 컬렉션 페이지는 동적 필드로 메타태그를 자동화해야 페이지 수가 늘어도 관리가 됩니다.
• 스키마 마크업은 커스텀 코드 임베드로 넣어야 하며, Webflow가 자동으로 만들어주지 않습니다.
• SEO는 설정 한 번으로 끝나지 않습니다. 발행 후에도 속도·인덱싱 상태를 주기적으로 점검해야 합니다.

Webflow로 사이트를 만들었다고 검색 노출이 저절로 따라오지는 않습니다. 노코드 웹빌더답게 SEO에 필요한 대부분의 설정 항목이 UI에 마련되어 있지만, 그걸 실제로 채워 넣는 건 결국 사람 몫입니다. 이 글은 Webflow 프로젝트를 발행하기 전후로 챙겨야 할 SEO 설정을 실무 순서대로 정리한 것입니다. "이것만 하면 1페이지 간다" 식의 과장은 없습니다. 검색엔진이 사이트를 제대로 읽고 색인할 수 있게 만드는 기본기에 집중합니다.

페이지별 메타 타이틀·디스크립션

각 페이지의 Page Settings에서 SEO 탭을 열면 타이틀 태그와 메타 디스크립션을 입력할 수 있습니다. 타이틀은 5060자, 디스크립션은 120155자 안팎으로 맞추는 게 검색결과에서 잘리지 않는 기준입니다. 페이지마다 다른 문구를 넣어야 하며, 사이트 전체에 같은 타이틀을 복사해 붙이면 검색엔진이 페이지 간 차별점을 찾지 못합니다. 홈페이지, 주요 서비스 페이지, 자주 방문되는 콘텐츠 페이지부터 우선 채우고 하위 페이지로 내려가는 순서를 추천합니다.

슬러그와 URL 구조

Webflow는 페이지 생성 시 자동으로 슬러그를 만들어주지만, 대부분 한글 제목을 영문으로 변환하거나 숫자를 붙인 형태라 그대로 두면 지저분합니다. Page Settings에서 슬러그를 직접 짧고 의미 있는 영문 키워드로 바꾸세요. 예를 들어 /page-2보다 /pricing이 검색엔진과 사용자 모두에게 명확합니다. 단, 이미 색인된 페이지의 슬러그를 바꾸면 URL이 변경되므로 반드시 301 리다이렉트를 함께 설정해야 합니다.

이미지 알트텍스트

이미지를 Asset Manager에 업로드하거나 페이지에 배치할 때 알트텍스트 입력란이 따로 있습니다. 여기에 이미지 내용을 설명하는 문구를 넣으면 이미지 검색 노출에 도움이 되고, 스크린리더 사용자의 접근성도 개선됩니다. 장식용 아이콘처럼 의미 없는 이미지는 알트텍스트를 비워둬도 무방하지만, 제품 스크린샷이나 인포그래픽처럼 정보가 담긴 이미지는 빠짐없이 채우는 게 좋습니다. 파일명도 IMG_2381.png 같은 무의미한 이름 대신 업로드 전에 정리해두면 도움이 됩니다.

사이트맵과 robots.txt

Webflow는 Project Settings의 SEO 탭에서 XML 사이트맵을 자동 생성해줍니다. 활성화만 하면 sitemap.xml이 만들어지고, 여기에 발행된 페이지와 CMS 컬렉션 페이지가 자동 포함됩니다. robots.txt는 같은 탭에서 커스텀 규칙을 직접 작성할 수 있습니다. 개발 중인 페이지나 감사페이지처럼 색인을 막고 싶은 경로가 있다면 여기서 Disallow 규칙을 추가하세요. 사이트맵 생성 후에는 Google Search Console에 등록해 실제로 크롤링·색인이 진행되는지 확인하는 절차가 반드시 필요합니다.

301 리다이렉트와 오픈그래프

페이지 URL을 바꾸거나 삭제할 때는 Project Settings의 301 Redirects 항목에서 이전 URL과 새 URL을 연결해야 합니다. 이걸 빼먹으면 기존에 쌓인 백링크와 검색 순위가 404 페이지로 흘러가버립니다. 오픈그래프 설정도 같은 SEO 탭 근처에서 관리하는데, 소셜 공유 시 노출될 썸네일 이미지와 문구를 페이지별로 지정할 수 있습니다. 기본 OG 이미지를 사이트 전체에 하나만 걸어두지 말고, 최소한 주요 페이지는 개별 이미지를 지정하는 게 클릭률에 유리합니다.

페이지 속도 최적화

Webflow는 정적 호스팅 기반이라 워드프레스 대비 기본 속도가 준수한 편이지만, 이미지 최적화는 여전히 직접 챙겨야 합니다. 업로드 시 자동으로 WebP 변환이 지원되니 이를 활성화하고, 큰 이미지는 미리 압축해서 올리는 게 좋습니다. 불필요한 커스텀 코드나 외부 스크립트를 페이지마다 중복 삽입하지 않는 것도 속도에 영향을 줍니다. Lighthouse나 PageSpeed Insights로 발행 후 실제 점수를 확인하는 습관을 들이세요.

CMS 컬렉션 페이지 SEO

블로그나 제품 목록처럼 CMS 컬렉션으로 관리하는 페이지는 하나씩 손으로 메타태그를 넣을 수 없습니다. 대신 Collection Page Settings에서 타이틀과 디스크립션에 동적 필드(예: 게시물 제목, 요약 필드)를 삽입해두면, 새 항목을 추가할 때마다 자동으로 SEO 필드가 채워집니다. 슬러그도 컬렉션 아이템의 이름 필드를 기반으로 자동 생성되므로, 콘텐츠 입력 단계에서 슬러그용 필드를 따로 짧게 정리해두는 게 나중에 편합니다. 컬렉션 페이지가 많아질수록 이 자동화 설정 유무가 SEO 관리 부담을 크게 좌우합니다.

커스텀 코드로 스키마 마크업 넣기

Webflow는 구조화 데이터(JSON-LD 스키마)를 자동으로 생성해주지 않습니다. Page Settings 하단의 Custom Code 영역, 또는 CMS 컬렉션 페이지라면 동적 필드를 활용한 스크립트 임베드에 직접 JSON-LD를 삽입해야 합니다. 블로그 글이라면 Article 스키마, 제품 페이지라면 Product 스키마, FAQ가 있다면 FAQPage 스키마를 붙이는 식입니다. 삽입 후에는 Google의 리치 결과 테스트 도구로 오류 없이 인식되는지 반드시 확인하세요. 문법 오류가 있으면 스키마 전체가 무시될 수 있습니다.

SEO 체크리스트

항목	위치	확인 사항
타이틀·디스크립션	Page Settings > SEO	페이지별로 고유한 문구 입력
슬러그	Page Settings	짧고 의미 있는 영문 URL
알트텍스트	이미지 설정	정보성 이미지에 모두 입력
사이트맵	Project Settings > SEO	활성화 후 Search Console 등록
robots.txt	Project Settings > SEO	불필요한 경로 Disallow
301 리다이렉트	Project Settings	URL 변경 시 즉시 연결
오픈그래프	Page Settings > SEO	주요 페이지 개별 이미지 지정
이미지 압축	Asset Manager	WebP 변환 활성화
스키마 마크업	Custom Code	JSON-LD 삽입 후 리치 결과 테스트

이 체크리스트를 처음부터 다 채우려 하지 말고, 트래픽이 많은 페이지부터 우선순위를 두고 하나씩 채워나가는 편이 현실적입니다. Webflow로 사이트 시작하기부터 하면 SEO 탭 구조를 직접 눈으로 보면서 따라 하기 훨씬 수월합니다.

자주 묻는 질문

Webflow만으로 SEO 플러그인 없이도 충분한가요?

기본적인 메타태그, 사이트맵, robots.txt는 Webflow 자체 기능으로 충분히 처리됩니다. 다만 스키마 마크업이나 세부 리다이렉트 규칙은 커스텀 코드로 직접 넣어야 하므로, 워드프레스의 SEO 플러그인처럼 자동화되어 있진 않습니다.

CMS 컬렉션 페이지가 수백 개면 스키마도 일일이 넣어야 하나요?

아니요. Collection Page Settings의 Custom Code 영역에 동적 필드를 활용한 JSON-LD 템플릿을 한 번만 작성해두면, 컬렉션 아이템이 추가될 때마다 자동으로 적용됩니다. 페이지 하나하나 수작업할 필요는 없습니다.

슬러그를 나중에 바꾸면 SEO에 손해인가요?

슬러그 변경 자체가 문제는 아니지만, 301 리다이렉트를 함께 설정하지 않으면 기존 URL로 유입되던 트래픽과 백링크 가치가 끊깁니다. 슬러그를 바꿀 때는 항상 이전 URL을 새 URL로 리다이렉트하는 걸 같은 작업으로 묶어서 처리하세요.