SEO
2025. 7. 16.
SEO 기능 및 도구 가이드
Framer로 만든 사이트는 별다른 설정 없이도 sitemap.xml, robots.txt 등 기본적인 SEO 구성요소가 자동으로 포함됩니다. 또한 메타 마크업, 색인 규칙, 리디렉션 설정 등 세부적인 SEO 제어 기능도 제공합니다. 더 나은 검색 결과 노출을 위해 몇 가지 추가 설정이 필요한 부분을 알아보겠습니다.
Posted By
Framer Space
목차
Table of Contents
본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.
메타 제목과 설명 추가하기
사이트 전체 또는 개별 페이지 단위로 메타 정보를 설정할 수 있습니다. 사이트의 메타 데이터를 설정하는 방법은 Framer academy의 이 비디오 튜토리얼을 참고하세요
사이트 설정 → 페이지 →
Title,Description입력CMS 페이지도 각각 메타 정보를 따로 설정 가능
Note: 짧고 매력적인 문장을 사용하는 것이 클릭률 향상에 도움이 됩니다.
SEO 키워드 반영 방법
검색엔진은 더 이상 메타 키워드만 따로 읽지 않습니다. 대신 사이트의 전체적인 콘텐츠 흐름, 도메인, 백링크 등을 분석해 키워드를 인식합니다.
본문 안에 자연스럽게 포함된 키워드가 효과적입니다.
효과적인 키워드를 선별하려면 키워드 리서치 도구를 활용하세요.
CMS를 사용해 SEO 친화적 콘텐츠 관리하기
블로그, 아티클, 문서처럼 지속적으로 업데이트되는 콘텐츠는 Framer의 CMS 기능으로 관리하는 것이 효율적입니다.
CMS를 활용하면 콘텐츠 입력만으로도 자동으로 SEO 최적화된 상세 페이지가 생성됩니다.
각각의 콘텐츠마다 메타 정보, URL 슬러그, 썸네일 등을 개별 설정할 수 있어 검색엔진 크롤링에 유리합니다.
블로그나 뉴스, 제품 페이지를 운영 중이라면 CMS 구조를 적극 활용해 보세요.
시맨틱 텍스트 및 요소
의미론적 텍스트(H1~H6, p 등)와 요소를 적절하게 사용하는 것은 SEO와 접근성에 매우 중요합니다. 페이지에 명확한 주요 제목(H1)을 포함하고, 검색 엔진이 구조를 쉽게 이해할 수 있도록 서브 타이틀(H2~H3등)으로 헤더와 이미지를 직접 계층화해 보세요.
이미지에 대체 텍스트 적용하기
대체 텍스트(ALT)는 검색 엔진이 이미지를 이해하는 데 도움을 주어 접근성과 SEO를 모두 향상시킵니다. 대체 텍스트에 키워드를 너무 많이 넣으면 오히려 SEO에 악영향을 미칠 수 있으니 조심하세요. Framer는 이미지 SEO를 자동으로 최적화하지만, 접근성을 높이기 위해 대체 텍스트는 설명적이고 구두점으로 끝나야 합니다.
너무 짧거나 추상적인 단어보다는 구체적인 설명으로 작성해 주세요.
문장형으로 작성하고, 마지막에 마침표를 붙이면 접근성 점수가 더 좋아집니다.
키워드를 억지로 반복하면 오히려 SEO에 불이익이 될 수 있습니다.
영상은 포스터(썸네일)와 함께 업로드하기
영상 콘텐츠를 검색 결과에서 더 매력적으로 보이게 하려면 poster를 설정하세요.
썸네일 이미지는 최소 60x30px 이상이어야 합니다.
Framer는 나머지 영상 SEO도 자동으로 최적화해줍니다.
구조화된 데이터(JSON-LD)로 정보 명확화
구조화 데이터는 Google이 콘텐츠의 성격을 정확히 파악하는 데 도움을 줍니다.
기사, 이벤트, 책, 동영상 등 다양한 콘텐츠 유형에 적용 가능합니다.
Framer에서는
<Head>태그에 JSON-LD 스니펫을 삽입하는 방식으로 설정할 수 있습니다.
Data-nosnippet 지시어 활용법
data-nosnippet 속성은 구글이 페이지의 일부 정보를 스니펫에 표시하지 못하게 차단합니다.
사용 시, 메타 설명을 구글이 임의로 바꾸는 것을 막을 수 있습니다.
단, 너무 많은 콘텐츠를 가리면 클릭률이 낮아질 수 있어 주의가 필요해요.
해당 설정은 Framer의 각 레이어 → 접근성 설정 메뉴에서 적용할 수 있습니다.
리디렉션으로 기존 트래픽 유지하기
사이트 구조를 바꾸거나 URL이 변경되었을 때, Redirects를 설정하지 않으면 기존 트래픽이 손실될 수 있습니다. 사이트의 리디렉션을 관리하는 방법은 Framer academy의 이 비디오 튜토리얼을 참고하세요.
사이트 설정 메뉴에서 간단하게 리디렉션 경로(old → new)를 지정할 수 있습니다.
오타나 구조 변경 시 특히 유용합니다.
Framer에서는 페이지 URL을 퍼블리시한 후에도 변경할 수 있지만, 기존 링크로 접속하던 사용자나 검색엔진 입장에서는 새 주소를 알 수 없기 때문에 반드시 리디렉션을 설정해 줘야 합니다.
SEO 성과는 분석을 통해 확인해야 합니다
설정만 해두고 잊지 말고, 꼭 데이터를 분석해 보세요.
Framer 자체 분석 기능으로 유입량, 유입 경로, 이탈률 등을 확인할 수 있어요.
구글 애널리틱스 ID만 입력하면 자동으로 연동되며, 별도 설정이 거의 필요 없습니다.
이 중 지금 바로 적용할 수 있는 것은 무엇인가요?
사이트를 운영 중이라면 메타 타이틀, 설명, ALT 텍스트부터 점검해 보세요. 작은 설정 하나로도 검색 결과가 눈에 띄게 바뀔 수 있습니다.
본 글은 Framer 공식 블로그의 ‘Guide to SEO features and tools’ 를 번역·각색한 콘텐츠입니다.
