B2B 블로그 레이아웃을 개선하는 방법
게시 됨: 2022-08-082022년 6월 브랜드 변경 이후 B2B 블로그 레이아웃을 실험해 왔습니다.
우리가 무엇을 찾았는지 맞춰보세요?
페이지에서 항목을 이동하고 몇 가지 기능을 추가하고 모바일에 최적화함으로써 콘텐츠가 생성하는 직접 데모 요청의 수를 크게 늘렸습니다.
많은 마케팅 팀에서 콘텐츠는 마케팅의 수동적인 형태로 간주됩니다. 청중을 보다 강력한 형태의 마케팅으로 밀어붙일 수 있는 자료를 제공합니다.
우리는 이것을 믿지 않습니다.
그리고 우리는 완벽해질 때까지 B2B 블로그 레이아웃을 계속 실험할 것입니다.
이 기사에서는 Cognism의 수석 콘텐츠 관리자인 Joe Barron이 지금까지 우리가 배운 모든 것을 공개할 것입니다.
사이드 메뉴에서 자유롭게 항목을 선택하거나 전체 기사를 스크롤하십시오.
블로그 홈페이지 레이아웃
홈페이지를 개별 블로그 페이지와 구별하는 것이 중요합니다. 블로그 홈페이지에는 상당히 균일한 레이아웃이 있으며 이유가 있습니다. 소비자가 홈페이지의 창의성에 감명을 받는 것도 좋지만 자신이 어디에 있는지 아는 것이 더 중요합니다.
이 섹션에서는 블로그 홈페이지의 각 중요한 요소를 분류합니다.
검색 창
모든 블로그에는 검색창이 있어야 합니다. 콘텐츠를 검색할 수 있어야 합니다. 물론 블로그 페이지에 방문하여 광범위한 주제를 훑어보는 것을 좋아하는 소비자도 있을 수 있지만 대부분의 사람들은 특정 정보를 추구합니다.
검색 표시줄은 추가하기 쉽고 소비자에게 콘텐츠를 탐색할 수 있는 추가 방법을 제공합니다. 이것은 생각할 필요가 없습니다.
특별한 컨텐츠
특집 섹션을 갖는 것은 특정 부분에 더 많은 눈을 끌 수 있는 좋은 방법입니다.
“특집 섹션을 사용하는 두 가지 방법이 있습니다.
“첫째, Google Analytics를 사용하여 최고 실적을 낸 부분을 식별할 수 있습니다. 추천 섹션에서 이들 중 몇 가지를 공유하는 것은 항상 가치가 있습니다.
“이 섹션을 사용하는 또 다른 방법은 더 많은 관심을 받고 싶은 콘텐츠를 제공하는 것입니다. 우리가 알고 있는 인기 있고 조기 견인을 원하거나 더 광범위한 마케팅 부서가 전하고자 하는 이야기와 관련된 것일 수 있습니다.” - 조 배런
작성자별 필터링
저자의 약력과 내용을 표시하는 데 사용하는 사이트에 저자 페이지가 있으면 권위가 생길 수 있습니다.
이는 현재 순수한 키워드 관련성보다 콘텐츠 가치에 더 중점을 두고 있는 Google이 권위 있는 출처의 콘텐츠에 가치를 두기 때문에 SEO 관점에서 도움이 됩니다.
또한 순전히 개인적인 관점에서 기사 뒤에있는 사람을 볼 수 있다는 것은 브랜드에 좋습니다. 콘텐츠 제작자의 개인 브랜드를 개발하고 소비자가 질문이 있는 경우 제작자에게 바로 문의할 수 있습니다.
블로그 태깅
블로그 태깅은 블로그를 업로드할 때 블로그를 분류하고 쉽게 찾을 수 있도록 하는 전략입니다.
블로그를 업로드할 때 HubSpot의 블로그에 관련 태그를 할당하고 각 태그가 포함된 블로그를 웹사이트에 별도로 표시하여 소비자가 유용한 콘텐츠 클러스터를 찾을 수 있도록 합니다.
그러나 최근에 문제가 발생했습니다.
“주제에 대한 유사한 변형으로 거의 무한한 수의 태그를 만들었습니다. 이러한 개별 페이지가 너무 많기 때문에 메타 설명으로 최적화하지 않았습니다. 이것은 우리 웹사이트의 건강에 해를 끼쳤습니다.
“우리는 중요한 주제 클러스터에 대한 태그 수를 제한하기로 결정했습니다. 이제 사용자는 더 관련성 높은 콘텐츠를 찾을 수 있으며 페이지가 훨씬 더 멋지게 보입니다." - 조 배런
카테고리별로 정렬된 콘텐츠
리브랜딩 이후에 한 또 다른 변화가 있습니다. 우리는 카테고리가 아닌 출시 날짜를 기준으로 콘텐츠를 정렬했습니다. 최신 블로그는 맨 위에 있습니다.
우리는 이것이 우리 콘텐츠를 표현하는 소비자 최적화 방법이 아니라고 결정했습니다. 독자들은 우리가 지난 주에 어떤 콘텐츠를 만들었는지 관심이 없습니다. 그들은 카테고리별로 분류된 관련성이 높은 콘텐츠를 원할 뿐입니다.
이러한 변화를 통해 소비자는 더 쉽게 당사 홈페이지를 방문하고 원하는 정보를 빠르게 찾을 수 있습니다. 이탈률을 낮추고 있습니다.
CTA
여기에 스윗스팟이 있습니다.
“뉴스레터, 팟캐스트, YouTube 또는 기타 리소스에 대한 CTA는 정말 유용합니다. 소비자가 당신이 만드는 다른 형태의 콘텐츠에 관심을 갖게 하는 것은 항상 정말 가치 있는 일입니다. 그러나 CTA 스터핑을 피하고 싶습니다.
“주제 클러스터를 분리하는 CTA가 몇 개 있고 페이지 하단에 몇 개 있습니다. 이렇게 하면 소비자 여정을 방해하지 않습니다. 우리의 CTA는 항상 가치를 더하기 위해 존재합니다.
“때때로 마케터들은 다양한 소비자 여정의 가능성에 너무 빠져서 한 발 물러서서 '이 페이지가 실제로 어떻게 생겼는지'를 생각하는 것을 잊어버립니다. 이것은 제가 항상 염두에 두는 것입니다.” - 조 배런
블로그 레이아웃
블로그 페이지는 균형에 관한 것입니다. 유용한 외부 링크를 제공하는 것과 독자를 페이지에 유지하는 것 사이의 균형. 유용한 매체를 포함하는 것과 과도하게 채우는 것 사이의 균형. 우리는 이 섹션에서 우리가 어디에 서 있는지 말할 것입니다.
다채널 콘텐츠
비디오, 인용문 및 팟캐스트 스니펫으로 블로그를 과도하게 채울 위험이 있습니다. 물론 이것은 훌륭한 콘텐츠일 수 있지만 모든 스크롤에 다른 기능이 있는 경우 독자에게 다소 압도적으로 보일 수 있습니다. 중요한 서사를 잃을 수 있습니다.

"규칙은 다음과 같습니다. 추가된 모든 기능은 매우 가치가 있어야 하며 이야기에 기여해야 합니다." - 조 배런
이것은 주제와 느슨하게 연결되어 있기 때문에 오래된 비디오를 포함하지 않는다는 것을 의미합니다. 대부분의 독자는 특정 정보를 얻기 위해 그곳에 있을 것이므로 관련성이 덜한 것이 실제로 원하는 콘텐츠와 경쟁하게 될 것입니다.
직접적으로 관련된 콘텐츠가 있는 경우 포함시키십시오! 독자들에게 콘텐츠 생태계의 다른 부분을 소개하는 것은 팔이 네 개인 권투와 같습니다. 다른 사람이 느낄 수 있는 무언가를 가질 가능성이 더 큽니다.
스티커 메뉴
우리는 브랜드 변경으로 메뉴 시스템을 변경했으며 이것이 콘텐츠의 가독성과 제작되는 직접 데모 수에 큰 영향을 미쳤다고 생각합니다.
“예전에는 블로그 상단에 정적 메뉴가 있었습니다. 이것의 문제는 다양한 섹션을 이동하려는 독자가 그렇게 하기 위해 매번 맨 위로 스크롤해야 한다는 것입니다.
“왼쪽의 고정 메뉴로 훨씬 더 잘 작동합니다. 독자는 스크롤할 때 블로그가 제공하는 내용을 항상 볼 수 있으며 모든 섹션에 쉽게 액세스할 수 있습니다. 이것은 소비자에게 훨씬 더 나은 경험입니다.” - 조 배런
또한 고정 메뉴에 데모 버튼을 추가했습니다. 이것은 독자가 우리와 함께 다음 단계를 수행하기로 결정할 때마다 옵션이 있음을 의미합니다. 우리는 소비자를 위해 일을 더 쉽게 만들고 있습니다. 모두에게 도움이 됩니다.
내부 링크
우리는 키워드로 훨씬 더 뻔뻔스러웠고 가능한 한 많이 짜내려고 노력했습니다.
우리는 이것이 최선의 접근 방식이 아니라고 결정했습니다.
첫 번째 트릭은 논리적이고 독자의 입장이 되어 보는 것입니다. 그들은 다음에 무엇을 읽고 싶어합니까?
그런 다음 키워드 클러스터를 고려하십시오. 기본 키워드가 동일한 콘텐츠 그룹이 있습니까? 이러한 블로그에 대한 내부 링크는 SEO에 좋습니다.
콘텐츠에 이러한 유형의 링크를 모두 포함하는 것이 좋습니다. 콘텐츠 마케팅의 경우 항상 그렇듯이 Google과 독자를 위해 블로그를 디자인하고 있습니다.
'비슷한 이야기 읽기'
사용하는 블로그 태그의 수를 줄임으로써 독자가 유사한 콘텐츠로 구성된 더 큰 그룹의 방향을 가리키도록 할 수 있습니다. 이것은 독자에게 명확한 다음 단계를 제공합니다.
동일한 블로그 태그를 사용하여 가장 최근 콘텐츠를 표시하도록 선택했습니다. 여기서의 가치는 블로그 홈페이지를 표시하도록 최적화하지 않고도 최신 콘텐츠와 가장 최근 의견을 표시할 수 있다는 것입니다.
우리는 저널리즘 콘텐츠를 만드는 데 중점을 두었습니다. 흥미진진한 새로운 이야기를 찾고 사고 리더와 토론합니다. 이 기능은 우리에게 그것을 과시하기에 완벽한 장소를 제공합니다.
읽기 길이
우리는 B2B에서 바쁜 사람들입니다. 블로그 상단에서 독자들에게 한 조각을 읽는 데 얼마나 걸릴지 알려주는 것은 정말 유용합니다.
소비자가 귀하의 콘텐츠에 대한 결정을 더 쉽게 내리고 더 나은 읽기 경험을 제공합니다.
마찬가지로 사람들이 페이지에서 얼마나 멀리 있는지 볼 수 있도록 읽기 진행률 표시줄을 추가했습니다. 심리적으로, 그것은 작은 게임과 같습니다. 막대를 채우고 페이지 끝에 도달하면 보람을 느끼므로 독자가 계속 읽을 수 있도록 하는 좋은 방법입니다!
(내용도 충실해야 합니다)...
모바일에 최적화
콘텐츠 제작자는 사람들이 당신의 콘텐츠를 어떻게 소비하는지 알아야 합니다. Google Analytics에서 각 기기의 소비자 비율을 확인할 수 있습니다.
브랜드 변경 후 모바일에서 우리 콘텐츠를 소비하는 사람들의 수가 60% 증가했습니다. 당시 저희 블로그는 모바일에 최적화되어 있지 않았습니다.
“우리 모바일 템플릿은 사용자 친화적이지 않았고 데스크톱 템플릿과 너무 유사했으며 페이지에 머문 시간이 큰 타격을 받았습니다. 우리는 또한 우리의 블록 인용 기능이 모바일에서 너무 많은 공간을 차지한다는 것을 깨달았습니다.
“경쟁사를 살펴보고 인기 블로그를 살펴보고 웹 개발자와 협력하여 마음에 드는 디자인을 만들었습니다. 또한 모바일 템플릿에서 고정 메뉴를 추가하거나 제거하는 토글을 도입했습니다. 일부 블로그의 경우 스티커 메뉴가 너무 길었습니다. 독자가 콘텐츠에 빠르게 접근하는 것을 방해했습니다.
“이러한 편집을 통해 우리는 페이지에서 약 80%의 시간이 정말 빠르게 증가하는 것을 보았습니다.
"블로그 성능에 큰 영향을 미치기 위해 우리가 한 가장 쉬운 일 중 하나입니다." - 조 배런
계속 배우도록
블로그 레이아웃 개선에 대한 이 기사가 마음에 든다면 마음에 드실 것입니다.
2주마다 유용한 콘텐츠 마케팅 정보를 제공하는 데 전념하는 무료 뉴스레터를 제작합니다.
아래에 링크를 남겼습니다. 직접 사용해 보세요! 또는 이미 뉴스레터를 즐기고 있다면 친구와 공유하십시오!

