퍼블리시 전에 확인할 Framer SEO 설정

sitemap.xml과 robots.txt는 Framer가 만들어주니, 여러분이 직접 챙길 Framer SEO 설정은 페이지마다 있습니다. Page Settings를 열어 Title과 Description을 쓰고, URL을 정리하고, 1200x630 소셜 미리보기 이미지를 올린 다음, 제목 태그와 대체 텍스트를 확인하세요. 랜딩 페이지라면 이게 전부입니다.

Framer가 이미 해주는 것

Framer의 SEO 도움말은 사이트가 기본 상태로 최적화되어 나오며, sitemap.xml과 robots.txt가 포함되어 있고 따로 설정할 게 없다고 안내합니다. 성능 페이지가 나머지를 채워줍니다. Framer는 페이지를 미리 렌더링하고, 엣지에서 이미지를 WebP와 AVIF로 압축하며, 기기에 맞게 크기를 조정합니다. 화면 밖 콘텐츠는 서버에서 지연 로딩하고, JavaScript는 번들링과 분할을 해둡니다. 여기에 플러그인은 필요 없습니다. 그래서 Framer 페이지의 순위가 나쁘면 콘텐츠와 메타데이터부터 보세요. 빌드가 원인인 경우는 드뭅니다.

실제 작업은 Page Settings에서

페이지를 열고 Page Settings를 연 다음 세 칸을 채웁니다. Title은 검색 결과의 파란 줄이니, 사람들이 실제로 입력하는 말을 앞에 두고 브랜드명은 뒤에 붙이세요. Description은 그 아래에 붙는 광고 문구입니다. URL은 경로인데, 여기서 Framer는 Google 가이드를 그대로 안내합니다. 밑줄 말고 하이픈을 쓰라는 겁니다. /google-ads-landing-page는 되고 /lp_v2_final은 안 됩니다. 사이트 공통 기본값에 기대지 말고 페이지마다 채우세요. 다섯 페이지가 설명 하나를 공유하면 검색 결과에서 다섯 페이지가 똑같아 보입니다.

소셜 미리보기 이미지를 설정하세요

Page Settings에 그대로 머무릅니다. Page Images 항목에서 Social Preview에 1200x630 픽셀 이미지를 올리세요. 링크를 Slack, WhatsApp, LinkedIn에 붙였을 때 뜨는 카드입니다. 비워두면, 잠재 고객이 팀에 페이지를 공유할 때 회색 박스와 주소만 보여주게 됩니다. 이미지 안에 헤드라인과 제품을 넣으면 미리보기가 설득을 조금 대신해줍니다.

제목 태그와 대체 텍스트

Framer의 SEO 가이드는 명확한 H1 하나를 요구하고, 제목과 이미지의 시맨틱 태그는 직접 지정하라고 안내합니다. 텍스트 스타일을 만들 때 제목 레벨을 고를 수 있으니 Assets 패널에서 한 번 잡아두면 모든 인스턴스가 따라옵니다. 페이지당 H1은 하나만 쓰세요. 섹션 제목은 H2, 그 아래 항목은 H3로 둡니다. 글자가 커 보인다는 이유로 태그를 고르지는 마세요. 이미지는 레이어를 선택하고 오른쪽 패널의 Accessibility 항목을 연 다음 실제 설명이 되는 대체 텍스트를 쓰세요. Framer는 이미지를 설명하되 키워드를 욱여넣지 말라고 안내하며, 그럴 경우 불이익을 받을 수 있다고 경고합니다.

기존 페이지를 교체할 때의 리디렉션

새 페이지가 이미 트래픽이 있던 페이지를 대체한다면 리디렉션을 걸어야 합니다. 안 걸면 순위를 그냥 버리게 됩니다. Site Settings에서 Hosting, 그다음 Redirects로 들어가세요. 기존 경로와 새 경로를 입력하고 규칙을 끌어 우선순위를 정한 뒤 퍼블리시하면 적용됩니다. Framer는 와일드카드를 지원해서 /old-blog/*는 그 경로 아래 전부와 매칭됩니다. 캡처 그룹을 쓰면 새 URL에서 :1, :2로 매칭된 구간을 참조할 수 있습니다. 다만 함정이 하나 있습니다. Framer는 캔버스나 CMS에서 경로를 바꿔도 기존 리디렉션 규칙은 갱신되지 않는다고 경고합니다. 규칙은 직접 고쳐야 합니다. 리디렉션은 Framer의 Pro 사이트 플랜에 들어 있고, 2026년 8월 확인 기준 월 30달러입니다.

구조화된 데이터와 Files 항목

평범한 랜딩 페이지라면 구조화된 데이터는 건너뛰세요. 페이지가 제품이나 이벤트, 아티클이라면 Framer의 Custom Code 기능으로 JSON-LD를 넣을 수 있습니다. head 안에 type이 application/ld+json인 script 태그로 넣습니다. CMS 페이지에서는 중괄호 두 개로 필드를 가져올 수 있습니다. Framer 문서는 JSON 출력용으로 값을 안전하게 이스케이프하는 방법으로 파이프와 json 필터를 안내합니다. Framer에는 robots.txt, security.txt, llms.txt를 고정 경로로 제공하는 Files 항목도 있습니다. 자동 생성된 크롤러 규칙 대신 직접 쓴 규칙을 넣고 싶다면 여기로 가세요.

퍼블리시 전에 돌리는 Framer SEO 점검

확인 항목 일곱 개, 10분이면 끝납니다. Title은 60자 안쪽으로 두고 구체적으로 쓰세요. Description은 155자 안쪽으로 두고 요약문 대신 광고 문구처럼 쓰세요. URL은 소문자에 하이픈으로 씁니다. 소셜 미리보기는 1200x630으로 올립니다. H1은 정확히 하나만 씁니다. 의미를 담은 이미지에는 모두 대체 텍스트를 씁니다. 이 페이지가 예전 URL을 대체한다면 리디렉션을 추가합니다. 그런 다음 퍼블리시하고, 라이브 링크를 Slack에 붙여 미리보기가 실제로 어떻게 뜨는지 확인하세요.