거의 무제한에 가깝게 제공되는 워드프레스 테마 때문에 선택의 중압감을 느껴 결국은 낮은 품질의 테마를 선택하기 쉽다. 만약 당신에게 선택권이 많다면 원하는 게 무엇인지 정확히 아는 게 중요하다.
예를 들어, 당신이 호주 시라즈Australian Shiraz 레드 와인을 평소 좋아한다면, 와인 구매는 그리어려운 일이 아니다. 이런 적은 양의 정보로도 상점에 있는 500병의 와인 중에 선택의 범위를 10병 내외까지 줄일 수 있다.
테마를 고를 때 가장 신중하게 고려해야 하는 요소가 무엇인지를 이 글에서 공유할 것이다. 따라서 다음에 당신이 좋은 테마를 찾을 경우 무엇을 명심해야 하는지 알 수 있다.
시작에 앞서, 가장 일반적인 질문에 답을 해보자. 워드프레스 테마에 비용을 지불하는 것이 가치가 있을까? 아니면 무료 테마를 잘 활용할 수 있을까?
1. 가격: 무료 vs 프리미엄(유료) 테마
수년 전까지만 해도 테마의 가격은 품질을 보여주는 좋은 지표였다. 무료 테마들은 아무래도 코드가 형편 없고, 최악의 경우 민감한 사용자 정보에도 접근할 수 있었다. 하지만 시대가 변하면서 워드프레스 커뮤니티에 있는 개발자들이 선택 가능한 수천 개의 훌륭한 무료 테마를 만들었다.
그 결과, 어느 누구도 승자가 아닌 상황이 되었다. 무료 테마와 프리미엄 테마 모두 각기 장단점이 있다.
프리미엄 테마의 장점
- 수시 업데이트
프리미엄 테마를 선택하는 가장 큰 이유는 아마도 프리미엄 테마가 더 자주 업데이트되기 때문일 것이다. 워드프레스 콘텐츠 관리 시스템(CMS)은 빠른 속도로 발전하고 있다. 새로운 보안 이슈를 해결하기 위해 주기적으로 업데이트되는 테마를 사용하는 것은 중요하다. - 흔치 않은 디자인
워드프레스 무료 테마는 아주 인기가 많기 때문에 수많은 웹사이트가 동일한 무료 테마를 사용하고 있다. 반면 프리미엄 테마는 무료 테마와는 달리 흔치 않다. - 잘 정리된 문서
대부분의 프리미엄 테마에는 사용 방법이 상세히 설명된 PDF가 포함되어 있다. 이런 문서는 무료 테마에서는 흔치 않다. - 지속적인 지원
프리미엄 테마 개발자들은 공공 포럼, 실시간 채팅, 문의하기 시스템을 통해 확실하게 최고의 지원을 제공한다. 반면 무료 테마는 일반적인 지원을 위한 공공 포럼만을 가지고 있다. - 강제성 없는 저자 링크
많은 무료 테마들은 푸터에 테마 저자 링크를 넣을 것을 요구한다. 이제는 무료 테마에서도 이런경향이 점점 약해지고 있지만, 한 가지 확실한 건 프리미엄 테마에서는 저자 링크를 넣지 않아도 된다는 사실이다.
프리미엄 테마의 단점
- 비용 지불
프리미엄 테마를 사용하려면 50달러(약 5만원)에서 200달러(약 20만원)를 지불해야 한다. - 복잡한 배치
대부분의 프리미엄 테마들은 다양한 맞춤 설정을 할 수 있는 관리자 패널이 있어, 그것을 배우고설정하는 데 시간이 걸린다. - 불필요한 기능
프리미엄 테마에는 복잡한 슬라이더 플러그인, 포트폴리오 매니저, 여분의 스킨 같은 불필요한 기능들이 포함되어 있다. 이런 기능들은 테마를 매우 다채롭게 하지만 테마를 무겁게 하는 원인이 기도 하다.
무료든 유료든 일반적으로 테마를 찾는 가장 중요한 요소는 테마를 얼마나 정성들여 만들었는지와 품질 수준이다. 코드의 품질은 보안부터 페이지 속도에 이르기까지 이글에서 우리가 논하는 모든 요소에 영향을 주기 때문이다.
테마의 품질을 측정할 수 있는 쉬운 방법은 고객들의 의견을 듣는 것이다. 테마에 공공 지원 포럼이 있다면, 사람들이 이야기하는 주제가 무엇이고 개발자들이 그 이슈를 어떻게 해결하고 있는지 읽어보라.
2. 속도: 가벼운 vs 기능 많고 무거운 테마
나는 최근 스매싱 매거진 포스트에서 웹사이트 속도 최적화의 중요성을 강조했다. 빠른 페이지 로딩 속도는 단순히 일반적인 웹사이트 사용자 경험뿐만 아니라 검색 엔진 순위와 전환율을 높여 온라인 수익도 향상시킨다.
속도가 느린 테마를 피하라는 것이 그리 놀라운 일은 아닐 것이다.
문제를 이해하는 것이 그것을 피할 수 있는 첫 번째 단계다. 그렇다면 테마 사용으로 인해 웹 페이지 속도가 느려지는 원인은 무엇일까?
일반적으로 다음의 3가지로 요약된다.
- 너무 무거운 기능
10개의 다른 슬라이더, 20개의 플러그인, 많은 자바스크립트 애니메이션을 가지고 있는 테마는 피하라. 이 모든 것들이 좋은 기능처럼 보일지 모르겠지만, HTTP가 50개의 자바스크립트 파일을 호출하면서 최적으로 작동하는 웹사이트는 없다. - 용량이 큰 파일의 남용
‘남용’이라는 약간 주관적인 단어를 사용하긴 했지만, 풀 사이즈의 이미지, 비디오 배경 등을 사용한 테마는 주의해야 한다. 이것들은 적을수록 좋다. - 형편없는 코딩
큰 사이즈의 이미지부터 CSS까지, 형편없는 코딩은 웹사이트의 수행에 막대한 영향을 끼친다. 앞서 언급했던 것처럼 형편없는 코딩이란 보통 오랫동안 업데이트되지 않은 테마를 의미하므로 항상 업데이트 히스토리를 확인하길 바란다.
테마가 얼마나 무거운지 알아볼 수 있는 방법이 있다. 핑덤 웹사이트 속도 테스트 사이트로 가서 테마의 데모 URL을 입력한 다음, 페이지가 로딩되는 데 얼마나 걸리고 HTTP 호출이 얼마나 많이 일어나는지 확인하라.
빠른 비교를 위해 한 가지 예를 들까 한다. 올해 초 나는 매우 다른 프레임워크를 가진 2개의 웹사이트를 제작했다. 첫 번째 웹사이트인 BrokerNotes는 Frank 테마(속도를 위해 아주 가볍게 디자인한 테마)로 제작했다. 핑덤Pingdom에 따르면 이 사이트는 3.9MB라는 큰 용량에도 38번의 HTTP 호출을 일으키고 1초 내에 로딩된다.
이를 비교적 무거운 기능을 가진 테마로 제작한 Qosy와 비교해보자. 아래의 내용에서도 알 수 있듯이 이 사이트는 61번의 HTTP 호출을 일으키며 로딩 속도가 2.5초 이상이다. 나쁘진 않지만 로딩 시간이 늘어났다는 것만큼은 명백한 사실이다.
콘텐츠 로딩 전에 수백 번의 HTTP 호출을 일으키는 테마는 많다. 만약 당신이 버거운 HTTP 호출을 줄일 확신이 없다면 그런 테마는 피하라.
3. 디자인과 사용자 경험
물론, 테마를 사용하는 목적은 당신의 웹사이트를 보기 좋게 만들어 최선을 다해 브랜드를 홍보하기 위함일 것이다. 디자인은 상당히 주관적일 수 있지만, 다음의 몇 가지 단계에 따라 괜찮은 디자인의 테마를 찾을 수 있을 것이다.
첫째, 최고의 디자이너들이 테마를 판매하는 사이트를 찾아라. 너무 당연한 말 같지만 다시 한 번 언급할 만하다. 테마 포레스트는 내가 개인적으로 좋아하는 사이트이며, 스튜디오 프레스나 엘레강트 테마와 같이 다른 좋은 사이트들도 있다.
둘째, 데모를 탐색하는 시간을 가져라. 웹사이트가 사용하기 쉬운가? 충분한 여백이 있는가? 보면서 머리가 아프지는 않은가? 흥미롭게 보이나? 이런 탐색은 매우 중요하다.
마지막으로, 그것이 크로스 브라우징이 가능한 테마인지, 웹 접근성을 준수한 테마인지 확인하라.
4. 반응형
산업군마다 차이가 있긴 하지만, 평균 약 30%의 웹사이트 방문자가 모바일이나 태블릿 디바이스를 통해 접속하는 것으로 조사되었다.
하지만 이러한 정확한 비율과는 상관없이 반응형 테마를 사용하는 것은 너무도 당연하다.
감사하게도 평판 좋은 테마는 거의 모바일에 적합하게 만들어졌으므로 반응형이 아닌 테마는 피하는 것이 좋다. 테마를 제공하는 대부분의 업체는 반응형 테마만 골라서 볼 수 있게 해준다. 다른 좋은 방법은 반응형 테마 리스트에서 찾아보는 것이다.
반응형 테마가 괜찮은지 아닌지를 테스트하는 좋은 방법은 구글에서 새로 론칭한 모바일 친화성 테스트 페이지에서 해당 테마의 데모를 살펴보는 것이다.
5. 검색 엔진 최적화(SEO)
워드프레스는 다양한 SEO 플러그인을 적용할 수 있는, 가장 SEO에 친화적인 CMS다.
그러나 많은 테마들이 header와 alt 태그의 누락, 중복된 콘텐츠, 다이내믹 URL 에러와 같은 SEO와 관련한 취약점을 가지고 있다.
테마를 고를 때, 테마 설명 부분에서 ‘SEO 최적화SEO optimized’나 ‘SEO ready’를 찾아보되 지나치게 신뢰하지는 마라. 많은 개발자들이 아무 의미 없이 이 항목에 체크하고 테마를 판매한다. 하지만 테마를 개발할 때 디자이너가 최소한의 SEO를 알고 있다는 것은 테마에 대해 좀 더 확신할 수 있는 요소다.
검색 엔진 최적화를 알아볼 수 있는 좋은 방법은 MozBar나 구글 SEO 사이트 툴 같은 확장형 크롬 브라우저를 설치하고 테마 데모의 SEO를 빠르게 체크해보는 것이다.
SEO와 관련해 어떤 테마를 찾아야 할지에 대한 설명은 이 글의 범위 밖이므로, 주스트 드 바크Joost de Valk의 글 워드프레스 SEO 테마 가이드를 참고하기 바란다.
6. 커스텀의 용이성
맞춤형 대시보드는 대부분의 테마에 보편화되어 있는데, 직접 스타일 시트를 고쳐야 하는 번거로움을 없애준다.
게다가 비주얼 페이지 에디터Visual Page Editor라는 플러그인은 코드에 손을 대지 않고도 복합적인 페이지 구조를 쉽게 만들 수 있게 해준다. YSIWYG 에디터는 다소 제한적인 반면, 비주얼 페이지 에디터는 적은 노력으로도 아주 훌륭한 웹사이트를 만들 수 있다는 장점이 있다. 만약 어드민 패널의 데모가 있다면 당신이 원하는 모든 것을 커스터마이징할 수 있는지 테스트해보기 바란다.
7. 보안성
호스팅, 플러그인, 비밀번호 강도 등 많은 요소들이 웹사이트 보안에 영향을 미친다. 다니엘 파타키Daniel Pataki는 이미 워드프레스 웹사이트 보안하기라는 글에서 보안하는 방법에 대해 알려주고 있다. 이는 나중에 생각할 것이 아니라 테마를 선택할 때 바로 고려해야 할 사항이다.
테마의 보안을 측정하는 좋은 방법 중 하나는 집을 구입할 때와 마찬가지로 다른 고객들의 의견을 듣는 것이다. 신뢰할 만한 개발자가 제작한 테마가 아니라면 다운로드 수나 리뷰 수가 적은 테마는 피할 수 있을 것이다.
모든 고객 리뷰 수가 노출되어 있는 ‘테마 포레스트’ 같은 커뮤니티 웹사이트에서 테마를 평가하라. 이러한 투명성은 개발자의 웹사이트에서 직접 얻을 수 없는 테마에 대한 진실을 알게 해준다.
개발자의 웹사이트에서 직접 테마를 구입하는 것도 괜찮지만, 되도록이면 투명한 리뷰가 있는 커뮤니티 웹사이트에서 평가된 것을 구입하라.
만약 테마가 보안에 취약하다면, 그것을 구매한 고객들은 아마 미래의 고객들을 위해 리뷰에 그러한 내용을 남겼을 것이다. 개발자가 이미 그러한 이슈들을 고쳤다 해도 고객들의 총 평점은 테마의 전반적인 품질에 대해 알려줄 것이다.
결론
이러한 모든 것들을 체크하는 것이 다소 야심 차게 들리겠지만, 사실 이것들은 모두 연관되어 있으며 한 가지 사실로 정리된다. 바로 ‘테마는 반드시 좋은 품질로 제작되어야 한다’는 점이다.
당신이 테마를 고를 때 할 수 있는 최선의 방법은 그것을 제작한 사람이나 회사에 대해 아는 것이다. 만약 그들이 지금까지 평판이 좋았다면, 그들의 테마는 의심할 여지 없이 다른 개발자가 제작한 테마들보다 품질이 높을 것이다.
물론 완벽한 테마란 없기 때문에 당신은 늘 타협점을 찾아야 한다. 그렇다고 해도 이제 당신은 이 글에서 추천한 정보를 바탕으로 정말 나쁜 테마를 피하면서, 속도가 빠르고 코드가 잘 짜여 있으며 SEO가 잘 적용된, 당신이 원하는 핵심 기능을 갖춘 테마를 고를 수 있게 되었다.
