웹사이트 최적화를 사용하여 최고의 첫인상을 만드는 방법 [2022]

게시 됨: 2022-04-12

방문자가 B2B 사이트에 머물지 여부를 결정하는 데 얼마나 걸립니까? 10 초? 50밀리초 이상입니다... 웹사이트 최적화에 지속적으로 노력하면서 빠르고 좋은 인상을 심어주어야 합니다. 우리가 여기서 말하는 것은 - 여러분, 방을 정리하십시오.

이탈률 이 높으면 너무 많은 웹사이트 방문자가 웹사이트에 방문하여 살펴보고 다른 곳으로 이동합니다. 그게 무슨 말입니까? 좋은 건 없어.

웹을 탐색하는 사람들은 속물이 아니지만 사실 그들은 볼 수 있는 대안이 많습니다. 그렇기 때문에 웹사이트 방문자에게 좋은 첫인상을 주어야 합니다. 웹사이트 방문자가 귀하가 얼마나 훌륭한지 보여줄 수 있을 만큼 오래 머물도록 보장하기 위해서입니다.

이것은 귀하의 웹사이트를 최적화하기 위한 궁극적인 가이드입니다. 이 페이지에서 바로 읽거나 아래 양식을 작성하여 PDF로 다운로드하십시오.

목차

1장: 좋은 웹사이트를 원하십니까? 정직한 현장평가 실시

2장: 도구 및 플랫폼에 대한 설명: B2B 웹사이트에 미치는 영향

3장: 직관적인 사용자 여정을 만들기 위해 웹사이트 트래픽 계획을 최적화하는 방법

4장: 웹사이트가 리드를 얻지 못하는 이유(또는 전환율을 높이는 방법)

5장: 브랜드와 디자인이 첫인상을 좌우하는 3가지 방법

6장: Showhome 대 실제 집: B2B 사이트를 표시 가능한 상태로 유지하는 방법

7장: 새 웹사이트 출시 전 우선순위와 나중에 해야 할 일

Articulate diagram of a woman writing in a notebook with images of charts beside her

1장: 좋은 웹사이트를 원하십니까? 정직한 현장평가 실시

좋은 웹사이트는 중요한 첫 밀리초 내에 방문자의 기대치를 충족시킵니다. 그리고 기대치가 높습니다. 예를 들어 웹사이트는 빠르게 로드되어야 하며 디자인이 부실한 경우 방문자가 다른 곳을 클릭하여 다른 곳을 찾아 종료 및 이탈률 측정항목을 높일 때까지 오래 걸리지 않습니다.

그러나 최적화된 웹 사이트는 하룻밤 사이에 이루어지지 않습니다. 아닙니다. 시간이 지남에 따라 일관된 웹사이트 최적화 와 반복적인 개선이 필요합니다.

다음은 세련된 웹사이트를 원하는 경우 고려해야 할 몇 가지 사항입니다.

첫 번째: 웹사이트 평가를 수행하는 데 필요한 도구

'정직한' 평가와 관련하여 우리는 우리가 사용하는 툴킷이 그만한 가치가 있다고 믿습니다. 최소한 모든 고객에게 시도되고 테스트되었습니다.

Sitebulb 는 기술적인 SEO 도구입니다. 효율적이고 이해하기 쉬우며 우리가 관리하는 사이트를 개선하는 데 도움이 되는 실행 가능한 수정 사항을 제공합니다. Sitebulb의 가장 좋은 점은 사이트 보안, 페이지 내 SEO 및 페이지 속도 의 세 가지 핵심 웹사이트 영역에 걸쳐 생성되는 높은 수준의 개요입니다.

우리는 또한 다음을 사용합니다:

  • Google의 PageSpeed ​​Insights ;
  • Ahrefs의 사이트 감사 도구 ;
  • HubSpot의 웹사이트 그레이더 ;
  • 그리고 때때로(자주 그렇지는 않음) Screaming Frog 를 사용합니다.

물론 인터넷에는 다른 도구가 많이 있습니다. 그러나 Sitebulb, HubSpot 및 기타 도구를 마음대로 사용할 수 있으므로 수신하는 데이터가 정직하고 사실임을 확신합니다.

기술 SEO 감사 수행: 고려해야 할 몇 가지 요소

웹사이트의 모든 부분을 최적화하는 것이 중요합니다. 이는 다음을 포함하여 고려하지 않았을 수 있는 덜 알려진 기술적 SEO 요소를 최적화하는 것을 의미합니다.

  • 이탈률
  • 파일 크기
  • 내부 및 외부 링크
  • 상태 코드
  • txt
  • 크롤링 깊이
  • AMP 페이지
  • 모바일 응답성

사이트 보안, 온페이지 SEO 및 페이지 속도는 2020년에 좋은 웹사이트에 가장 중요합니다. 그러나 이러한 다른 요소도 마찬가지이며 웹사이트를 최고로 만들기 위해 적절한 리소스를 사용할 자격이 있습니다.

웹사이트를 최적화하는 방법

이제 툴킷이 있고 찾고 있는 것이 무엇인지 알았으므로 작업에 착수할 시간입니다.

웹사이트 최적화는 복잡할 수 있습니다. AMP 페이지, 모바일 응답성, robots.txt 파일은 상당히 기술적인 부분이 있는데, 도중에 뭔가를 엉망으로 만들면 다른 영역에서 혼란을 일으킬 수 있습니다. 젠장, 실수로 사이트를 종료할 수도 있습니다.

개발자가 아니라면 자신이 하는 일을 알고 있는 신뢰할 수 있는 파트너 를 찾거나 이 작업을 아웃소싱하는 것이 좋습니다. 이제 스스로 심장 수술을 하지 않겠죠?

여기에서 SEO 최적화에 대한 모든 내용을 읽어보십시오 . Articulate diagram of a man holding a giant pencil surrounded by other writing tools

2장: 도구 및 플랫폼에 대한 설명: B2B 웹사이트에 미치는 영향

좋은 웹사이트를 구축하기 위해서는 많은 노력이 필요합니다. 올바른 호스팅 플랫폼, 올바른 사이트 빌더 및 올바른 CMS를 찾아야 합니다.

사이트가 활성화되면 원하는 데이터 캡처 를 어떻게 시작하고 리드 육성 전술 을 자동화하는 것은 어떻습니까?

결정한 도구와 플랫폼 은 B2B 웹사이트에 영향을 미칩니다. 예를 들어 일부 도구는 다른 도구와 통합되지 않고 일부 도구는 예상대로 작동하지 않거나 과대 광고에 부응하지 않습니다.

웹사이트 빌더를 현명하게 선택하세요

인증된 천재가 아니라면 타사 웹사이트 빌더를 사용하여 웹사이트를 개발하고 싶을 것입니다. B2B 비즈니스 로서 Squarespace, Wix 및 GoDaddy와 같은 하위 옵션을 피하고 WordPress 또는 HubSpot과 같이 보다 포괄적이고 사용자 정의 가능한 것을 선택하는 것이 좋습니다.

그러나 우리는 당신에게 무엇을 해야 하는지를 알려 주기 위해 여기 있는 것이 아니라 단지 당신에게 몇 가지 지혜로운 말을 하기 위해 여기 있습니다. 플랫폼에 대한 첫 번째 통찰력은 다음과 같습니다. 플랫폼 에는 고유한 규칙이 있으므로 그에 따라 플레이해야 합니다.

WordPress 와 HubSpot 은 영광스러운 만큼 기술 SEO 감사 를 실행할 때마다 사이트로 누출되는 자체 코드 번들과 함께 제공됩니다. 우리가 제어할 수 없는 HubSpot 자체로 역추적될 수 있는 사이트 보안 경고를 보는 것은 드문 일이 아닙니다. 다른 사이트 빌더는 사이트 속도를 늦출 수도 있습니다.

이것은 디지털 세계의 방식이며 이것이 웹사이트에 미칠 수 있는 영향을 완화하는 방법을 찾는 것은 귀하에게 달려 있습니다.

*보너스 팁! WordPress에서 빌드하는 경우 선택한 테마도 사이트에 영향을 줍니다.

툴킷에 정착하기

우리는 전에도 그것을 보았고 다시 보게 될 것 입니다. 과대 광고에 참여하고 필요하지 않은 도구를 다운로드하는 것은 나쁜 습관입니다. 각 도구는 <Head> 태그에 몇 줄의 코드가 필요할 수 있으므로 13개의 도구는 13줄의 추가 코드를 의미합니다. 코드 팽창 에 대해 이야기하십시오 ...

예를 들어, Articulate의 자매 회사인 Turbine 은 Lucky Orange 를 사이트에 통합하여 클릭 유도문안을 배치할 위치를 더 잘 이해할 수 있도록 사용자 움직임을 추적했습니다. 작업이 완료되면 도구를 '통합 해제'하고 소스 코드에서 제거하는 것을 잊었습니다. 불행히도 웹사이트 속도가 상당히 느려져 키워드 색인 생성에 영향을 미쳤습니다.

귀하에게 필수적인 도구만 통합하고 가능한 모든 기회에 통합하십시오. 이것은 SEO와 관련하여 두 가지 중요한 요소 인 사이트를 깨끗하고 빠르게 유지합니다.

완벽함이 충분히 좋은 것을 방해하지 않도록 하세요

Lucky Orange가 훌륭한 도구라는 것은 말할 필요도 없고 Turbine에서 계속 사용해야 한다면 더 깊은 마케팅 지식에 대한 대가로 잠재적인 PageSpeed ​​감소를 기꺼이 받아들일 것입니다.

선택한 모든 도구 또는 플랫폼에 대해서도 마찬가지입니다. HubSpot으로 인해 몇 가지 문제가 발생하지만 여전히 사용하고 있습니다. 왜요? 포괄적이고 비용 효율적이며 지원 라인이 훌륭합니다.

요점: 마케팅을 진행하는 데 필요한 도구를 피하지 마십시오. 사이트에 영향을 미칠 수 있다는 우려가 있기 때문입니다. 잘 조사하고 현명하게 선택하고 가능한 경우 통합하십시오.

노트북 화면에서 웹사이트를 연결하는 두 남자의 다이어그램

3장: 직관적인 사용자 여정을 만들기 위해 웹사이트 트래픽 계획을 최적화하는 방법

A 지점에서 B 지점으로 웹사이트 방문자를 유도하는 데 미로 같은 페이지 탐색과 모호하고 방해가 되지 않는 CTA가 포함되어서는 안 됩니다. 트래픽 계획을 최적화한다는 것은 사용자를 최우선으로 하는 것을 의미합니다. 또한 그 과정에서 SEO 모범 사례를 처리하게 될 것입니다.

집중해야 할 사항은 다음과 같습니다.

홈페이지

페이지를 로드하는 데 상당한 시간이 걸리고 방문자가 아직 배송을 시작하지 않았다고 가정하면 홈페이지에 가능한 한 명확하게 정보가 표시되어야 합니다. 홈페이지 디자인에는 많은 함정 이 있습니다. 우리는 사용자가 웹사이트를 빠르게 판단할 것이라는 점을 알고 있으므로 처음부터 귀하가 누구인지, 사람들을 위해 무엇을 하는지, 사용자가 어디에서 더 많은 정보를 얻을 수 있는지 분명히 하십시오.

사용자가 사이트를 계속 이동하게 하려면 다음과 같은 웹사이트에서 기대 하는 특정 규칙을 준수해야 할 수 있습니다.

  • 홈페이지로 돌아가게 하는 왼쪽 상단의 로고.
  • 홈페이지 상단의 탐색 모음.
  • 헤더의 검색 표시줄.
  • 홈페이지 우측 상단에 연락처가 있습니다.
  • 바닥글의 주요 페이지 및 정보.

다음은 작동 중인 이러한 규칙의 무작위로 선택된 예입니다.

Articulate Marketing의 웹사이트 홈페이지 스크린샷

얼마나 세련된 홈페이지입니까! 이런 사람들은 마케팅을 잘해야 합니다.

Articulate Marketing의 웹사이트 바닥글 스크린샷

바닥글에 정보와 주요 페이지가 명확하게 표시되어 있습니까? 그들이 MY 마케팅을 할 수만 있다면 !

항해

목표 고객이 기술에 능한 여우가 아니라면 그들을 기러기 추격전으로 보내고 싶지 않습니다. 페이지 구조는 가능한 한 직관적이어야 하며 명확한 정보 계층 구조가 있어야 합니다. 대부분의 경우 이것은 다음과 같은 '테마 피라미드' 구조를 채택하는 것을 의미합니다.

Homepage navigation example diagram

페이지가 모두 동일한 수준에서 액세스할 수 있는 '평면' 계층 구조인 대안은 혼란스럽고 사용자가 어떤 정보가 중요하고 건너뛸 수 있는지 궁금해할 수 있습니다.

말이 됩니까? '테마 피라미드'를 사용하면 하나의 카테고리 페이지가 더 자세한 페이지로 연결되며, 이 페이지에서 주제에 대해 더 깊이 파고들 수 있습니다. 일반에서 특정으로 사용자를 안내하여 따라야 할 명확한 경로를 제공합니다.

추가 보너스? Google의 검색 주술사 John Mueller에 따르면 SEO와 관련하여 따라야 할 최고의 구조 입니다. 웹사이트의 서로 다른 콘텐츠 사일로 사이를 교차 연결 해야 합니다. SEO 주스를 고르게 퍼뜨릴 것입니다.

사용자 친화적인 최적화

귀하의 웹사이트는 일반 데스크톱 사용자에게만 사용자 친화적이어서는 안 됩니다. 사이트의 유용성을 위해 작업할 때 전체 방문자 프로필을 고려하는 것이 중요합니다. 예를 들어 모바일을 고려하지 않으면 잠재적 트래픽의 약 52% 를 잠재적으로 희생하게 됩니다. 모바일 방문자를 위해 사이트를 최적화할 때 취해야 할 몇 가지 기본 단계는 다음과 같습니다.

  • 이 도구 를 사용하여 사이트의 모바일 친화성을 테스트하세요.
  • Google의 AMP 시스템 을 사용합니다.
  • 모바일 전용 CTA 변형을 디자인합니다.
  • 웹사이트의 페이지 속도를 최대한 줄이십시오.
  • 모바일 변형이 있는 테마를 사용하거나 디자인합니다.

웹사이트를 개선할 때 스마트폰 서퍼만 고려해야 하는 그룹은 아닙니다. 트래픽의 20% 정도가 장애가 있는 사용자로부터 올 수 있으므로 모든 사람이 사이트에 쉽게 액세스할 수 있도록 하는 것은 옳은 일일 뿐만 아니라 비즈니스에도 좋습니다. 이에 대한 추가 조언은 공식 웹 콘텐츠 접근성 지침 입니다.

해석학

수치를 추적하지 않으면 최적화 노력이 효과가 있는지 알 수 없습니다. 분석 도구를 사용하면 성공과 실패를 모니터링 할 수 있어 반복적인 개선이 더 많은 정보를 얻을 수 있습니다. 다음은 시작하기에 가장 좋은 몇 가지입니다.

  • Google Analytics 는 환상적인 만능 도구입니다. 페이지에서 보낸 시간부터 귀하의 사이트로 연결되는 키워드에 이르기까지 모든 것을 추적합니다. 표준 버전은 무료이며 매우 유용합니다.
  • Google Web Optimizer 를 사용하면 사이트의 변경 사항을 A/B 테스트할 수 있습니다. 페이지의 다양한 요소를 분리하여 가장 효과적인 것을 찾을 수 있습니다. 뭔지 맞춰봐? 또한 무료입니다.
  • Compet 및 Ahrefs 는 모두 사용자가 키워드와 관련하여 실적을 추적하고 경쟁업체를 추적할 수 있도록 합니다. 다른 사람들이 올바르게 하고 있는 것을 이해하고 SEO 시장의 격차를 찾는 훌륭한 수단입니다.

웹사이트를 구성할 때 사용자의 입장이 되어 보십시오. 웹사이트에서 무엇을 보고 싶습니까? 페이지가 관련 카테고리 아래에 그룹화되어 있지 않으면 혼란스럽습니까? 귀하의 답변은 귀하의 웹사이트 방문자 대다수와 동일할 가능성이 있습니다. 명확성을 도입하고, 탐색을 정렬하고, 다양한 유형의 사용자에 맞게 최적화하고, 진행 상황을 추적합니다. 트래픽이 증가하고 전환이 증가합니다.

컴퓨터 책상에 앉아 있는 남자의 명확한 도표

4장: 웹사이트가 리드를 얻지 못하는 이유(또는 전환율을 높이는 방법)

제대로 준비되지 않은 웹사이트에서 전환을 얻는 것은 Elton John 콘서트의 맨 앞자리에 앉으려는 것과 약간 비슷합니다. 이러한 전환은 소싱이 불가능할 정도로 어렵고 원하는 경우 비용을 지불해야 합니다. 자신을 어렵게 만드는 이유와 Elton의 게스트 목록에 이름을 올리는 방법은 다음과 같습니다.

1. 페이지 로드 시간이 너무 오래 걸립니다.

페이지 속도는 귀하와 건전한 전환율 사이 의 가장 큰 장애물 중 하나입니다 . 나는 우리가 전에 그것을 말했음을 압니다. 그러나 그것은 단지 SEO 박스 틱 연습이 아닙니다. 이는 웹사이트를 처음 보는 사람들의 수에도 직접적인 영향을 미칩니다. Akamai 보고서 에 따르면 100밀리초 지연으로 인해 전환율이 7% 감소할 수 있습니다.

데스크톱과 모바일 모두에 맞게 사이트를 최적화하는 데 시간을 할애할 가치가 있습니다. 해당 이미지를 압축하고 일부 애니메이션을 희생하고 데이터를 캐시하십시오. 중요합니다. 여기 Moz가 제공하는 전체 가이드 가 있습니다.

2. 중요한 것은 앞과 중앙이 아니다

방문자가 귀하의 홈페이지를 방문하는 즉시 귀하가 누구인지, 귀하가 그들을 위해 무엇을 할 수 있는지, 왜 해야 하는지를 정확히 알도록 하십시오 . 연락처 정보(또는 이에 대한 링크)도 즉시 볼 수 있어야 합니다. 왜요? Nielsen 연구 에 따르면 대부분의 방문자는 10~20초 후에 페이지를 떠나지만 '명확한 가치 제안이 있는 페이지는 사람들의 관심을 훨씬 더 오래 끌 수 있습니다.'

3. 사이트 구조가 명확하지 않습니다.

이전 요점과 거의 같은 맥락 에서 방문자가 어디로 가야 하는지, 어떻게 가야 하는지 아는 것이 어렵지 않아야 합니다 . 웹사이트에 대한 ' 세 번의 클릭 규칙 '은 예전만큼 많은 양의 물을 보유하지 않을 수 있지만 A에서 B로 이동하는 방법(또는 '홈페이지'에서 '데모 예약'으로 이동하는 방법이 명확하지 않은 경우)은 여전히 ​​전환율에 해를 끼칠 것입니다. '). 잃어버린 방문자는 잃어버린 전환입니다.

SEO에도 중요합니다. Google이 할당된 ' 크롤링 예산 ' 내에서 사이트의 중요한 페이지를 크롤링할 수 없으면 사이트 순위가 낮아지고 검색 엔진에서 찾는 사람이 줄어듭니다.

4. 방문 페이지를 사용하지 않고 있습니다.

잠깐, 랜딩 페이지를 사용하고 있지 않습니까?! 웹사이트 전환의 핵심입니다. 그들 없이는 연락처 정보를 캡처하고 리드로 자격을 부여하는 방법이 많지 않습니다.

귀하의 비즈니스와의 첫 번째 거래의 위치이기도 합니다. 그들은 가치 있는 것(예: 백서)에 대한 대가로 이메일 주소, 이름 또는 직위를 교환하고 있습니다. 그들이 최선을 다하고 있는지 확인하십시오. CRO 전문가들이 확인하고 테스트한 것처럼 큰 것을 요구하기 전에 작은 것을 요구 하는 것이 성공의 비법입니다.

5. 납 생성 도구를 최대한 활용하지 못하고 있습니다.

잘 설계된 CTA , 팝업 양식 및 사이드바 모듈을 사용하여 귀중한 제안 및 제품 데모에 대한 관심을 환기시키십시오 . 방문자가 귀하의 환상적인 블로그 중 하나를 찾는 데 매우 도움이 됩니까? 사이드바에 뉴스레터 구독 양식을 표시하여 그들이 귀하의 멋진 콘텐츠를 더 많이 얻을 수 있도록 하십시오. 또한 독자가 CTA를 클릭할 수 있는 기회를 제공해야 합니다. 이 CTA는 다운로드 가능한 제안으로 연결되는 사본에 포함되어 있습니다. 방해가 되지 않고 가능한 한 명확하게 가치 제안을 만드십시오.

진행형은 잠재적인 리드에 대해 자세히 알아볼 수 있는 또 다른 유용한 방법입니다. 다른 방문 페이지에서 동일한 이메일 주소를 계속해서 수집하는 것은 그다지 유용하지 않을 것입니다. 각 무료 다운로드에 대해 개인화 태그를 사용하여 추가 정보를 요청하면 잠재 고객에 대한 보다 완전한 그림을 그릴 수 있고 리드 육성 노력을 보다 구체적으로 타겟팅할 수 있습니다.

전환율 최적화는 호황과 불황의 차이입니다.

CRO에 주의를 기울이지 않으면 수익에 주의를 기울이지 않는 것입니다. 웹사이트의 사용성을 최적화하고 리드 육성을 제대로 수행하면 판매 유입경로를 가득 채울 수 있습니다. 연구에 따르면 웹사이트에 전념하는 회사는 50% 더 많은 매출을 창출하고 33% 더 적은 비용을 지출할 수 있습니다.

따라서 페이지 속도를 높이고 사이트 구조를 정리하고 방문 페이지를 만드십시오. 영업 팀은 매우 감사할 것이며 Elton을 보기 위한 티켓을 구매할 수도 있습니다.

Articulate diagram of two people deciding on the font for their website

5장: 브랜드와 디자인이 첫인상을 좌우하는 3가지 방법

귀하의 웹사이트는 잠재 고객이 귀하의 회사를 처음 보는 곳입니다. 중요해!

온라인 방문자는 일종의 가치를 찾기 위해 사이트를 방문합니다. 브랜드가 제대로 묘사되지 않고 디자인이 여기저기에 있으면 방문자가 클릭하게 될 것입니다. 그들이 대신 어디로 가는지 맞춰보세요? 네, 맞습니다. 경쟁업체의 웹사이트로 이동합니다. 순식간에 사라지고 다시는 돌아오지 않을 수도 있습니다.

웹사이트 방문자의 첫인상을 좌우할 세 가지가 있습니다.

1. 명확성과 일관성이 핵심

회사 웹사이트에서 명확하고 일관성 있는 목표로 시작하십시오. 그렇게 하면 즉시 올바른 길로 들어서게 됩니다. 디자인과 레이아웃의 일관성은 사용자의 마음 속에 귀사의 아이덴티티를 확고히 할 것입니다.

잠재 고객이 사이트를 방문하는 위치에 대해 자문해 보십시오. 조직화되어 있는가? 다음 페이지를 방문할 가능성이 높습니까? 비슷한 흐름을 따르고 이미지의 글꼴, 색상 및 스타일이 동일합니까? 회사의 첫인상을 결정짓거나 깨뜨리는 요소입니다. 내면의 모니카 겔러를 정리하고 정리하세요.

다음은 웹 사이트를 깨끗하고 일관성 있게 유지하기 위한 몇 가지 주요 팁 입니다.

  • 최대 3개의 글꼴을 사용하세요.
  • 간단한 일러스트레이션 또는 사진 스타일 선택
  • 콘텐츠를 스캔 가능 하게 만드세요
  • 다양한 레이아웃을 테스트하고 웹사이트 데이터 를 수집하여 효과가 있는 항목 찾기

웹사이트 브랜드 및 디자인의 핵심은 단순하게 시작하여 계속 추가하는 것입니다. 당신은 당신이 생각해낸 것에 놀랄 것입니다. 가죽 때문에 지옥에 가지 않는 것이 가장 좋습니다. 이것은 당신이 꽤 빨리 압도되도록 이끌 것입니다. 손을 더럽히고 싶지 않다면 회사에서 잘 어울릴 사람을 찾으 십시오.

2. 너무 많은 일이 일어나고 있다

누군가의 웹사이트를 방문했는데 팝업 3개와 동영상 폭파음, 쿠키 배너가 동시에 뜨면서 뺨을 맞은 적 있으신가요? 좋은 경험이 아니었습니까? 일부 웹사이트는 방문자에게 즉시 판매 공세를 시작합니다. 오늘날 이것은 (저희 기준으로는) 용납할 수 없습니다.

다음은 피해야 할 사항입니다.

  • 인스턴트 팝업. 팝업은 웹사이트 방문에 가치를 더할 수 있지만 방문자가 가장 먼저 보게 되는 것이 아니도록 시간을 정해야 합니다. OptinMonster 또는 HubSpot의 무료 팝업 도구와 같은 도구를 사용하면 매력적이고 공격적이지 않은 팝업을 구축할 수 있습니다. 올바르게(그리고 드물게) 사용하면 리드 생성이 증가할 수 있습니다.
  • 전면 광고 Forbes와 같은 일부 웹사이트에서 웹사이트 방문자는 클릭한 콘텐츠에 도달하기 전에 다른 페이지로 리디렉션됩니다. 일반적으로 이 전술은 혼란스럽고 실망스럽습니다.
  • 자동 재생 멀티미디어. 고맙게도 요즘에는 이것을 점점 덜 봅니다. 그러나 일부 웹 사이트에는 사운드 소스를 찾아 닫을 때까지 팝업되어 성가신 비디오가 여전히 있습니다.
  • 애니메이션이 너무 많습니다. 이것은 혼란을 야기하고 페이지의 중요한 정보에서 사용자의 주의를 끌 수 있습니다.

이러한 요소는 웹사이트 방문자가 요청하지 않은 정보를 제공하기 때문에 웹사이트 방문자를 좌절시킵니다. 웹사이트 방문자에게 좋은 첫인상을 남기십시오. 불필요하게 공격적인 디자인으로 방문자에게 스트레스를 주지 마십시오.

3. 사용자 경험 및 기능

방문자가 최우선입니다. 친구가 방문하는 것처럼 집에 있는 것처럼 느끼게 하고 싶습니다. 웹사이트를 로드하는 데 시간이 오래 걸리고 탐색하기 어려운 경우 자동으로 잠재 고객과 잠재 고객을 잃게 됩니다.

  • 형세. 사용 가능한 웹 페이지 레이아웃에 기여하려면 웹 사이트가 따라하기 쉬운 탐색 시스템으로 깨끗해야 합니다. 따라하기 쉬운 레이아웃은 사이트 사용자에게 가치 있고 중요한 정보에 대한 간단한 액세스를 제공합니다. 웹사이트의 콘텐츠는 찾기 어렵지 않아야 합니다. 그들이 원하는 콘텐츠를 찾을 수 없으면 방문자는 동요하고 사이트를 떠나기로 선택할 것입니다.
  • 속도와 유용성 . 사용자는 짜증을 내고 느린 웹사이트를 떠납니다. 이것은 사실이다. 오늘날 사람들은 그 어느 때보다 시간을 소중하게 생각합니다. 참을성이 없습니까? 모든 농담을 제외하고 페이지 속도를 높이는 방법은 무수히 많습니다. 간단한 작업은 크기를 줄여 웹사이트 이미지를 최적화하는 것입니다.
  • 모바일 응답성. 점점 더 많은 사람들이 모바일을 통해 검색합니다. 따라서 귀하의 웹 사이트가 이러한 장치에서 원활하게 작동하는 것이 매우 중요한 이유입니다. 일부 고객은 모바일 전용 을 사용하기도 합니다. 대부분의 웹사이트 구축 도구에는 모바일 보기가 제공되며 일부는 웹사이트의 모바일 최적화 버전을 자동으로 생성하므로 변명의 여지가 없습니다.

귀하의 웹사이트는 귀하의 비즈니스와 잠재 고객 간의 필수적인 커뮤니케이션 형식입니다. 귀하의 비즈니스가 무엇인지 알려야 합니다. 고객이 기대하는 바를 전달하는가? 아니면 하나의 큰 매력이 없는 엉망 입니까? 웹 디자이너가 도움이 되는 곳입니다. 신뢰할 수 있는 파트너 를 찾고 혁신에 몰두하십시오.

컴퓨터 화면, 책 더미를 들고 있는 소녀, 상자에 고양이를 나타내는 그림

6장: Showhome 대 실제 집: B2B 사이트를 표시 가능한 상태로 유지하는 방법

완벽은 불가능합니다. 그러나 정기적으로 웹 사이트를 계속 정리하고 반복적으로 개선하면 꽤 가까워질 수 있습니다. 웹사이트가 명확하고 크고 대담하면 방문자가 더 오래 머무를 것이며 검색 엔진이 귀하의 콘텐츠가 무엇인지 이해할 수 있을 것입니다.

사람이건 검색 엔진 이건 방문자를 위해 사이트를 깨끗하고 단정하며 최상의 상태로 유지하기 위해 취할 수 있는 조치가 많이 있습니다.

중복 콘텐츠 확인

중복 콘텐츠는 검색 엔진 순위에 해로운 영향 을 미칩니다.

웹사이트에 중복 콘텐츠가 많으면 방문자와 검색 엔진이 혼동될 수 있습니다.

사이트 어딘가에 동일한 콘텐츠가 여러 개 있어야 한다고 확신하는 경우 표준 URL 을 추가하면 둘 중 하나의 우선 순위를 지정하여 문제를 해결하는 데 도움이 될 수 있습니다.

깨진 URL 수정 및 리디렉션

웹사이트 페이지가 제대로 로드되고 오류 메시지가 표시되지 않는 것이 중요합니다. 사이트의 URL과 페이지 및 기사에서 링크한 모든 항목에 404가 표시되어서는 안 됩니다. 사용자를 유용하고 관련성 높은 콘텐츠로 안내해야 합니다.

웹사이트에 깨진 링크가 있으면 보기에 좋지 않고 방문자에게 성가시고 검색 순위에 부정적인 영향 을 미칩니다. 웹사이트에서 깨진 링크를 쉽게 식별하는 데 도움이 되는 도구가 많이 있습니다. Articulate는 HubSpot 사용자를 위한 자체 도구 도 구축했습니다. WordPress 사이트의 경우 Redirection 이라는 WordPress 플러그인을 설치할 수 있습니다.

수정할 링크가 아닌 경우에는 어떻게 합니까?

예를 들어, 당신이 만든 통계나 요점을 뒷받침하는 외부 소스에 대한 링크가 있다고 가정해 보겠습니다. 문제의 링크가 더 이상 작동하지 않는다는 것을 알게 되었습니다.

너 뭐하니? 비슷한 것으로 대체하거나 요점을 변경하고 다른 관련 인용문이나 통계를 찾아야 할 때입니다.

제목을 올바르게 사용

콘텐츠에 제목을 사용하면 사이트 방문자가 더 쉽게 이해할 수 있습니다. 방문자에게 각 섹션이 무엇인지 보여줍니다.

또한 검색 엔진 크롤러 및 접근성 화면 판독기의 이정표 역할도 합니다. 제목은 특정 웹사이트 페이지의 콘텐츠를 읽는 방법에 대한 안내를 제공하는 데 도움이 됩니다. 올바르게 사용하는 것이 중요합니다.

다음은 따라야 할 몇 가지 규칙입니다.

  • 모든 게시물이나 페이지에는 하나의 H1 또는 제목만 있어야 합니다.
  • H1 및 H2 태그에 키워드 포함
  • 제목은 중요도 H1, H2, H3, H4 등의 순서로 순위가 매겨집니다.
  • 항상 사용자를 먼저 생각합니다. 키워드 를 입력하지 마십시오.

좋은 경험 법칙은 귀하의 사이트를 사람들에게 초대하는 것입니다. 사람들이 콘텐츠를 소비하는 방식에 대해 생각하고 쉽게 소비할 수 있도록 하세요. 이렇게 하면 검색 엔진도 만족할 것입니다.

이미지 ALT 텍스트를 잊지 마세요

ALT 텍스트는 쉽게 잊혀지지만 시각 장애인에게 세부 정보를 제공하여 접근성을 높이고 검색 엔진에 이미지나 일러스트레이션이 무엇인지 알려줍니다.

'image-001.jpg'라는 이미지를 업로드하면 자동으로 연결된 ALT 텍스트가 됩니다. 불행히도 이미지에 대한 정보는 제공하지 않습니다. 또한 웹사이트의 저장 폴더를 엉망으로 만들 수도 있습니다.

이미지 ALT 텍스트를 업데이트할 때 키워드를 포함하고 사진이나 일러스트레이션에서 일어나는 일을 설명하는 것이 중요합니다. 이는 사용자에게 도움이 될 뿐만 아니라 이미지 조직에 도움이 되어 항상 쉽게 찾을 수 있습니다.

깨끗하고 정돈된 작동하는 웹 사이트는 망가지고 조밀하게 채워진 콘텐츠가 많은 웹 사이트 보다 더 매력적입니다. 집처럼 조금씩 가져가세요. 약간의 시간과 노력을 기울이면 방문자가 와서 커피 한 잔을 들고 귀중한 콘텐츠를 읽을 수 있는 멋진 장소를 갖게 될 것입니다.

Articulate diagram of a person creating a rocketship while following guidelines from a flipchart

7장: 새 웹사이트 출시 전 우선순위와 나중에 해야 할 일

처음부터 종소리와 휘파람으로 가득 찬 사이트를 만드는 깊은 끝에서 바로 뛰어들고 싶을 수도 있습니다. 그러나 새 사이트를 처음 시작할 때 우선 순위를 지정해야 하는 여러 가지 사항과 나중에 남겨둘 수 있는 다른 작업이 있습니다.

웹사이트를 처음 방문하는 방문자를 한 페이지에서 모두 고객으로 바꾸는 것은 불가능하지만 방문자의 참여를 유지하기 위해 특정 작업을 수행할 수는 있습니다. 게이트에서 바로 꺼내는 것이 중요합니다.

구조 제공

새 웹사이트가 시작되면 방문자에게 시각적으로 명확하고 논리적인 프레임워크를 제시해야 합니다. 이를 위해서는 이상적인 클라이언트에 대한 한 마음의 집중과 사이트 계획에 대한 신중한 생각이 필요합니다. 간단한 계층 구조를 사용하여 페이지를 구성하고 사이트 계획에서 의미가 없는 페이지는 잘라내십시오.

간단하게 유지

어수선한 B2B 웹사이트는 매력적인 B2B 웹사이트가 아닙니다. 다행히 페이지를 정리하고 콘텐츠를 줄이고 사이트를 더 읽기 쉽게 만드는 것은 매우 빠른 작업입니다. 페이지에 '공백'을 추가하는 것을 두려워하지 마십시오. 방문자가 중요한 콘텐츠에 더 집중할 수 있도록 도와줍니다.

하지만 조심하세요. 홈페이지에서 슬라이드쇼나 캐러셀을 사용하지 마세요. 저희를 믿으세요; 독자는 압도당하기 전에 너무 많은 정보를 받아들일 수 있으므로 CTA를 최대한 명확하게 하고 옵션을 남겨두십시오.

블로그를 무시하지 마세요

잘 작성된 블로그는 이상적인 웹사이트 방문자가 직면한 문제와 이러한 문제를 해결할 수 있는 방법에 대해 설명합니다. 이러한 종류의 커뮤니케이션은 웹사이트의 전환율을 높이는 원동력이 될 수 있습니다. 적절한 방문자가 오면 문제를 해결하는 기사를 찾고 더 보고 싶고 연락을 취할 수도 있습니다.

다운로드 가능한 콘텐츠 만들기

웹사이트 방문자에게 가져갈 수 있는 것을 무료로 제공하십시오. 방문자가 이메일 주소와 교환하여 유용하다고 생각하는 콘텐츠를 다운로드하면 더 많은 정보를 얻기 위해 다시 방문하여 자격을 갖춘 리드가 될 수 있습니다.

먼저 전환 최적화

사이트가 최적화되면 더 복잡한 기능을 추가하는 것에 대해 생각할 수 있습니다. 플래시는 절대 금물이지만 기본 사항을 숙지하고 나면 애니메이션을 통해 사이트에 생기 를 불어넣을 수 있습니다. 다운로드하는 데 시간이 걸리는 콘텐츠를 추가하는 경우 애니메이션이 방문자의 대기 시간을 즐겁게 할 수 있습니다.

크고 나쁜 월드 와이드 웹(실제로 거의 20억 개) 에 10억 개 이상의 웹 사이트 가 있으므로 B2B 비즈니스는 군중 속에서 자신의 작은 공간을 차지하기 위해 싸워야 합니다.

반복적인 웹사이트 최적화 는 눈에 띄고 배경으로 사라지는 것이 아니라 매우 중요합니다. 이제 혼란과 오류를 극복하고 웹 사이트 방문자에게 지속적인 인상을 남길 때입니다. 시작할 내부 리소스가 없는 경우 다른 옵션이 많이 있습니다.

우리는 이것을 잠시 동안 해왔습니다. 알 수 있습니까? 웹사이트는 우리의 잼이며 우리가 할 수 있는 한 도움을 드리고자 합니다. 회사 웹사이트를 최적화하기 위해 Articulate가 무엇을 할 수 있는지 자세히 알아보려면 연락하십시오.

새로운 클릭 유도문안

[편집자 주: 이 블로그는 원래 Rich Jinks가 2016년 7월에 작성했으며 이후 2020년에 업데이트되었습니다. 기고자는 Alex Cohen, Angie Browne, Aoife Porter, Callum Sharp 및 Maddy Leslie입니다]