Gutenberg를 위한 Ultimate Addons로 완벽한 홈페이지를 구축하는 방법은 무엇입니까? [7단계]

게시 됨: 2021-10-08

홈페이지는 대부분의 사이트에서 가장 중요한 페이지입니다.

트래픽의 대부분을 수신하는 경우가 많습니다. 그러나 안타깝게도 대부분의 홈페이지는 콘텐츠 부족이나 빈약한 카피라이팅으로 인해 최적화되지 않습니다.

하지만 걱정하지 마세요. 오늘 웹 마케팅 컨설턴트인 Vlad(웹사이트 방문)가 Ultimate Addons for Gutenberg로 완벽한 홈페이지를 구축하는 방법에 대해 자세히 설명합니다.

따라서 트래픽과 전환을 늘리고 싶다면 이 문서가 적합합니다.

시작하자.

목차
  1. 1단계: 강력한 약속으로 시작하기
  2. 2단계: 즉시 사회 증명을 보여주세요
  3. 3단계: 제안에 대한 간략한 설명
  4. 4단계: 문제/솔루션 콤보 사용
  5. 5단계: 제안이 어떻게 작동하는지 설명
  6. 6단계: 자신 또는 팀 소개
  7. 7단계: FAQ 삽입
  8. 보너스: 귀하의 홈페이지에 대한 SEO
  9. 결론: 이제 당신 차례입니다

1단계: 강력한 약속으로 시작하기

헤드라인이 명확해야 합니다.

헤드라인은 방문자가 가장 먼저 보게 되는 것 입니다. 한 문장으로 제공하는 내용을 명확하게 설명해야 합니다.

다음은 훌륭한 헤드라인을 작성하기 위한 몇 가지 팁입니다.

  • 고객의 이름을 지정하십시오. 예를 들면 다음과 같습니다. " 교사: 하루를 정리할 수 있는 최고의 도구 "
  • 고객의 문제에 대해 이야기하십시오. – 예: “초고속 웹사이트가 필요하십니까? 당신은 우리 플러그인을 좋아할 것입니다”
  • 필요한 경우 강력한 단어를 사용하십시오. 강력함, 최고, 새로운, 놀라운, 고유한, 빠른, 궁극적인…
  • 헤드라인에 주요 키워드 사용
  • 이 헤드라인을 H1 태그에 배치
  • 간결함: 10~15단어

다음 예에서 Vlad의 태그라인은 다음과 같습니다.

“안녕하세요, 저는 귀사의 비즈니스에 좋은 것을 바라는 웹 마케팅 컨설턴트 Vlad입니다.”

블라드 웹사이트

프로 팁:

귀하 또는 귀하의 팀의 멋진 사진으로 웹사이트를 인간답게 만드십시오. 이 사진은 신뢰를 높이는 데 도움이 됩니다.

사용할 UAG 블록: 섹션 + 고급 제목

구텐베르크 편집기를 사용하는 Vlad 웹 사이트

가능하면 비디오를 사용하십시오

Unbounce에 따르면 방문 페이지에 비디오를 포함하면 전환율을 최대 80%까지 높일 수 있습니다.

비디오는 제안의 이점을 직접 보여주는 데 매우 효과적입니다. “ 말하지 말고 보여라 ”라는 속담을 기억하십시오.

예시: Yellow Leaf Hammocks는 안정적인 수입을 올리는 태국 현지 장인들이 만든 해먹을 판매하는 브랜드입니다.

노란 잎 웹사이트 예시

홈페이지는 해먹이 휴식에 이상적임을 보여주기 위해 비디오를 완벽하게 사용합니다. 그것은 매력적이다.

표시할 수 있는 다양한 비디오 유형은 다음과 같습니다.

  • 제품이 어떻게 만들어지는지
  • 일상 생활에서 제품이 사용되는 방식
  • 브랜드 가치에 초점을 맞춘 동영상

영감이 필요하세요?

여기에서 귀하의 홈페이지에 대한 비디오의 많은 예를 찾을 수 있습니다.

2단계: 즉시 사회 증명을 보여주세요

평균 웹사이트 전환율은 2.35%입니다(출처: Wordstream).

이 낮은 비율은 대부분의 홈페이지 방문자가 처음으로 귀하의 웹사이트를 발견한다는 사실로 설명할 수 있습니다.

따라서 방문 초기부터 그들을 안심시키는 것이 중요합니다.

기억하십시오: 신뢰는 전환율을 높이는 핵심 요소입니다.

사회적 증거는 다양한 형태를 취할 수 있습니다.

  • 중요한 인물들
사회적 증거 추가
  • 권위있는 고객의 로고
권위 있는 고객 로고 추가
  • 소비자 평가
고객 리뷰 추가
  • 업계 인플루언서의 추천
인플루언서 리뷰 추가

베스트 셀러는 고객이라는 사실을 기억하십시오.

우리 모두는 레스토랑의 예를 알고 있습니다.

붐비는 가게는 자연스럽게 손님을 끌어들이고 비어있는 가게는 그렇지 않습니다.

아마존에서 고객 리뷰는 매우 중요한 구매 요소입니다. 실제로 소비자의 79%는 최고의 평점과 리뷰를 가진 제품의 영향을 받습니다(출처). 우리는 자연스럽게 별 5개짜리 제품에 끌립니다.

따라서 아래 예와 같이 최대한의 고객 리뷰를 얻고 사이트에 전용 페이지를 계획하십시오.

고객 리뷰 예시

프로 팁:

고객 리뷰를 선택하는 경우 사진을 포함하여 평가를 더욱 진정성 있게 만드십시오.

증언 예

사용할 UAG 블록 : 간증

UAG 증언 블록

고객이 없거나 적은 경우 어떻게 사회적 증거를 얻을 수 있습니까?

이러한 상황에서는 사람들이 무료로 제품이나 서비스를 사용해 보고 평가를 받도록 하는 것이 좋습니다.

3단계: 제안에 대한 간략한 설명

제안을 개별 블록으로 나누는 것을 잊지 마십시오.

제목도 명확해야 합니다. 예를 들어 Vlad 는 자신의 제안을 설명하기 위해 다음과 같은 제목을 사용합니다.

서비스 설명

SEO의 관점에서 이것은 가장 중요한 페이지에 연결하는 올바른 방법입니다.

프로 팁:

귀하의 제안을 설명하기 위해 SVG 픽토그램을 추가하십시오.

사용할 UAG 블록: 고급 열 및 클릭 유도문안

UAG 고급 열 광고 클릭 유도문안

전자 상거래 사이트의 경우 주요 카테고리에 대한 링크를 삽입할 수 있습니다. casper.com과 같은 매력적인 시각 자료를 사용하십시오.

캐스퍼 웹사이트

4단계: 문제/솔루션 콤보 사용

다음은 카피라이팅 팁입니다. 대상 고객의 문제를 설명하고 솔루션을 후속 조치합니다 . 이 조언은 잠재 고객을 전환하는 데 매우 효과적입니다.

프랑스 온라인 의류 브랜드인 Asphalte.com은 제공하는 모든 제품에 이 기술을 사용합니다.

다음은 청바지의 예입니다.

브랜드는 청바지의 일반적인 문제를 간략하게 설명합니다.

아스팔트 웹사이트 예시

그런 다음 다양한 기능을 갖춘 완벽한 청바지를 선보입니다.

아스팔트 웹사이트 예시 2

Vlad의 웹사이트에서 그는 프리랜서를 선택할 때의 3가지 주요 문제를 설명합니다.

  • 모르는 사람을 믿고
  • 의사 소통의 부족
  • 기한을 준수하지 않음
블라드 웹사이트 예시

그리고 명확한 이점의 형태로 그의 솔루션을 자세히 설명합니다.

  • 당신이 만족하는 경우에만 지불
  • 당신만을 위한 정확한 가용성
  • 프리랜서가 아닌 파트너
블라드 웹사이트 예시 2

픽토그램으로 자유롭게 설명하면 읽기가 더 즐겁습니다.

사용할 UAG 블록: 고급 열

UAG 고급 열 블록

5단계: 제안이 어떻게 작동하는지 설명

제안이 어떻게 작동하는지 단계별로 설명할 시간입니다. 가능한 한 간단합니다.

주문형 그래픽 디자인 서비스인 ManyPixels는 서비스 작동 방식을 훌륭하게 설명합니다.

단계를 클릭하면 아래에 세부 정보가 표시됩니다. 꽤 좋은!

Manypixels 웹사이트 예시

Vlad의 웹사이트에서 서비스는 3단계로 설명되어 있습니다.

  • 1단계: 빠른 양식 작성
  • 2단계: 30분 전화 상담 – 약정 없음
  • 3단계: 실행 계획
Manypixels 타임라인 콘텐츠 예시

프로 팁:

" 비즈니스를 향상 시키자"와 같은 강력한 CTA를 삽입하십시오.

사용할 UAG 블록 : 타임라인 내용

UAG 타임라인 콘텐츠 예시

6단계: 자신 또는 팀 소개

당신이 하는 일에 대한 이유를 빨리 기술하십시오 . 사람들이 당신과 함께 일하거나 당신의 제품/서비스를 사용하게 하려면 당신의 열정과 열정을 보여주는 것이 필수적입니다.

이 시점에서 "정보" 페이지에 대한 링크를 포함하는 것을 고려하십시오.

당신이 조직의 내러티브에 속해 있다면 티저 형식으로 사람들에게 조금 알리고 더 많은 정보를 찾도록 격려하세요.

다시 말하지만, 비디오는 브랜드를 인간화하고 신뢰를 구축하는 데 매우 좋습니다.

Founders Brewing Co.는 훌륭한 "회사 소개" 비디오를 보유하고 있습니다.

7단계: FAQ 삽입

FAQ는 홈페이지에 콘텐츠를 추가 하여 SEO를 향상시키는 좋은 방법입니다. 또한 변환 전, 변환 중 및 변환 후에 일반적인 사용자 질문에 답할 수 있는 좋은 기회입니다.

질문을 찾는 방법?

이메일로 Google 양식을 보내 현재 고객에게 질문할 수 있습니다.

Google의 " 사람들은 또한 질문합니다 " 섹션을 사용하여 가장 많이 묻는 질문을 찾을 수 있습니다.

Google 사람들은 또한 예를 묻습니다.

또는 Quora:

쿼라 웹사이트

또는 Amazon 질문 섹션. 다음은 해먹의 예입니다.

아마존 질문과 답변

완벽한 탐색 구조 구축

답변할 질문이 많은 경우 SEO가 각 질문에 대한 페이지를 만드는 것은 매우 흥미로운 일입니다.

카테고리별로 모든 질문을 그룹화할 기둥 페이지를 만드는 것으로 시작하십시오. 각 질문은 귀하가 자세히 답변할 전용 페이지로 연결됩니다.

돈을 관리하는 앱인 Mint는 다음 전략을 사용합니다.

민트 FAQ 예시

정기적으로 분석 확인

FAQ가 소비자의 질문에 응답하는지 확인하려면 분석 솔루션을 확인하는 것이 중요합니다.

또한 FAQ 페이지를 본 후 페이지에서 보낸 시간, 이동 경로와 같은 다른 지표를 살펴보십시오.

이러한 통찰력을 바탕으로 FAQ를 재작업할 수 있습니다.

UAG FAQ 스키마

FAQ 스키마 블록

FAQ 스키마 블록의 장점이 무엇인지 아십니까? 질문을 쉽게 추가할 수 있으며 적절한 구조화된 데이터를 자동으로 사용합니다 .

프로 팁:

SEO를 개선하려면 질문에 대해 H2 또는 H3 태그를 선택하십시오.

자세한 내용은 FAQ 스키마에 대한 기사를 참조하십시오.

보너스: 귀하의 홈페이지에 대한 SEO

홈페이지와 웹사이트 전체가 Google에서 좋은 순위를 차지하려면 특정 기술 요구사항을 충족해야 합니다.

페이지에서 좋은 SEO를 얻기 위한 체크리스트는 다음과 같습니다.

가능한 최고의 제목 태그와 메타 설명을 작성하십시오.

제목과 메타 설명에 주의를 기울이는 것이 중요합니다. Google 검색결과에서 사용자가 웹사이트를 방문하도록 유도할 수 있는 단 한 번의 기회이기 때문입니다.

구글 랭크 브레인(Google Rank Brain)의 구현으로 CTR(클릭률)은 결과 순위를 매기는 필수 기준이 되었습니다.

많은 사람들이 귀하의 기사를 클릭하면 Google은 이를 훌륭한 신호로 간주합니다.

두 타이틀 간의 CTR 차이는 상당할 수 있습니다. 몇 마디만 바꿔도 큰 효과를 볼 수 있습니다.

예를 들어 다음 2가지 버전을 살펴보세요.

  • 버전 1:
웹 페이지 제목 및 메타 설명
  • 버전 2:
웹 페이지 제목 및 메타 설명 2

그것은 모든 것을 변화시킵니다. 그렇지 않나요?

다음은 제목과 메타 설명을 올바르게 하기 위한 몇 가지 팁입니다.

  • Title 태그와 메타 설명에 기본 키워드를 삽입하세요.
  • 페이지의 내용을 정확하게 설명
  • 행동 동사를 사용하십시오: "발견하다", "즐기다", "여기가 있습니다"…
  • 장점 강조: "무료 배송", "간단한 결제"…
  • 간결함: 제목은 약 60자, 메타 설명은 200자
  • 가능하면 4U 규칙을 존중하십시오: 독특하고, 매우 구체적이고, 유용하고, 긴급합니다.

이미지 SEO

다음은 이미지의 SEO를 위한 몇 가지 팁입니다.

  • 설명 파일 이름
  • alt 태그의 존재
  • 이미지 전후에 적절한 의미를 삽입하십시오.
이미지 SEO

내부 링크 3~5개 삽입

콘텐츠를 함께 연결하는 것이 중요합니다. 홈페이지는 종종 사이트에서 가장 강력한 페이지입니다 .

이를 활용하여 "SEO 주스"를 가장 중요한 페이지로 보내십시오.

예를 들어 전자 상거래 사이트의 경우 인기 있는 카테고리를 강조 표시할 수 있습니다. 예를 들어 Zappos가 하는 일은 다음과 같습니다.

Zappos 웹사이트 예시

우수한 시맨틱 점수 얻기

"키워드 스터핑"의 시대가 지났더라도 의미론적 최적화는 여전히 필수입니다. Google 은 의미상 관련된 키워드가 포함된 긴 콘텐츠가 순위를 매기는 핵심 요소라는 점을 이해하고 있습니다.

따라서 홈페이지에 충분한 내용을 작성해야 합니다.

좋은 소식은 이 작업을 더 쉽게 해주는 많은 도구 가 있다는 것입니다.

예를 들어 Semrush "SEO 콘텐츠 템플릿" 도구를 사용할 수 있습니다.

셈러쉬

키워드를 입력하면 도구가 경쟁업체의 첫 번째 검색 결과를 분석하여 다음과 같은 많은 권장 사항을 제공합니다.

셈러쉬 정보

의미적으로 관련된 단어 목록은 매우 유용합니다. 주저하지 말고 텍스트에 통합하십시오.

목표로 삼아야 하는 콘텐츠의 길이에 대한 표시도 있습니다.

WordPress로 텍스트 최적화

웹 사이트에 WordPress를 사용하는 경우 의미론적 최적화에 도움이 되는 SEO 플러그인을 설치할 수 있습니다.

Yoast SEO 를 사용할 수 있습니다.

Yoast SEO 콘텐츠 개선 제안

또는 순위 계산 :

순위 수학 콘텐츠 개선 제안

Hn 태깅 구조화

Hn 태그는 검색 엔진에서 "요약"으로 사용됩니다. 실제로 이러한 태그는 콘텐츠의 제목과 자막입니다.

Hn 태깅의 경우 다음을 삽입하십시오.

  • 홈페이지의 단일 H1
  • 논리적 계층에서 서로 뒤따르는 여러 H2 및 H3

프로 팁:

Chrome 확장 SEO META 1 클릭으로 경쟁사의 Hn 구조를 얻으십시오.

SEO 메타 크롬 확장

홈페이지 및 사이트 속도 최적화

로딩 속도는 인터넷 사용자와 검색 엔진 모두에게 점점 더 중요한 기준이 되고 있습니다 .

Google은 최근 로딩 시간을 고려한 업데이트 "Google 페이지 경험"을 배포했습니다. 따라서 사용자에게 빠른 웹사이트를 제공하는 것이 중요합니다.

취할 수 있는 조치는 다음과 같습니다.

  • Astra와 같은 가벼운 WordPress 테마 사용
  • 이미지 압축
  • 가능한 경우 webp 또는 svg 형식을 사용하십시오.
  • CDN 설정
  • 빠른 서버에서 사이트 호스팅

"최적화된 코드로 더 빠른 구텐베르크 페이지 경험" 기사도 읽을 수 있습니다.

속도를 위한 최고의 WordPress 플러그인

다음 플러그인에는 웹사이트 속도를 향상시키는 많은 기능이 있습니다.

WP 로켓:

WordPress WP Rocket용 캐싱 플러그인

니트로팩:

NitroPack 성능 최적화

결론: 이제 당신 차례입니다

이 팁과 예제가 훌륭한 홈페이지를 구축하는 데 도움이 되기를 바랍니다!

우리가 본 구조는 명확하고 설득력이 있지만 핵심은 전환하는 콘텐츠를 제안하기 위해 고객의 요구를 아는 것이라는 점을 기억하십시오.

또한 챗봇과 같은 간단한 연락처 솔루션을 제공해야 합니다. 이것은 신뢰를 생성하는 데 매우 중요합니다.

기술적으로 사이트를 만드는 것이 그 어느 때보다 쉬워졌습니다. 지금까지 살펴본 것처럼 Gutenberg용 무료 Ultimate Addons를 사용하여 홈페이지를 빠르게 구축할 수 있습니다.

이제 무엇을 먼저 시도하시겠습니까?

더 많은 사회적 증거를 통합하시겠습니까?

문제 해결 콤보를 사용하시겠습니까?

FAQ를 삽입하시겠습니까?

아래 의견에 의견을 공유하는 것을 잊지 마십시오!