프레이머 CMS에서 검색엔진최적화(SEO)하는 방법 

프레이머로 블로그와 홈페이지를 개설했으면, 이제 CMS를 통한 콘텐츠 작성 > SEO 최적화 > Analytics를 통한 방문자 관리가 필요합니다. 

Framer는 figma와 같은 디자인 툴로 시작했지만, 최근에는 강력한 웹사이트 제작 도구로 진화했어요. 특히, CMS 기능을 통해 콘텐츠 관리와 SEO 설정을 손쉽게 할 수 있어요. 

SEO(Search Engine Optimization)란?

SEO(검색엔진최적화)는 블로그와 홈페이지를 검색 엔진에서 상위에 노출시키기 위해 최적화하는 과정으로, 검색 엔진 봇이 웹사이트를 쉽게 읽고 접근할 수 있도록 하여, 관련 키워드 검색 결과에 상위노출 되도록 하는 것이 목적입니다. SEO는 특히 기업과 브랜드, 1인 크리에이터, 소상공인들이 더 많은 노출과 트래픽을 얻고 마케팅 비용을 절약할 수 있는 방법이에요.

지난 콘텐츠 프레이머로 CMS 블로그 만들기에 이어 SEO 최적화를 진행해보았어요. GA4를 설치하고, 구글 서치 콘솔에 연동 후, SEO 최적화를 위한 필수요소 6가지를 적용하여 프레이머 CMS로 블로그 콘텐츠를 작성해보았습니다. 그럼, 함께 따라가보실까요?

1. 구글 GA4 설치하기

프레이머에 가입했던 구글 계정으로 Google Analytics를 설치해줍니다. 생성된 추적코드 ID를 복사하여, 내 프레이머 사이트에 설치해볼게요. 우측 상단의 톱니바퀴 버튼을 눌러 Site Settings > General > Google Analytics에 추적코드 ID를 붙여넣기하고 Save를 누르면 끝! 아주 간단하죠?

추적코드를 심고 약 2,3일 후 GA4 대시보드 > 보고서 개요에 들어가보면 몇 명이 내 블로그에 방문했는지, 얼마나 머물렀는지, 어느 나라에서 방문자 유입이 들어왔는지, 현재 실시간 사용자도 확인되실 거예요. Google Analytics는 구글이 제공하는 무료 웹로그 분석 툴로 방문자 통계, 유입 경로, 사용자 행동 등을 추적하여 SEO 전략을 지속적으로 개선할 수 있습니다.

프레이머 자체 Analytics로도 충분히 데이터를 간단히 확인해 볼 수도 있답니다.

| 참고 링크 |  Google Analytics 4 바로가기

2. 구글 서치 콘솔 연동하기

구글 애널리틱스를 설치했으면, 바로 GA에서 구글 서치 콘솔을 연동해볼게요. 연결이 완료되면 GA4 대시보드 > 보고서 > 하단에 Search Console 이 추가된 것을 확인하실 수 있습니다. Google Search Console은 내 사이트가 구글 검색 결과에 잡히도록 등록해주는 툴입니다.

사이트맵까지 제출해주면 구글 검색 엔진 봇이 내 사이트를 읽어 들인 후 구글 검색 결과에 노출시켜 줍니다. 연동하고 약 2,3일 후 서치 콘솔의 '쿼리'를 확인해보면서, 어떤 검색어로 내 사이트가 노출이 되고, 클릭하고 들어왔는지 등 사이트의 검색 퍼포먼스를 모니터링해보새요.

| 참고 링크 |  Google Search Console 바로가기

3. CMS로 SEO 최적화하기

구글 GA4 설치와 구글 서치 콘솔 등록까지! SEO 최적화를 위한 기초공사를 마쳤다면, 이제 프레이머에서 블로그 콘텐츠를 작성하는 일만 남았네요. 블로그 SEO 최적화는, 검색 엔진 봇이 웹사이트를 쉽게 읽고 접근할 수 있도록, 콘텐츠를 구조화시켜 주는 것이 중요합니다. 키워드를 포함하여 콘텐츠를 구조화하기 위한 필수 6가지를 알아볼게요.

SEO 최적화를 위한 필수 6가지 요소

(1) 타이틀 (Title)

타이틀은 검색 결과에서 페이지 제목으로 표시되므로, 사이트를 대표할만한 타이틀을 지어줍니다. 블로그 페이지의 경우 타이틀은 글의 제목으로 H1 태그를 적용해주며 주요 키워드를 포함 60자 이내로 작성해줍니다.

(2) 메타 디스크립션 (Meta Description)

메타 설명은 검색 결과에서 타이틀 아래 설명 텍스트로 표시됩니다. 주요 키워드를 포함하여 150-160자 이내로 작성하며, 방문자의 클릭을 유도할 수 있도록 매력적으로 작성하세요.

(3) 헤딩태그 (H Tag)

H1, H2, H3 태그를 사용하여 콘텐츠를 구조화합니다. 검색 엔진은 H 태그를 통해 콘텐츠의 주요 주제를 파악하므로, 키워드를 적절히 포함한 헤딩 태그를 사용하세요. H1 태그는 글 제목임을 알리는 태그로, 한 페이지 당 H1 태그가 단 하나만 존재하며, H2, H3~H6 태그로 소주제와 문단을 계층형으로 내림 순으로 사용해야 합니다.

(4) 검색엔진 친화적인 URL (Slug)

검색엔진이 페이지의 내용을 쉽게 파악할 수 있도록 돕는 URL(Slug)는 짧고 명확해야 하며, URL에 주요 키워드를 포함시켜 페이지의 주제를 전달합니다. URL 가독성을 높이기 위해서는 ‘_’ 나 '-' 기호를 사용하는 게 좋습니다.

이 페이지의 Slug는 https://calmandchill.framer.website/blog/framer-seo 입니다.

(5) 이미지 대체 텍스트(alt tag)

이미지 대체 텍스트는 이미지가 로딩되지 않거나 시각 장애인이 페이지를 읽을 때 제공되는 설명 텍스트입니다. 이미지를 정확히 설명하며, 주요 키워드를 포함하되 너무 길지 않게, 간결하게 작성합니다. 검색 엔진이 alt tag도 읽어 들입니다.

(6) 백링크 (Backlink)

백링크는 다른 웹사이트에서 자신의 웹사이트로 연결되는 링크를 의미합니다. 백링크는 검색엔진이 사이트의 신뢰성과 권위를 평가하는 중요한 요소로 게스트의 포스트 작성, 협업, 콘텐츠 공유 등을 통해 백링크를 구축하세요.

또한, 외부 링크 최적화와 내부 링크 최적화도 중요합니다. 신뢰할 수 있는 외부 사이트로 링크를 걸어, 콘텐츠의 신뢰성을 높입니다. 이는 검색 엔진이 사이트를 신뢰할 수 있는 정보 출처로 인식하게 해요.(외부 링크 최적화) 블로그 게시물 내에서 관련 콘텐츠를 서로 연결하여 방문자가 더 많은 페이지를 탐색할 수 있도록 하는 것도 방문 시간 증가와 함께 SEO 점수에 긍정적인 영향을 미칩니다.(내부 링크 최적화)

이미지 파일의 크기를 줄임으로써 페이지 로딩 속도를 향상시키는 이미지 최적화도 중요하며, 우리가 사용하는 기기가 점점 모바일 퍼스트가 되면서, 반응형 디자인으로 모바일 최적화를 시키는 것도 SEO 결과 점수에 영향을 미칩니다.

4. 크롬 확장 프로그램 SEO툴 활용하기 

사실 SEO의 첫 단계는 적절한 키워드를 찾는 것이에요. SEO 최적화를 위한 툴은 전문적으로 이용하려면 비싸지만(SEO가 그만큼 중요하단 말씀), 무료 제공 툴로도 충분히 인사이트를 얻고, 내 사이트를 개선시키는 데 참고할 수가 있어요.

우리 캄앤칠 디자인 스튜디오가 강력 추천하는 SEO툴은 크롬 확장 프로그램 Ubersuggest와 Ahrefs입니다. 아래 링크에 들어가 크롬 확장자를 설치하여 간단하게 내 사이트를 진단해보고, 나와 경쟁 사이트를 분석하여 내 사이트를 성장시키는 데 참고해보세요.

(1) Ubersuggest 

Ubersuggest는 SEO의 가장 중요한 영역 중 하나인 키워드 리서치에 도움을 주는 크롬 확장 프로그램입니다. 내 사이트에 어떤 키워드를 검색해서 유입됐는지 알기 위해서는 구글 서치 콘솔을 활용하면 되지만, 경쟁사를 포함한 타 사이트의 유입 키워드 데이터는 구글 서치 콘솔에서 얻기 어렵습니다.

경쟁자의 웹사이트로 이동한 다음 설치한 Ubersuggest 확장 프로그램을 클릭하면, 아래와 같이 해당 사이트의 트래픽, 상위 키워드, 백링크 및 SEO 순위에 대한 정보를 확인할 수 있습니다. 저는 토스 블로그에 들어가서 확인해보았어요. '구글 키워드 플래너'도 키워드 발굴에 도움이 많이 됩니다.

| 참고 링크 |  Ubersuggest 설치 바로가기 | 구글 키워드 플래너

(2) Ahrefs

Ahrefs 크롬 확장 프로그램을 추가해준 후, 확장자를 클릭하면 웹사이트 우측에 팝업이 뜹니다. 좌측의 메뉴 두번째 Content에 들어가서 타이틀, 메타 디스크립션, 헤딩태그 등이 잘 적용되었는지 확인할 수 있어요. 이미지의 alt tag 적용 여부, sitemap.xml과 robots.txt 설정 등 검색결과에서 상위랭킹에 도달하기 위해 갖춰야 하는 일반적인 온페이지 SEO 요소들을 간편하게 점검할 수 있어요.

내 사이트를 자체 점검하고, 타 웹사이트도 탐색해보면 도움이 많이 됩니다. 유사 서비스로 SEO Pro Extension도 유용해요. 저는 어센트 코리아 블로그에 들어가 확인해보았어요.

| 참고 링크 |  Ahrefs 설치 바로가기 | SEO Pro Extension

마무리

프레이머로 CSM로 블로그나 홈페이지를 만드는 것은 어렵지 않아요. 게다가 CMS로 SEO를 최적화시킨다면 검색 엔진에서 상위 노출할 수 있습니다. 구글이 제공하는 무료 서비스들과 크롬 SEO툴을 활용하여 지속적으로 내 사이트의 SEO(검색엔진최적화) 성과를 모니터링하고, 필요한 개선 작업을 해 나가며 블로그를 발전시켜 보세요.

프레이머에서 SEO 최적화하기

1. 구글 GA4 설치하기

2. 구글 서치 콘솔 연동하기

3. CMS로 SEO 최적화하기

4. 크롬 확장 프로그램 SEO툴 활용하기

   
   

프레이머 홈페이지 제작 의뢰서: https://tally.so/r/mOVGWA