WordPress 웹사이트 탐색을 개선하는 8가지 방법

좋은 사용자 경험은 모든 웹사이트와 블로그가 청중에게 제공해야 하는 것입니다. 웹 개발 플랫폼을 사용하든 CMS(콘텐츠 관리 시스템)를 사용하든 상관없이 웹사이트는 고객 여정을 염두에 두어야 합니다. 사용자가 내 웹사이트에서 특정 페이지를 어떻게 찾습니까? 그들이 나에게 연락하는 방법을 어떻게 알 수 있습니까? 내 웹사이트를 더 쉽게 탐색하려면 어떻게 해야 합니까? 황금 질문입니다! 그리고 답이 있습니다. 탐색 기능을 향상시키십시오.

“웹사이트 방문자는 쉽게 찾을 수 있도록 만들지 않으면 전환에 도달하지 않을 것입니다. " 그것은 그들이 찾고 있는 것을 찾는 것을 너무 어렵게 만듭니다. 웹사이트에서 보낸 시간은 매우 중요합니다. 방문자가 원하는 것을 찾을 수 없고 찾는 데 시간을 낭비하고 있다고 느끼기 때문에 방문자가 이탈하는 것을 원하지 않습니다.

“웹사이트 탐색을 개선하는 것은 모든 웹사이트나 블로그의 최우선 과제입니다. " WordPress를 사용하는 경우 템플릿은 탐색을 최적화하는 좋은 시작이지만 모든 템플릿이 사용자를 염두에 두고 설계되지 않았으며 페이지와 콘텐츠가 탐색하기 쉽다는 의미도 아닙니다.

또한 웹사이트의 탐색을 개선하는 것은 방문자에게 뿐만 아니라 SEO(검색 엔진 최적화)에도 좋습니다. 다음 아이디어로 시작해 보겠습니다.

1. 간단하게 유지
2. 탐색 모음 최적화
3. 연락처 정보 포함
4. 이동 경로 사용
5. 소셜 네트워킹 버튼 포함
6. 깨진 링크 수정
7. 사이트맵 추가
8. 모바일에 최적화

1. 간단하게 유지

웹사이트의 디자인을 의미합니다. 디자인을 단순하게 유지하면 다양한 요인에 도움이 됩니다. 사용자가 탐색하기 쉬울 뿐만 아니라 전환을 얻을 가능성도 높아집니다. 방문자에게 어필하기 위해 모든 창의력을 발휘할 필요는 없습니다. 단순한 것이 더 좋습니다. “현대의 현상 유지” – 지금 작동하고 있는 것은 분명히 이유가 있기 때문에 테스트되지 않은 일을 하려고 하지 마십시오.

또한 단순한 디자인은 사용자가 원하는 것을 찾기 위해 추가 시간을 할애할 필요가 없다는 것을 의미합니다. 웹 사이트에 방해 요소가 많지 않고 너무 복잡하지 않으면 방문자가 원하는 것을 발견할 가능성이 더 높아집니다.

2. 탐색 모음 최적화

navbar(내비게이션 바)는 방문자가 관심 페이지를 찾는 데 필수적입니다. 적절하게 최적화된 탐색 모음이 없으면 해당 방문자를 잃게 되어 결국 전환을 잃을 수 있습니다. 이 탐색 모음은 분명히 각 웹 페이지의 스크롤 없이 볼 수 있는 부분 위에 있어야 하지만 항상 사용자 앞에 유지해야 합니다. 사용자가 다양한 페이지를 아래로 스크롤할 때 따라다니는 고정 탐색 모음을 만드는 방법을 생각해 보십시오.

메뉴 항목(내비바의 페이지 링크)에 너무 흥분하지 마십시오. 다시 말하지만 디자인이 단순하고 사용하기 쉬우므로 메뉴 항목을 7개 미만으로 제한하여 탐색 모음을 어지럽히지 않도록 하십시오. 대부분의 웹사이트에 가면 메뉴 항목을 7개 이하로 유지하는 것을 볼 수 있습니다. 솔직히 더 많은 메뉴 항목이 필요하면 드롭다운 메뉴가 아닌 메가 메뉴를 사용하십시오.

메가 메뉴는 탐색 모음에 있는 특정 범주의 다양한 페이지를 표시하고 연결하는 데 유용합니다. 의류와 관련된 제품을 제공하는 웹사이트가 있다고 가정해 보겠습니다. "제품"을 메뉴 항목으로 사용하고 방문자가 클릭하게 하려는 것은 아닙니다. 너무 모호하고 Google의 검색 엔진조차도 해당 카테고리 아래의 모든 페이지가 어디에 있는지 이해하는 데 어려움을 겪을 것입니다. 대신 "제품" 메뉴 항목을 사용할 수 있으며 방문자가 해당 항목 위에 마우스를 가져가면 메가 메뉴가 드롭되어 다양한 하위 범주의 제품 범주와 관련된 모든 유형의 의류를 볼 수 있습니다.

메뉴 항목을 적절하게 구성하고 메가 메뉴가 있는 카테고리 메뉴 항목을 클릭할 수 없도록 하십시오. 이는 혼란을 유발할 수 있습니다.

3. 연락처 정보 포함

방문자가 귀하에게 연락해야 하는 경우 어떻게 합니까? 그들은 어떻게 귀하의 정보를 찾을 수 있습니까? 이 작업을 수행할 수 있는 몇 가지 방법이 있으며 WordPress를 사용하면 이 작업을 쉽고 간단하게 수행할 수 있습니다.

"문의하기" 페이지를 사용하십시오. 방문자가 귀하와 의사 소통하도록 하는 매우 인기 있는 방법은 "문의하기" 페이지를 이용하는 것입니다. 이 페이지는 항상 탐색 모음 또는 최소한 바닥글에 있어야 합니다. 이것은 방문자에게 귀하가 의사 소통에 열려 있고 그들로부터 듣고 싶어한다는 것을 알려줍니다. 이것은 방문자가 질문이나 우려 사항이 있는 경우 연락을 원할 가능성이 높기 때문에 고려하고 구현해야 하는 매우 쉽고 중요한 탐색 요소입니다.

전환하는 "문의하기" 페이지를 디자인하는 11가지 방법

귀하의 웹사이트는 귀하의 비즈니스에서 가장 중요한 마케팅 및 브랜딩 도구 중 하나이므로 보기에 멋지고 사용하기 쉽게 만드는 데 시간과 돈을 투자하는 것은 큰 투자입니다. 그러나 모든 ...

사용자가 언제든지 쉽게 연락할 수 있도록 연락처 양식이나 "[이메일 보호]"(또는 둘 다)와 같은 활성 이메일 주소를 포함하는 것이 좋습니다. WordPress에는 연락처 양식을 생성하기 위한 여러 플러그인이 있으며, 그 중 가장 인기 있는 플러그인은 Contact Form 7입니다.

페이지에 라이브 채팅을 추가하세요. 라이브 채팅을 통해 방문자는 모든 웹 페이지에서 귀하에게 연락할 수 있습니다. 많은 서비스 회사에서 이 방법을 사용하며 문의 페이지와 함께 진행됩니다. 방문자가 귀하에게 연락하고 전환하기를 정말로 원한다면 가능한 한 빨리 라이브 채팅을 추가하십시오! 데스크톱 및 모바일 웹사이트 버전 모두에서 라이브 채팅을 배치하기에 좋은 영역은 화면의 오른쪽 하단 또는 왼쪽 하단 모서리입니다. 라이브 채팅 버튼이 다른 웹사이트 콘텐츠와 겹치지 않도록 하세요. 예, WordPress에도 이를 위한 플러그인이 있습니다.

4. 빵 부스러기 사용

이동 경로는 방문자가 페이지를 다시 찾는 데 환상적입니다. 특히 웹 사이트에 많은 항목이 있는 경우 더욱 그렇습니다. 그러나 이동 경로는 돌아오는 길을 찾기 위한 것일 뿐만 아니라 현재 위치를 알려주기 위한 것이기도 합니다. 페이지가 많거나 적은 경우 탐색경로를 통해 방문자가 방문했던 경로와 이전 위치로 돌아갈 수 있는 과정을 안내합니다.

이것은 큰 웹사이트에 특히 유용합니다. 왜냐하면 거기에 도달하기 위해 몇 페이지를 클릭해야 할 수도 있기 때문에 현재 있는 페이지에 어떻게 액세스했는지 혼란스러울 수 있기 때문입니다.

5. 소셜 네트워킹 버튼 포함

사용자가 소셜 미디어에서 나를 찾거나 최근 게시물을 공유하기를 원하십니까? 웹사이트에 소셜 미디어 버튼을 포함합니다. 소셜 미디어는 브랜드를 여러 수준으로 확장합니다. 귀하의 콘텐츠에 관심이 있는 방문자는 도움이 되거나 흥미롭다고 생각한 내용을 다른 사람들과 공유할 수 있습니다. 귀하의 비즈니스를 위해 귀하의 이름을 알리는 데 도움이 되는 방법입니다.

방문자가 귀하의 콘텐츠를 공유하거나 소셜 네트워크에서 귀하를 찾는 방법은 무엇입니까? WordPress에는 소셜 네트워크 공유에 도움이 되는 여러 플러그인이 있습니다. 데스크탑 및 모바일 웹사이트 버전에 가장 적합한 것을 선택하십시오.

6. 깨진 링크 수정

시간이 지남에 따라 웹 페이지가 오래되고 오류가 발생할 수 있습니다. 웹 페이지의 평균 수명은 100일이라고 합니다. 이 점을 염두에 두고 시간이 지나면 링크가 끊어질 수 있습니다. 페이지가 귀하의 것이든 어딘가에 하이퍼링크된 다른 웹 사이트의 것이든 404 오류 페이지는 방문자에게 도움이 되지 않습니다. 사실, 그들은 그들이 떠나고 싶게 만듭니다!

깨진 링크를 수정하십시오. 대형 웹사이트는 특히 이러한 경향이 있습니다. 링크가 너무 많은 페이지가 너무 많아 각 페이지가 제대로 작동하는지 정기적으로 개별적으로 확인할 시간이 없기 때문입니다. 이 작업을 간단하게 하기 위해 WordPress에는 페이지, 게시물, 댓글, 디렉토리 등에서 끊어진 링크를 확인하는 여러 플러그인이 있습니다. 하지만 이 목적을 위한 최고의 플러그인 중 하나인 Broken Link Checker를 사용하는 것이 좋습니다.

7. 사이트맵 추가

사이트맵은 웹사이트의 모든 URL 목록입니다. 모든 페이지와 게시물에는 고유한 사이트맵 URL이 있습니다. 웹사이트에 사이트맵을 추가한다는 것은 다음 두 가지를 의미합니다.

1. 사용자는 모든 링크를 앞에 두고 클릭할 링크를 선택할 수 있습니다.
2. Google은 추가되기를 기다리고 Google이 모든 페이지의 색인을 생성하고 순위를 매기기를 바라는 것보다 훨씬 빠르게 귀하를 SERP(검색 엔진 결과 페이지)에 추가할 수 있습니다.

참고: 모든 웹사이트가 방문자를 위해 사이트맵을 사용하는 것은 아니지만 방문자를 위해 추가 사용자 경험을 추가하려는 경우 사용할 수 있습니다. 경쟁자가 무엇을 하고 있는지 확인하십시오.

웹사이트에서 원하는 사이트맵은 가장 중요하지는 않지만 일부 방문자에게는 유용할 수 있기 때문에 바닥글에 원하는 기본 HTML 색인입니다. USPS About 사이트맵처럼 보일 것입니다. 다시 말하지만 방문자는 웹사이트에 있는 모든 페이지/게시물에 대한 모든 링크를 볼 수 있으므로 웹사이트의 전체 보기를 보고자 할 때 유용할 수 있습니다.

SEO 목적으로 이 동일한 사이트맵을 Google Search Console에 업로드할 수 있지만 XML 파일을 사용하는 것이 좋습니다. HTML 사이트맵은 사용자를 위한 것이며 Google은 웹사이트에서 이미지나 동영상과 같은 첨부 파일, 연결된 페이지, 게시물을 모두 찾지 못할 수 있습니다.

8. 모바일에 최적화

이전에 언급한 모든 내용은 모바일 웹사이트 버전에도 도움이 될 수 있지만 데스크톱 방문자에게 동일하게 영향을 미치지 않는 모바일 웹사이트에 대해 고려해야 할 몇 가지 사항이 있습니다.

2017년 1분기 기준으로 전 세계적으로 전체 웹페이지 조회수의 49.7%가 모바일 기기에서 사용되는 것으로 나타났습니다. 즉, 확실한 모바일 레이아웃을 준비해야 합니다.

WordPress 사이트를 모바일 친화적으로 만드는 방법

모바일 친화적 인 WordPress 사이트가 새로운 표준이라는 것은 비밀이 아니지만 얼마나 일반적으로 보일지 모르지만 아름답고 반응이 빠른 사이트를 만드는 데 여전히 약간의 작업이 필요할 수 있습니다. 이 가이드는...

데스크톱 웹사이트 버전에 있는 모든 것이 모바일 버전과 잘 맞는지 확인하십시오. 예산에 따라 반응형 또는 적응형 모바일 버전을 만들고 전반적인 요구 사항에 가장 적합한 버전을 선택합니다.

일부 항목은 데스크탑 사이트와 달라야 합니다. 모바일 장치는 일반적으로 화면이 훨씬 좁기 때문에 탐색이 동일하지 않습니다. 예를 들어 탐색 모음을 최적화해야 합니다. 메뉴 항목을 나열하는 대신 모바일 메뉴가 필요합니다.

이것은 화면의 오른쪽 또는 왼쪽 상단에 "햄버거" 메뉴 아이콘으로 표시될 수 있습니다. 햄버거 메뉴 아이콘은 세 개의 가로선이 서로 겹쳐져 있으며 항상 탐색 모음을 표시하는 데스크탑 기술을 사용하는 대신 "메뉴를 보려면 여기를 클릭하십시오"를 의미하는 가장 좋은 방법입니다. (이렇게 하면 사용자가 보기를 원할 때까지 모든 메뉴 항목의 혼란이 제거됩니다.) 아래 또는 이 줄 안에 "메뉴"라는 텍스트를 추가하면 일부 사람들은 아이콘의 의미를 모를 수 있으므로 모바일 방문자에게 추가 호의를 베풀게 됩니다.

이 기술은 점점 대중화되고 있으며 잠시 동안 추측이 되었습니다. 그러나 세 개의 누적 라인이 메뉴 항목을 위한 것임을 분명히 하면 방문자에게 매우 유용할 것입니다.

결론

“WordPress 웹 사이트에 이러한 기술 중 일부 또는 전부를 사용하면 자신과 방문자에게 도움이 될 것입니다! " 아무도 끝점에 도달하기 위해 도약과 장애물을 겪고 싶어하지 않으므로 쉽게 만들고 더 나은 사용자 경험을 위해 탐색을 최적화하십시오.