롱 스크롤링 워드프레스 웹사이트를 시작하기 전에 염두에 두어야 할 4가지

소셜 네트워크의 출현으로 롱 스크롤 웹사이트(때때로 "무한 스크롤"이라고도 함)가 주목을 받았습니다. 당신은 그들이 어떻게 작동하는지 잘 알고 있을 것입니다. 간단히 말해서, 끝(바닥글)에 도달하지 않고 꽤 오랫동안 스크롤할 수 있습니다. 분명히 이것은 매우 특정한 유형의 웹 디자인이므로 만나는 모든 사이트에 적용해서는 안 됩니다.

당연히 이 디자인을 배포하는 것이 정당화될 수 있도록 이러한 유형의 디자인에서 이점을 얻을 수 있는 충분한 콘텐츠가 있어야 합니다. 이것이 Facebook이나 Pinterest와 같은 거대 기업이 이 정책을 선택한 이유입니다.

그리고 이것은 또한 변덕스럽게 행해진 일이 아닙니다. 이 디자인에는 상당한 이점이 있습니다. 우선, 사용자가 더 오래 참여하게 합니다. 사람들이 콘텐츠를 살펴보는 동안 아무 것도 클릭할 필요가 없다면 사이트에서 완전히 벗어날 가능성이 줄어듭니다. 또한 적절한 코딩을 사용하면 롱 스크롤 웹사이트는 최신 콘텐츠를 볼 때 새 페이지를 원활하게 로드하므로 조회수가 증가하여 트래픽과 수익이 증가합니다.

그러나 이러한 유형의 디자인은 전자 상거래 웹 사이트와 같은 것에 해로운 것으로 나타났습니다. 간단히 말해서 사람들은 무엇을 사고 싶은지 알고 바로 구매하기를 원하므로 모든 인벤토리를 스크롤하게 하는 것은 비생산적입니다. 또한 이러한 유형의 디자인은 사용자가 거쳐야 하는 콘텐츠의 양이 너무 많아 심리적으로 부정적인 영향을 미칠 수 있습니다.

롱 스크롤 웹사이트의 디자인을 개선하는 4가지 간단한 방법

질문해야 할 질문은: 롱 스크롤 웹사이트가 있는 경우 웹사이트 디자인을 어떻게 개선할 수 있습니까? 다음은 몇 가지 유용한 팁입니다.

1. 고정 메뉴 추가

페이지 콘텐츠를 살펴보는 데 많은 시간을 보낸 다음 페이지에서 벗어나서 동일한 주제를 다루는 다른 기사를 찾기 위해 맨 위로 스크롤해야 하는 것이 싫지 않습니까? 동일한 웹사이트 또는 사이트 탐색을 계속하시겠습니까? 예, 짜증날 수 있습니다.

인터페이스에 고정 메뉴를 추가하면 이 문제를 쉽게 해결할 수 있습니다. 끈적 끈적한 메뉴가 무엇입니까? 글쎄요, 아무리 스크롤을 내려도 계속 나오는 메뉴입니다. 따라서 다시 방문하기 위해 완전히 돌아갈 필요는 없지만 대신 페이지 작업을 마친 후 즉시 이동할 수 있습니다. 이것은 롱스크롤 웹사이트가 가지고 있는 많은 문제, 특히 심리적인 문제를 해결합니다.

페이지의 모든 요소를 ​​고정할 수 있다는 점에 유의해야 합니다. 머리글, 바닥글, 사이드바, 비디오까지. 그렇게 하면 사용자는 항상 즉시 처리할 수 있는 모든 옵션을 갖게 됩니다. 그러나 이것을 구현하려면 그에 맞는 도구가 있어야 합니다.

예를 들어 WP Sticky와 같은 도구; 모든 WordPress 사이트를 위한 훌륭한 플러그인입니다. 설치만 하면 1분 이내에 고정 메뉴를 만들 수 있습니다. 문자 그대로! 코딩은 전혀 필요하지 않으며 기본적으로 고정하려는 페이지 요소를 클릭하기만 하면 됩니다. 쉽죠?

또한 마음대로 사용할 수 있는 사용자 지정 옵션이 많이 있으므로 끈적한 요소가 웹 사이트의 전체 디자인에 매끄럽게 조화되도록 하거나 방문자가 즐길 수 있는 것이라고 생각하는 경우 눈에 띄게 만들 수 있습니다. 그리고 이것은 빙산의 일각에 불과합니다. WP Sticky는 의심할 여지 없이 훌륭한 제품입니다.

2. 클릭 유도문안 버튼을 적절하게 배치

처분할 수 있는 공간이 많기 때문에 이를 잘 활용하는 것이 중요합니다. 웹 페이지를 디자인할 공간이 많다고 해서 디자인이 덜 중요하다는 의미는 아닙니다. 정반대로 방문자가 귀하의 페이지에서 오랜 시간을 보낼 것으로 예상하기 때문에 방문자가 가능한 한 즐거운 시간을 보낼 수 있도록 해야 합니다.

이것이 클릭 유도문안(CTA)을 올바르게 배치하는 것이 매우 중요한 이유입니다. 방문자가 사이트를 떠나도록 너무 많이 공격하고 싶지는 않지만 너무 적게 사용하고 싶지도 않습니다. 이것을 보는 가장 좋은 방법은 CTA를 사람들이 겪고 있는 콘텐츠의 단조로움을 깨뜨릴 수 있는 것으로 접근하고(예: 큰 텍스트 덩어리) 방문자의 관심과 투자를 유지하기 위한 도구로 사용하는 것입니다. 부제목으로도 할 수 있는 일.

CTA를 배치하는 또 다른 좋은 방법은 방문자를 따라갈 수 있도록 스크롤하는 것입니다. 다시 말해, 이 기사의 이전 요점에서 논의한 요소와 마찬가지로 스티커를 고정할 수도 있습니다. 연구 결과에 따르면 CTA를 화면 오른쪽에 배치하는 것이 더 유익한 경향이 있지만 이는 주로 소프트 버튼보다 직접적인 하드 CTA 버튼에 적용됩니다.

물론, 오늘날 많은 트래픽이 모바일 장치에서 발생하기 때문에 모바일 장치에 대해 이러한 버튼을 조정하는 것을 잊어서는 안됩니다.

3. 로딩 시간을 줄이기 위해 할 수 있는 일을 하세요

사용자가 스크롤할 때 로드해야 하는 항목이 느리게 로드되거나 전혀 로드되지 않는 경우 긴 스크롤 디자인을 구현하는 것은 의미가 없습니다. 인터넷을 검색하는 사람들은 이러한 종류의 일에 대해 인내심이 거의 없는 경향이 있으므로 로딩 시간이 지연되면 막대한 비용이 발생할 수 있습니다. 그리고 우리는 여기서 최대 2초를 말하고 있습니다.

그래서, 당신은 무엇을 할 수 있습니까? 글쎄, 어떤 WordPress 테마가 잘 코딩되어 빠르게 로드되는지 알 수 있습니다. 핫링크, 트랙백 및 핑백을 비활성화하고 콘텐츠 전송 네트워크 등을 사용할 수도 있습니다.

가장 중요한 단계 중 하나는 사용 중인 모든 이미지의 형식이 올바른지, 가능한 한 너무 크지 않은지 확인하는 것입니다. 이것은 콘텐츠와 함께 많은 사진을 사용하는 경우 특히 중요합니다. 시간이 지나면 사진이 많아지고 웹사이트가 상당히 지연될 수 있기 때문입니다.

또한 메타 콘텐츠도 최적화되어 있는지 확인해야 합니다. 예를 들어 메타 태그가 너무 많으면 사이트 성능에 좋지 않습니다. 요컨대, 물건을 가능한 한 효율적이고 깔끔하게 유지하려고 노력하십시오. 아, 그리고 호스팅 서비스도 작업에 적합한지 확인하십시오.

4. 모든 것을 모바일 장치에 최적화

우리는 이미 이 기사에서 모바일 장치의 중요성에 대해 언급했지만 이것은 절대적으로 중요한 문제이므로 텍스트의 일부를 그것에만 할애해야 합니다.

오늘날 인터넷 검색의 절반 이상이 모바일 장치를 통해 수행된다는 점을 감안할 때 웹사이트에서 이러한 사용자를 수용하지 못하면 제대로 작동하지 않을 수 있습니다. 근처에도 안. 그래서, 당신은 무엇을 할 수 있습니까?

글쎄, 가장 중요한 것은 귀하의 사이트에 가장 중요한 요소에 집중하는 것입니다. 모든 것이 사용하기 쉽고 명확하기를 원합니다. 이는 데스크톱 버전에 있는 일부 측면을 제거해야 함을 의미할 수 있습니다. 그 컷을 만드는 것을 두려워하지 마십시오. 여기에서 수풀 주위를 두드릴 필요가 없습니다. 가능한 한 직접적으로 말하십시오.

또한 온라인 비즈니스를 운영하는 경우 잠재 고객이 스크롤할 수 있는 갤러리로 제품을 이동하는 것이 좋습니다. 수평 스크롤은 이와 관련하여 특히 인기가 있습니다. 이렇게 하면 방문자가 갤러리를 통과할 의무가 없지만 원하는 경우 쉽게 갈 수 있습니다.

결론

그리고 거기에는 롱 스크롤 웹 사이트 페이지를 개선할 때 구현할 수 있는 가장 쉽게 적용할 수 있는 전략이 있습니다. 모든 것이 직관성과 효율성으로 귀결되며 방문자를 항상 염두에 두어야 합니다. 간단히 말해서, 당신은 그들에게 가능한 최고의 사용자 경험을 제공하기를 원합니다.

그렇게 하는 가장 좋은 방법은 웹사이트를 디자인할 때 많은 자유를 주고 사용자가 한 페이지에서 다른 페이지로 이동하는 데 필요한 시간을 크게 줄일 수 있기 때문에 끈적한 요소를 사용하는 것입니다. 길 찾기가 훨씬 쉬워집니다.

물론 그것이 전부는 아닙니다. 고려해야 할 다른 필수 요소인 웹사이트가 모바일 장치에 얼마나 잘 적응하느냐가 아마도 가장 중요한 질문일 것입니다. 그런 점에서 사이트가 확인되면 모든 종류의 태블릿과 스마트폰에서 행복한 사용자가 많이 들어올 것으로 예상할 수 있습니다.