- Webflow의 SEO 최적화
- Webflow의 SEO 최적화이란 키워드 설정·HTML 태그의 올바른 사용·이미지 ALT·내부 링크·사이트맵과 RSS 등록·로딩 속도 개선 등으로 Google이 사이트를 정확히 인식하게 하는 작업입니다.
안녕하세요, Webflow 전문으로 사업을 하는 마사토입니다. 이번에는 질문이 많은 Webflow의 SEO 최적화을 해설합니다.
Webflow에서 SEO를 설정하는 기본 방법은 이전에 Webflow를 사용한 SEO 설정 방법이라는 글에서 다뤘습니다. 그래서 이번에는 기초 지식·기초 SEO 설정이 끝난 후에 할 일을 정리했습니다.
Webflow에서 SEO 최적화하는 방법【중급편】
Webflow에서 SEO 최적화 시 할 일은 다음과 같습니다. 전부 실천합시다.
- 키워드를 설정한다
- HTML 태그를 올바르게 사용한다
- 이미지에 ALT 태그로 이름을 넣는다
- 타이틀 설정, 디스크립션 설정
- 내부 링크를 잇는다
- 사이트맵 설정
- RSS 설정
- 페이지 로딩을 빠르게 한다
SEO에서 노릴 키워드를 설정한다
SEO에서는 “어떤 키워드를 노릴 것인가?”가 첫걸음입니다. 글 작성 시점에 키워드가 정해져 있지 않으면 SEO 최적화는 불가능합니다. 먼저 “어떤 키워드를 노릴지” 생각하고 글을 만듭시다.
HTML 태그를 올바르게 사용해 Google에 정확히 인식시킨다
Webflow는 클릭으로 아이템을 넣어 만들 수 있어 “섹션”“링크”“H1〜6” 등이 목적과 무관하게 뒤죽박죽 사용되는 일이 흔합니다.
먼저 “불필요한 링크 태그는 삭제”“제목이 아닌 Heading 태그는 삭제”“Heading의 순서를 지킨다”를 의식합시다. 또 Heading 태그에는 처음 설정한 키워드를 넣읍시다(H1·H2에 들어 있으면 우선 OK).
올바른 사용법을 모르는 아이템은 그 태그를 Google에서 검색합시다. Webflow는 HTML과 같은 이름으로 아이템을 만들고 있으므로 검색하면 바로 나옵니다.
타이틀 설정, 디스크립션 설정
Webflow의 페이지 항목에서 설정할 수 있습니다. 여기서도 키워드를 넣어 작성합시다. CMS 페이지는 CMS 내용을 자동 반영할 수 있습니다.
이미지에 이름을 넣는다
이미지에 이름을 넣읍시다. Webflow에서는 이미지에 이름이 없으면 경고가 나옵니다. 넣을 이름은 “그건 무슨 이미지인가요?”라고 물었을 때 답이 되는 이름으로 합시다. 키워드를 넣는 것도 좋습니다.
내부 링크를 잇는다
글 하단에 “추천 글”을 만들거나 사이드바에 추천 글 영역을 만들어 글끼리 링크를 이읍시다. 사용자에게 추천하면서 Google에도 추천하는 셈입니다. 그렇게 하면 Google 로봇이 사이트를 순회해 줍니다.
사이트맵 설정
Webflow 설정에서 SEO 항목으로 가면 사이트맵을 만들 수 있습니다. Google 서치 콘솔에 등록합시다. 사이트맵은 사이트 URL 뒤에 /sitemap.xml을 붙인 것입니다.
RSS 설정
CMS 글의 타이틀·디스크립션 설정과 같은 곳에서 아래로 스크롤하면 RSS 피드를 추가할 수 있습니다. 사이트맵과 마찬가지로 Google에 등록해 둡시다.
페이지 로딩을 빠르게 한다
주로 이미지와 동영상 파일 크기를 의식해 줄입시다. Webflow는 WebP를 지원하므로 우선 모든 이미지를 WebP로 변환합시다. CMS에는 변환이 없으므로 CMS에 이미지를 넣을 때는 Squoosh 같은 Squoosh 같은 외부 WebP 변환 툴을 사용합니다.
【2026년 추가】중급의 그다음——실제로 자사 블로그에서 하고 있는 것
이 글의 내용을 실천한 다음 이야기를 추가합니다. 제 자사 블로그(이 사이트)는 도메인 그대로·URL 전부 유지로 풀 리뉴얼했고, 다음 날에는 대부분 글의 인덱스가 유지되어 있었습니다. 주요 키워드 “webflow”도 3위권을 유지하고 있습니다. 순위를 지키면서 사이트를 다시 만드는 것은 가능합니다.
그 위에서 2026년에 하고 있는 것은 다음 4가지입니다.
- 전체 글에 “요점 박스”“FAQ(FAQPage 구조화 데이터)”“용어의 한 문장 정의”를 구현(AI 검색·AI Overviews 대책=AIO)
- llms.txt 설치(AI 크롤러용 사이트 안내)
- 같은 검색 의도의 글을 1개로 통합해 301 리다이렉트(순위 분산=카니벌라이제이션 해소)
- 글을 실제로 갱신했을 때만 갱신일을 바꾼다(신뢰받는 갱신일 운영)
모두 특별한 툴이 필요 없고 Webflow에서도 구현할 수 있습니다.
구현 내용과 숫자의 움직임은 AIO 실측 리포트로 연재 중이며, 먼저 보기는 뉴스레터(일본어)로 보내 드립니다.
자주 묻는 질문
Webflow의 SEO 최적화에서 기초 설정 후에 할 일은 무엇인가요?
키워드 설정, HTML 태그의 올바른 사용, 이미지 ALT 이름 넣기, 타이틀과 디스크립션 설정, 내부 링크 잇기, 사이트맵 설정, RSS 설정, 페이지 로딩 속도 개선의 8가지입니다.
Webflow에서 사이트맵은 어디서 설정하나요?
Webflow 설정에서 SEO 항목으로 가면 사이트맵을 만들 수 있습니다. 만들었다면 Google 서치 콘솔에 등록합시다. 사이트맵은 사이트 URL 뒤에 /sitemap.xml을 붙인 것입니다.
Webflow에서 페이지 로딩을 빠르게 하려면?
주로 이미지와 동영상 파일 크기를 줄입니다. Webflow는 WebP를 지원하므로 이미지를 WebP로 변환합시다. CMS에는 변환이 없으므로 외부 WebP 변환 툴을 사용합니다.
이미지 ALT(이름)에는 무엇을 넣으면 되나요?
“그건 무슨 이미지인가요?”라고 물었을 때 답이 되는 이름으로 합시다. 키워드를 넣는 것도 좋습니다. Webflow에서는 이미지에 이름이 없으면 경고가 나옵니다.
