01-프레이머로 개인 웹사이트 만들기

2024. 5. 1.

저는 사실 프레이머에 대한 관심은 항상 갖고있었어요.
많은 분들과 기업들이 해당 플랫폼을 아주 잘 사용한다는 소식을 들었어서 관심이 있었는데요.
개발에 대한 공수 없는 노코드에 많은 템플릿까지 있는 프레이머는
반응형웹사이트부터 모바일까지 다양한 플랫폼에 대응이 가능하다는 장점을 가진 플랫폼이에요!
저는 다양한 타 플랫폼에서 글을 써도 채워지지 않는 커스텀에 대한 니즈가 채워지는 공간이 될 것 같아 고민하지 않고 도전해보았습니다 🤠

저도 시작하며 궁금했던 점을 짧게 남겨봐요!


프레이머 시작하기

아래 첨부된 프레이머 홈페이지에 들어가 계정을 만들어보는 거로 첫 시작을 할 수 있습니다.
저는 구글 이메일로 가입하였는데요, 회원가입 후 가입하신 계정으로 로그인을 합니다.

https://www.framer.com/


튜토리얼로 빠른 이해

가입하신 후 팀설정 및 프로젝트 명을 설정하시면 나만의 프로젝트를 만들 수 있어요.
대시보드를 시작하시면 약 7-8분간의 튜토리얼이 자동으로 시작되는데, 해당 튜토리얼을 따라하시다보면 프레이머에 대한 이해가 빠르게되실거에요.


무료 템플릿 사용하기

아래 사이트에 접속하시게 되면, 프레이머에 속한 많은 디자이너들이 만든 유료/무료 템플릿을 사용하실 수 있어요.
저도 무료 템플릿을 사용하면서 좀 더 빠르게 웹사이트를 만들 수 있었어요.

프레이머 유료/무료 템플릿 보러가기

무료지만 고퀄리티인 템플릿이 많으니 참고!


SEO 사용하기

프레이머에는 SEO를 쉽고 빠르게 연결 할 수 있어요.
우선, 구글 애널리틱스에 접속해 (아래링크) 계정과 속성을 만드세요.

구글 애널리틱스 계정만들기

계정과 속성을 전부 만드셨다면, 데이터 스트림을 만드시면 됩니다.
데이터 스트림은 웹을 선택하시고, 프레이머에서 사용되는 URL과 이름을 입력하시면 되요.
데이터 스트림이 설정되셨다면! 화면에 표기되는 G로 시작하는 측정ID를 복사하셔서 프레이머에 붙여넣기 하시면됩니다.

프레이머의 위치는

우측 상단의 프레이머 로고 드롭다운 클릭 > Site Settings > General > 스크롤로 내리셔서 Google Analytics 부분에 측정 ID 붙여넣기

입니다. 위 플로우대로 진행하시면 프레이머에 SEO까지 붙인셈이에요!


Google Search Console

구글 서치 콘솔은저도 현재 무료계정을 사용중이라, 적용해보지 않은 기능이지만
유료기능을 사용하시거나 개별 도메인을 갖고계신 분들은 사용하실 수 있어요!
사실 전 무료여도 사용가능한 줄 알고 검색의 검색을 하며 열심히 찾아봤는데, 무료에는 해당 기능이 적용되지 않는다고해요.
이유는, 개별 도메인이 필요한데 저희는 무료다보니 프레이머에서 제공하는 도메인을 사용하기때문이라고 하네요!
그러므로 무료 계정에 도메인이 따로 없으신 분들은 Google Analytics 까지만 연결 가능하다는 점!

저와 같은 고민을 하셨던 분이라면 아래 링크를 참고하시면 좋아요
아직까진 저도 해결방법을 못찾았답니다..!
프레이머커뮤니티 : I cant seem to connect my framer account to google search


(혹시 DNS를 수정할 방법이 있다면 꼭 다시 포스팅할께요!)


이렇게 저도 계속해서 저의 웹페이지를 디벨롭하고 있습니다.
프레이머를 사용하며 해결하거나 함께 공유하고 싶은 부분들 갖고
다른 포스팅으로 찾아뵐게요 안녕!



It’s Me, Cynh!

It’s Me, Cynh!

스타트업을 시작으로 현재 국내 다트회사에서 프로덕트디자이너로 재직중이에요

다양한 경험 속에서 느낀 감정과 순간의 배움을 아카이빙하고 있습니다.

스타트업을 시작으로

현재 국내 다트회사에서

프로덕트디자이너로 재직중이에요

다양한 경험 속에서 느낀 감정과

순간의 배움을 아카이빙하고 있습니다.

Seoul, South Korea

It’s Me, Cynh!

스타트업을 시작으로 현재 국내 다트회사에서 프로덕트디자이너로 재직중이에요

다양한 경험 속에서 느낀 감정과 순간의 배움을 아카이빙하고 있습니다.

Seoul, South Korea

Create a free website with Framer, the website builder loved by startups, designers and agencies.