SEO 친화적인 방문 페이지를 만드는 방법

게시 됨: 2020-07-16

매력적인 카피, 시선을 사로잡는 디자인, 눈에 띄는 CTA로 전환율이 높은 랜딩 페이지를 지속적으로 칭찬합니다. 이것들은 확실히 고객의 첫인상에 영향을 미칠 수 있지만 SEO에 최적화되어 있지 않으면 발견되지 않습니다.

결국 유기적 트래픽은 판매 프로세스를 시작하는 데 중요합니다.

잠재 고객은 소셜 미디어를 통해 귀하의 브랜드를 발견할 수 있습니다. 그러나 그들이 Google에서 귀하의 웹사이트를 찾을 수 없다면 아마 돌아오지 않을 것입니다.

실제로 Google 검색 결과의 첫 번째 페이지에 있는 사이트는 32.5%의 CTR(클릭률)을 달성할 수 있고 두 번째 페이지는 17.6%, 세 번째 페이지는 11.4%를 얻을 수 있습니다. 두 번째 페이지에 있으면 잠재적인 사이트 방문자의 최소 절반을 잃을 수 있습니다.

랜딩 페이지를 SEO 친화적으로 만드는 방법은 무엇입니까?

그렇다면 SEO 친화적인 랜딩 페이지를 어떻게 만들 수 있을까요? Google 검색 결과 상단에 표시되는 데 도움이 되는 팁 목록을 작성했습니다.

팁 1: 페이지 로드 시간 고려

첫 번째 단계는 페이지 속도를 고려하는 것입니다.

Pingdom에 따르면 방문자의 37%는 로드하는 데 5초 이상 걸리면 웹사이트를 떠납니다. 1초 지연으로 인해 전환이 7% 감소할 수도 있습니다!

페이지 속도를 결정할 수 있는 한 가지 방법은 무료 도구인 Google PageSpeed ​​Insights를 사용하는 것입니다. 검색창에 사이트 URL을 입력하여 페이지 로딩 시간을 평가하십시오.

예를 들어, Backlinko는 지난 30일 동안의 다른 페이지에 비해 페이지 속도가 보통입니다.

기회 섹션에서는 속도를 높일 수 있는 팁을 제공합니다. 사이트는 압축 개선을 위해 JPEG 2000, JPEG XR 및 WebP와 함께 이미지 형식을 사용할 수 있습니다. 또는 서버 응답 시간을 줄이기 위해 더 이상 사용되지 않는 플러그인을 제거하십시오.

팁 2: 스키마 마크업 사용

스키마 마크업은 검색 엔진 결과에서 표현을 개선하기 위해 웹사이트에 배치할 수 있는 코드입니다.

여기에는 Google이 웹사이트를 쉽게 크롤링할 수 있도록 풍부한 스니펫이나 향상된 설명을 추가해야 합니다.

다음은 포함할 수 있는 기타 추가 기능 목록입니다.

  • 유효성
  • 이벤트
  • 위치
  • 지불 옵션
  • 가격 범위
  • 가격
  • 리뷰
  • 별점
  • 영업시간

예를 들어, Booking.com의 검색 결과에는 별점, 요금 및 FAQ가 추가됩니다. 고객은 관련 정보를 최대한 빨리 보기를 원하기 때문에 리치 스니펫은 고객이 귀하의 목록을 클릭하도록 유도할 수 있습니다.

팁 3: 키워드 밀도 고려

대부분의 방문 페이지에는 페이지에서 순위를 매기고 싶은 문구를 나타내는 포커스 키워드가 포함되어 있습니다.

달고나 커피 만드는 방법에 대한 블로그 게시물을 작성했다고 가정해 보겠습니다. 대상 키워드는 "달고나 커피 만드는 방법" 또는 "달고나 커피"일 수 있습니다.

이상적으로는 0.5%에서 3%의 키워드 밀도를 달성하는 것이 좋습니다. 500단어의 게시물이 있는 경우 타겟 키워드가 방문 페이지에서 최소 두 번 이상 발견되어야 함을 의미합니다.

Yoast와 같은 도구는 블로그 게시물에서 포커스 키프레이즈를 사용해야 하는 횟수를 결정할 수 있습니다.

팁 4: 동적 렌더링 활용

모든 마케팅 담당자의 목표는 웹사이트가 Google 봇에 의해 크롤링되고 색인이 생성되도록 하는 것입니다.

웹 사이트가 Javascript에 의존하는 경우 봇은 콘텐츠를 구문 분석할 수 없습니다. 평가하려면 정적 HTML 요소를 스캔해야 합니다.

결과적으로 개발자는 동적 렌더링을 활용해야 합니다.

Google은 동적 렌더링을 "특정 사용자 에이전트에 대한 클라이언트 측 렌더링 콘텐츠와 사전 렌더링 콘텐츠 간의 전환"으로 정의합니다.

여기에는 봇에 특화된 정적 웹 페이지 생성이 포함됩니다. 정적 HTML은 봇이 크롤링하고 색인을 생성할 수 있도록 Javascript 코드를 렌더링합니다.

Google의 권장 사항을 따르고 봇에 대한 동적 렌더링을 구현하려면 Rendertron과 같은 렌더러를 사용하여 Javascript를 생성하고 이를 정적 HTML로 변환할 수 있습니다.

동적 렌더링을 활용하기 위해 Google은 다음을 포함하는 3단계 프로세스를 활용합니다.

  1. 샘플 웹 앱의 디스플레이 보기
  2. 작은 express.js 서버 설정
  3. 서버에 렌더트론 추가

프로세스에 대한 자세한 내용은 "Rendertron을 사용한 동적 렌더링"에 대한 Google 가이드를 확인하세요.

팁 5: 서버 측 렌더링 활용

동적 렌더링을 사용하여 봇을 다른 사용자와 다르게 취급하지 않으려면 서버 측 렌더링을 사용하십시오.

웹 사이트 결과를 렌더링하는 방법에는 클라이언트 측 렌더링과 서버 측 렌더링의 두 가지가 있습니다.

이 두 가지 주요 개념의 차이점은 다음과 같습니다.

  • 클라이언트 측 렌더링 . 봇 또는 브라우저는 초기 로드 시 빈 페이지를 가져옵니다. 따라서 Javascript는 서버에서 콘텐츠를 다운로드해야 합니다. 안타깝게도 콘텐츠의 색인이 생성되거나 크롤링되거나 Google 검색 결과에 순위가 표시되는 데 몇 시간 또는 일주일이 소요될 수 있습니다.
  • 서버 측 렌더링 . 봇 또는 브라우저는 소스 코드의 HTML 파일을 가져옵니다. 이를 통해 봇은 페이지를 즉시 크롤링하고 색인을 생성할 수 있습니다. Google 검색 결과에서 더 빠른 로드 시간과 즉각적인 순위로 이어집니다.

두 가지 옵션 중 서버 측 렌더링은 SEO를 향상시키는 데 가장 좋습니다. Google은 필요한 정보를 빠르게 수신하므로 순위를 매길 수 있습니다.

팁 6: Google 지식 정보로 도달범위 극대화

지식 그래프는 검색 엔진 결과에 표시되는 정보 상자입니다. 위치, 요금, 소셜 미디어 페이지 등과 같은 기본 정보를 보여줍니다.

예를 들어, Blue Apron's에는 비즈니스 설명, 본사, 설립자, 직원 및 모회사가 포함됩니다. 여기에는 Facebook, Instagram 및 Pinterest에 있는 기업의 소셜 미디어 프로필도 포함됩니다.

대안을 찾고자 하는 사람들은 경쟁자를 찾기 위해 "또한 검색하는 사람들" 섹션을 볼 수 있습니다.

호텔 및 레스토랑의 지식 그래프에는 사진, 해당 지역의 지도, 웹사이트, 별점 및 광고에 대한 링크가 포함되어 있습니다.

리뷰는 고객의 의사 결정 과정에서 매우 중요하므로 Google에서도 이를 보여줍니다.

지식 패널의 소유권을 주장하는 방법은 무엇입니까?

지식 패널은 자동으로 생성되며 패널의 정보는 Google의 데이터 파트너 및 추천 사용자의 직접적인 피드백과 같은 다양한 소스를 기반으로 합니다.

Google에서 다음 가이드를 확인하여 지식 패널에 대한 소유권을 주장할 수 있습니다.

  • Google에서 인증 받기
  • 지식 패널 업데이트

사용자가 Google에서 인증되면 패널에 표시될 이미지를 업로드할 수 있습니다. 그렇지 않으면 이미지가 웹에서 제공됩니다.

Google에서 지식 패널을 얻는 방법

지식 패널은 Google에서 자동으로 생성하므로 어떻게 얻습니까? 물론 관련 기관과 기업만이 지식 패널을 받을 수 있습니다.

다음은 지식 패널을 얻기 위한 몇 가지 팁입니다.

  • Wikipedia 기사를 작성하십시오. Wikipedia 기사가 있으면 지식 정보를 빠르고 쉽게 얻을 수 있습니다.
  • 회사 소개 페이지를 만드십시오. Google은 귀하의 비즈니스에 대한 일반 정보(예: 영업 시간, 주소 등)를 알고 있어야 하므로 자세한 정보가 포함된 회사 소개 페이지를 만드십시오.
  • PR 커버리지를 받으세요. 업계에서 인지도와 관련성을 얻으려면 신뢰할 수 있는 출판물에 게재하십시오. 주류 뉴스 사이트 또는 PR 조직에 연락하여 비즈니스에 대한 홍보를 받을 수 있습니다.
  • 회사 프로필 페이지를 만듭니다. Crunchbase, Google 및 LinkedIn과 같은 사이트에서 계정을 만들고 회사 프로필 페이지를 만드십시오.
  • 관련 사이트에서 확인 또는 언급을 얻으십시오. Wikipedia 외에도 Google은 일반 뉴스 사이트(예: Reuters, CNN), 틈새 뉴스 사이트(예: Entrepreneur, Forbes) 및 지역별 뉴스 사이트(예: Japan Times)의 정보도 사용합니다.
  • 주목할만한 사례를 구축하십시오. 귀하의 브랜드가 유명하다는 것을 증명하면 지식 정보를 얻을 수 있습니다. 이것은 여러 독립적이고 신뢰할 수 있는 2차 출처에서 상당한 범위를 확보하는 것을 수반합니다. 귀하의 조직이 어떻게 자격을 얻을 수 있는지 이해하기 위해 Wikipedia의 주목도 지침을 확인할 수 있습니다.

팁 7: 심층 콘텐츠 만들기

콘텐츠는 여전히 사이트로의 유기적 트래픽을 높이는 주요 방법 중 하나입니다.

사람들은 깊이 있고 관련성 있는 정보가 있는 사이트를 선호합니다.

따라서 상위 3개 Google 결과의 방문 페이지에는 2,350~2,500단어 범위의 단어 수가 있습니다. 구글 검색 엔진 순위 상위 10위 안에 드는 단어는 보통 2000단어 이상이다. 더 많은 정보는 사용자에 대한 더 많은 신뢰성을 나타낼 수 있습니다.

팁 8: 검색 의도 식별

콘텐츠가 독자의 검색어에 응답하도록 하고 싶습니다.

Backlinko에 따르면 사용자 의도의 네 가지 주요 유형을 살펴보겠습니다.

"머그 피자"를 검색한다는 것은 사용자가 레시피 형식의 정보 콘텐츠를 찾는 것을 의미합니다.

그런 다음 해당 키워드에 대해 이미 순위가 지정된 페이지를 보고 싶을 것입니다. 상위 검색 결과에는 일반적으로 별 등급, 요리 시간 및 최종 제품 사진이 있습니다. 따라서 방문 페이지에는 자세한 레시피와 기타 관련 세부정보가 있어야 합니다.

팁 8: 방문 페이지 분석

사이트를 최적화하고 SEO를 개선하는 방법은 무엇입니까? SEO 패널과 같은 도구는 사용자가 방문 페이지를 분석하는 데 도움이 될 수 있습니다. 이 도구를 사용하면 사이트 소유자가 백링크 및 인덱싱된 페이지 수를 기반으로 Google 및 Alexa 순위를 이해할 수 있습니다.

또한 Google 및 Bing과 같은 다양한 검색 엔진의 백링크 수를 결정할 수 있습니다.

Ahrefs SEO 도구 모음은 또한 사용자에게 도메인 등급(DR), Ahrefs 순위(AR), 백링크 수 및 참조 도메인 수 및 방문 페이지를 분석하는 데 필요한 기타 측정항목을 식별할 수 있는 기능을 제공합니다.

3 매력적인 랜딩 페이지 예시

이제 올바른 SEO 팁을 알았으니 매력적인 랜딩 페이지를 어떻게 만들 수 있을까요? 시작하는 데 도움이 되도록 창의적이고 관련성 높은 방문 페이지 목록을 작성했습니다.

1. 에어비앤비

박쥐에서 바로 이 방문 페이지는 예상 수입을 제공함으로써 당신을 끌어들일 것입니다. 전 세계에 여러 속성을 가진 사용자는 위치를 변경하고 예상 수입을 결정하기 위해 호스트할 수 있는 게스트 수를 지정할 수 있습니다.

핑크색의 '시작하기' 버튼은 나머지 페이지와 눈에 띄며 보는 이들의 시선을 이끈다.

2. 젠데스크

CRM 소프트웨어인 Zendesk에는 "데모 보기"와 같은 직접적인 헤드라인이 있습니다. 또한 깔끔한 가입 양식과 사용자에게 "원활한 경험"을 제공하는 이점이 포함되어 있습니다.

3. 99디자인

크리에이티브 플랫폼인 99designs를 통해 사용자는 디자이너와 협업할 수 있습니다. 처음에 사용자는 검색 상자에 요구 사항을 입력하여 크리에이티브를 찾고 포트폴리오를 볼 수 있습니다. 이러한 협업의 제품은 회전 목마에 표시됩니다.

결론

랜딩 페이지를 만들 때 SEO 최적화가 핵심입니다.

페이지 로드 시간을 고려하십시오. 지식 그래프와 스키마 마크업을 활용합니다. 키워드 밀도와 검색 의도에 주의하세요. 기술적인 SEO 팁을 사용하여 방문자의 사용자 경험을 개선하십시오.

양질의 디자인과 콘텐츠를 갖춘 효과적인 방문 페이지의 예도 제공했습니다. 따라서 이러한 정보를 통해 자신의 웹사이트를 구축할 수 있기를 바랍니다.

효과적인 랜딩 페이지를 어떻게 만들 것인가? 아래 의견에 알려주십시오.