WordPress에서 슬라이더를 사용해야 하는 경우(및 건너뛰어야 하는 경우)

게시 됨: 2018-04-30

점점 더 자주 회전 목마가 홈페이지의 주요 명소가 되고 있습니다. 이 간단한 도구는 많은 문제를 해결할 수 있습니다. 많은 포인트를 가져와야 할 때 공간을 최대화하고, 사람들을 귀하의 추천 콘텐츠로 안내하고, 지루하고 정적인 웹사이트를 좀 더 생동감 있게 만들 수도 있습니다.

그러나 너무 자주 사람들은 단순히 인기 있는 추세이기 때문에 목적 없이 슬라이더를 사용합니다. 부적절하게 사용하면 회전 목마는 기껏해야 아무 것도 할 수 없으며 최악의 경우 SEO에 손상을 줄 수 있습니다. 그러나 슬라이더에는 용도가 있습니다! 슬라이더를 사용할지 여부를 결정할 때 슬라이더가 가장 잘 작동하는 위치와 대신 정적 이미지를 배치할 때를 알아야 합니다.

슬라이더를 사용하지 않는 이유는 무엇입니까?

슬라이더가 도움이 될 수 있지만 배너, 이미지 또는 기타 미디어를 사용하는 것이 더 나은 특정 경우가 있습니다. 최적화되지 않았거나 잘못 배치된 캐러셀은 득보다 실이 많을 수 있으므로 적절한 시기에 사용하는 것이 중요합니다. 다음은 슬라이더를 건너뛰고 싶은 몇 가지 상황입니다.

강력한 단일 메시지 홍보

본질적으로 슬라이더를 사용하면 작은 공간에서 많은 정보를 전달할 수 있습니다. 목표가 많거나 방문자에게 할 말이 많은 회사에 적합합니다. 그러나 조직에 목표가 지정된 메시지와 단일 임무가 있는 경우 대신 좋은 영웅 이미지를 사용하는 것이 더 나을 것입니다. 간결함은 회전목마의 장점이 아닙니다.

Lego Superman Hero Image

불필요한 산만

상상해보십시오. 사이트의 블로그에서 기사를 읽고 있습니다. 몇 초마다 무언가가 눈의 구석에서 계속 움직이는 것을 제외하고는 매우 흥미 롭습니다. 결국, 그것은 기사를 완전히 포기하게 만듭니다.

초점이 필요한 페이지의 애니메이션은 아무리 미미하더라도 주의를 산만하게 하고 짜증나게 합니다. 자동 슬라이더는 블로그 기사나 댓글 상자, 양식 및 설문지 근처에 있지 않습니다. 포함하는 경우 이 페이지에서 타이머를 끄십시오. 그렇게 하면 사용자는 방해받지 않고 원하는 경우 계속 클릭하여 스크롤할 수 있습니다.

접근성 문제

Handicapped Parking

많은 슬라이더, 특히 WordPress 테마와 함께 제공되는 기본 슬라이더의 경우 접근성이 큰 문제입니다. 그들은 종종 화면 판독기에 최적화되지 않아 깨지고 슬라이더를 완전히 건너뛰고 일반적으로 혼란을 야기합니다.

독백 슬라이더에는 캡션, 대체 텍스트 및 ARIA 라이브 값에 대한 옵션이 함께 제공되므로 스크린 리더의 우선 순위를 설정할 수 있으므로 걱정할 필요가 훨씬 적습니다. Soliloquy 슬라이더를 사용하지 않는 경우 캐러셀에 액세스할 수 있도록 추가 작업을 수행해야 할 수 있습니다.

긴 로딩 시간

사실입니다. 최적화되지 않은 슬라이더는 사이트 속도를 늦출 수 있습니다. 일부 슬라이더 플러그인은 다른 것보다 무겁지만 사용하는 이미지에 문제가 있는 경우가 많습니다. 캐러셀에 이미지를 업로드하기 전에 항상 최적화하여 파일 크기를 줄여 로딩 시간을 줄이십시오.

Guy frustrated by slow loading

그러나 Soliloquy와 같은 경량 슬라이더 플러그인을 사용하더라도 캐러셀을 사용하지 않는 것이 더 나은 경우가 있습니다. 페이지에서 많은 이미지, 애니메이션 및 타사 호출을 사용하는 경우 더 이상 쌓이지 마십시오. 검색 순위가 손상될 수 있습니다.

무응답

많은 슬라이더가 여전히 응답하지 않는데, 이는 핸드헬드 장치의 시대에 받아들일 수 없습니다. 모바일은 데스크톱 컴퓨터를 꾸준히 장악하고 있으며 사람들이 휴대전화로 쇼핑하고 검색하는 상황에서 반응하지 않는 슬라이더를 사용하면 모바일 사이트를 탐색하기 어렵게 만들고 방문자를 몰아낼 수 있습니다.

독백 슬라이더는 반응형이지만 사용하지 않는 경우 모바일에 최적화된 슬라이더가 있는지 확인하거나 완전히 건너뛰어야 합니다.

Various PC and mobile devices

기사 슬라이더

슬라이더를 사용하여 빠른 슬라이드쇼를 표시하는 것은 문제가 되지 않습니다. Soliloquy에는 PDF를 가져오는 옵션도 있습니다. 프레젠테이션을 사용하면 WordPress로 번역하기 어려울 수 있는 서식 및 스타일을 사용할 수 있으며 슬라이더에서 멋지게 보입니다.

그러나 캐러셀은 때때로 전체 기사를 청크로 분할하는 데 사용되어 직관적이지 않고 혼란스럽습니다. 슬라이더는 주로 텍스트 기반의 긴 형식 콘텐츠를 표시하는 데 사용해서는 안 됩니다.

슬라이더를 사용하는 이유

캐러셀은 다양한 용도로 사용되며 적절한 시기에 사용하면 모든 사이트에 기능적이고 아름답게 추가될 수 있습니다. 다음은 슬라이더를 사용하는 것이 귀하와 귀하의 방문자에게 도움이 될 수 있는 몇 가지 상황입니다.

Person working at a laptop

전문적인 디자인

슬라이더에 대한 귀하의 의견이 무엇이든 한 가지는 확실합니다. 슬라이더가 멋지게 보입니다. 캐러셀은 정보를 표시하는 우아하고 효과적인 방법이며 그 외에는 거의 없습니다. 슬라이더가 페이지에서 보이는 방식이 마음에 든다면 웹사이트에 슬라이더를 포함해야 하는 좋은 이유입니다!

슬라이더는 또한 단조로운 웹 페이지에 약간의 감각을 더할 수 있습니다. 약간의 애니메이션과 상호 작용이 큰 도움이 됩니다. 사람들은 관심을 끄는 웹사이트를 좋아하므로 사이트가 너무 단순하다고 생각되면 슬라이더가 필요할 수 있습니다.

추천 콘텐츠 표시

슬라이더는 사람들을 귀하의 추천 기사, 제품 및 판매로 안내하는 좋은 방법입니다. 제대로 배치된 추천 콘텐츠 캐러셀은 방문자를 원하는 곳으로 조심스럽게 안내할 수 있습니다. 독백 슬라이더는 WordPress, Instagram 및 기타 장소에서 최신 콘텐츠를 가져올 수 있으므로 방문자를 최신 상태로 유지하는 데 적합합니다.

Example Soliloquy Slider

포트폴리오

예술이나 사진을 간결하게 보여주고 싶을 때 슬라이더를 사용하면 훌륭한 미니 포트폴리오가 됩니다. 처음 몇 슬라이드에 최고의 작업을 표시하면 잠재 고객의 시선을 사로잡는 완벽한 도구가 됩니다.

그러나 방문자가 개별 작품에 초점을 맞추는 것보다 사진이나 작품의 주제에 대한 일반적인 아이디어를 얻는 것이 중요하다면 갤러리 레이아웃을 사용하는 것이 좋습니다.

디스플레이 제품, 상향 판매 및 교차 판매

슬라이더는 방문자가 제품을 탐색하고 미리 볼 수 있는 좋은 방법입니다. 또한 고객이 관련 항목을 구매하도록 권장하기 위해 제품 페이지에 배치할 수도 있습니다. 마지막으로 색상이나 로고와 같은 변형을 표시하는 데 사용할 수 있습니다. 회전 목마는 전자 상거래 웹 사이트의 훌륭한 자산입니다.

WooCommerce Addon

많은 콘텐츠, 적은 공간

이것은 슬라이더의 가장 두드러진 기능입니다. 좁은 공간에서 많은 말을 해야 할 때 슬라이더를 사용하면 페이지를 늘리거나 텍스트와 이미지로 과도하게 채우지 않고 콘텐츠를 간결하게 표시할 수 있습니다.

또한 제한된 공간에서 작업하기 때문에 정보를 간결하고 압축하도록 권장합니다. 슬라이더를 사용하면 한입 크기의 읽기 쉬운 단락으로 데이터를 표시할 수 있습니다. 홈페이지에 더 이상 텍스트 블록이 없습니다.

Soliloquy Homepage

적합한 슬라이더

효과적이고 표적화된 슬라이더는 무작위로 배치된 슬라이더보다 훨씬 더 가치가 있습니다. 슬라이더를 사용하기로 결정했다면 목적이 있는지 확인하십시오. 미용, 판촉 또는 정보를 위해 배치합니까? 청중과 참여를 증가시키는 방법을 알고 있습니다. 단순히 최신 트렌드를 따르기 위해 슬라이더를 사용하는 것보다 훨씬 더 많은 결과를 볼 수 있습니다.

슬라이더를 사용하는 것이 최선의 선택이라고 생각하는 상황은 무엇입니까? 아래에서 자유롭게 생각을 공유하세요. 그런 다음 슬라이더 사용 및 WordPress 사이트 구축에 대한 더 많은 팁과 조언을 위해 Twitter 및 Facebook에서 우리와 연결하십시오.