Framer에서 사이트 이름 변경하기

사이트 이름은 Google 검색 결과에서 페이지 제목 바로 위에 표시됩니다. 최종적으로는 Google이 어떤 이름을 보여줄지 결정하지만, 몇 가지 방법을 통해 원하는 이름이 노출될 가능성을 높일 수 있습니다.

Posted by

Framer

Translated by

송예빈

Table of Contents

본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.

Google 검색 결과를 보면, 페이지 제목 바로 위에 사이트 이름이 표시되는 것을 보셨을 거예요. 이 이름은 결국 Google이 자동으로 정하지만, 몇 가지 방법을 활용하면 내가 원하는 이름이 보이도록 유도할 수 있습니다.

사이트 이름을 변경하는 방법

WebSite 스키마 마크업 사용하기

가장 효과적인 방법은 홈페이지에 WebSite 스키마 마크업을 추가하는 것입니다. 이 마크업을 통해 Google이 인식할 사이트 이름을 직접 정의할 수 있으며, 검색 결과에 반영될 가능성이 큽니다. 자세한 스키마 마크업 추가 방법은 Framer의 가이드를 참고하세요.

스키마 마크업이란?

스키마 마크업(Schema Markup)은 검색 엔진이 웹사이트의 구조와 의미를 더 잘 이해할 수 있도록 도와주는 구조화 데이터(Structured Data) 방식입니다. 간단히 말해, 웹사이트의 정보를 Google과 같은 검색 엔진에 “표준화된 언어”로 설명하는 규칙이라고 할 수 있습니다.

예시로 사이트 이름을 지정할 때는 다음과 같은 코드를 <head> 영역에 추가하고 name 값에 원하는 사이트 이름을 넣으면, Google이 이를 참고하여 검색 결과에 반영할 수 있습니다.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "url": "https://www.example.com/",
  "name": "브랜드명",
  "alternateName": "브랜드 이름 대체 텍스트"
}
</script>

메타 태그 추가하기

사이트 이름에 영향을 주는 또 다른 방법은 일반 설정(General Settings)의 <head> 섹션에 메타 태그를 추가하는 것입니다.

Framer 프로젝트에서 General Settings 메뉴로 이동합니다.
Custom Code 섹션을 찾아 <head> 영역에 코드를 추가할 수 있는 입력란으로 이동합니다.
아래 코드를 붙여넣습니다.

<meta property="og:site_name" content="brand_name" />

brand_name 부분을 원하는 사이트 이름으로 변경합니다.
(예시: <meta property="og:site_name" content="My Startup" />)
저장 후 사이트를 다시 퍼블리시합니다.

Google 가이드라인 따르기

Google은 알고리즘을 통해 사이트 이름을 결정합니다. 사이트 전반의 여러 요소를 종합해 판단하기 때문에 100% 보장되지는 않지만, Google의 공식 가이드라인을 따르는 것이 원하는 이름을 반영하는 데 도움이 됩니다.

본 글은 Framer 공식 블로그의 ‘How to change the site name in Framer’를 번역·각색한 콘텐츠입니다.

블로그 공유하기

블로그 더보기

전체 블로그 보기

시작하기

Date

Cloudflare로 Framer 리버스 프록시 설정하기

시작하기

Date

Cloudflare로 Framer 리버스 프록시 설정하기

시작하기

Date

Framer를 기존 웹사이트에 통합하는 법

시작하기

Date

Framer에서 사이트 이름 변경하기