2024년 가장 모던하고 흔들림 없는 웹사이트 제작을 위한 중요 조건을 모아 봤습니다. 참고로 WP스퀘어는 나열된 모든 조건을 만족시켜 제작됐습니다.
1. 블록 에디터
2022년을 기점으로 워드프레스 내장 블록 에디터(Gutenberg)로 페이지 빌더의 중심이 이동하기 시작했습니다. 현재는 Elementor, Divi Builder 등 써드 파티(3rd party) 페이지 빌더를 뒤로 하고, 완전히 시장의 주류로 자리잡고 있습니다.
써드 파티를 압도하는 속도
블록 에디터는 거의 모든 써드 파티 빌더를 압도하는 빠른 로딩 속도를 제공합니다.
| 페이지 빌더 | 로딩 시간(초) |
|---|---|
| 블록 에디터 (구텐베르크) | 1.55 |
| Elementor | 2.2 |
| Divi Builder | 2.7 |
구글 페이지스피드 점수
최근 수개월 동안 몇몇 사이트에서 구글 트래픽이 급감했다는 이야기를 들었습니다. 구글이 노출 정책 변화를 공개하지 않기 때문에 원인을 정확히 알 수는 없지만, 특정 국내 SaaS를 사용하는 사이트의 트래픽이 많이 떨어졌다고 합니다. 해당 CMS는 실제 속도는 빠르지만, 구글 페이지스피드 점수는 매우 낮았습니다. 이는 구글 페이지스피드의 조건이 속도만은 아니기 때문이죠.
반영구적 사용
써드 파티 빌더와 달리, 워드프레스 내장 빌더이므로 향후 반영구적으로 유지될 가능성이 매우 높습니다. 따라서, 향후 빌더 변경에 따른 매몰 비용의 가능성이 0에 가깝습니다.
이미 변화하고 있는 사이트들
글로벌 하게는 약 2년 전 부터 기존 써드 파디 페이지 빌더를 블록 에디터로 전환하는 작업이 진행되고 있습니다.
국내외 전환 사례
| 사이트 | 기존 빌더 | 테마, 블록수트 |
|---|---|---|
| 데이터다이빙 | Divi Theme + Divi Builder | Kadence Theme + Kadence Blocks |
| Pixelar | Astra Theme + Elementor | Kadence Theme + Kadence Blocks |
| Them Comport Academy | Oxygen Theme + Oxygen Builder | Kadence Theme + Kadence Blocks |
2. + 블록 수트
워드프레스의 코어의 내장 블록만으로 만들기에는 너무 많은 손이 가나, 블록 수트를 함께 사용하면 훨씬 쉽게 만들 수 있습니다.
3. 스타일 없는 테마
모던한 범용 테마는 다자인(Style)이 없는 특징을 가지고 있습니다. 프리-메이드(Pre-Made) 테마에 익숙하신 분들은 이런 테마가 예쁘지 않아서 나쁘다고 오해하기도 하지만, 오히려 무한한 디자인 자유를 제공합니다.
| 프리 메이드 테마 | 모던한 테마 |
|---|---|
| Avada, Enfold, NewsPaper, Betheme, Flatsome | GeneratePress, Kadence, Astra, OceanWP |
완전한 디자인의 자유
프리-메이드 테마는 쉬운 제작과 저비용을 목적으로 만들어진 테마로 사전 정의된 다량의 템플릿과 이로 인한 CSS를 내장하고 있습니다. 따라서, 제공 받는 디자인을 써서 컨텐트를 변경해 쓰기는 쉽지만 마음 데로 만들기는 어렵습니다. 모더한 테마는 내장 CSS 자체가 거의 존재하지 않는 수준이기 때문에 마음 데로 디자인을 할 수 있습니다.
단, ThemeForest를 통해 배포되는 테마는 절대로 사용하지 마시기 바랍니다. 자세한 사항은 ‘ThemeForest를 버려야 진짜 워드프레스가 보인다.‘를 참고해 주십시오.
빠른 속도
프리-메이드 테마는 사전에 포함된 대랑의 스크립트와 CSS로 인해 사이트 속도가 굉장히 느립니다. 하지만 모던한 테마는 내장 CSS 자체가 거의 존재하지 않기 때문에 월등히 빠른 속도를 보여줍니다.
4. 동일 개발사의 테마와 블록 수트의 조합
원칙적으로 테마와 블록 수트는 분리된 기능으로 다른 개발사 제품을 혼용해 사용해도 무방하나, 동일 개발사의 제품을 사용하는 것이 좋습니다. 이에 대해서는 관련 지식을 참고해 주십시오.
5. 고급 플러그인 사용
워드프레스는 거의 유사한 기능을 하는 다양한 플러그인이 존재합니다. 하지만, 이 경우에 가장 고급 플러그인을 사용해야 합니다.
높은 수준의 커스터마이징
고급 플러그인은 높은 수준의 커스터마이징을 제공하므로 내가 원하는 기능을 별도의 개발 없이 구현할 수 있는 경우가 많습니다.
매몰 비용 방지
초중급 플러그인으로 원하는 커스터마이징이 불가능해 다시 고급 플러그인을 전환할 경우 기존에 결과물을 쓸 수 없어 매몰 비용이 발생합니다. 초중급 플러그인도 사용하기 위해서는 학습 비용이 존재합니다. 고급 기능을 사용하기 위해 다시 한 번 학습하는 건 비효율적입니다.
디자이너가 간단한 이미지는 그림판, 복잡한 이미지에는 포토샵을 사용하지 않습니다. 그냥 포토샵으로 모두 작업합니다.
6. 커스텀 포스트 타입 게시판
국내에서는 유독 웹사이트에 게시판을 많이 사용합니다. 포트폴리오나 폼 처럼 게시판 자체가 아닌 경우에도 게시판을 사용하는 경우도 많습니다. 특히 O보드의 경우 워드프레스 포스트 타입이 아니기 때문에 사용하지 않는 게 좋습니다
손쉽게 만드는 나만의 게시판
게시판은 게시물이라는 포스트 타입의 CRUD(Create, Read, Update and Delete)에 불과합니다. 따라서, 모던한 워드프레스를 이용해 이를 구현하면 그만입니다.
완전한 커스터마이징
이렇게 만들어진 나만의 게시판은 모든 필드와 UI를 손쉽게 정의하고 커스터마이징할 수 있습니다.
7. 검색엔진 사용
검색이 필요하 곳이라면 DB 쿼리를 조정하는 게 아니라, 인덱싱을 제공하는 검색엔진을 사용합니다.
더 정확한 검색
검색엔진은 검색 알고리즘, 유의어 처리, 검색결과의 정렬순서 변경 등 더 정확한 검색결과를 제공하기 위한 로직을 제공합니다.
더 빠른 검색
검색엔진은 컨텐트를 인덱싱(indexing)해 처리하기 때문에 더 빠르게 검색결과를 보여줍니다. 컨텐트가 많을 때도 속도 차이는 거의 발생하지 않습니다.
8. SaaS 방식의 마케팅 도구
워드프레스용으로 나온 많은 마케팅 도구가 있지만, 간단한 기능을 제외하면 SaaS 방식을 쓰는 게 좋습니다.
시장의 크기
SaaS는 워드프레스만을 대상으로 하는 경우는 거의 없습니다. 모든 웹사이트를 대상으로 개발되기 때문에 풍부한 기능을 제공하는 경우가 많습니다.
국내에서는 Fluent CRM을 많이 쓰는 데 아래의 이유로 추천하지 않습니다.
연동과 빠른 속도
해외 SaaS 대부분이 워드프레스 연동을 위한 플러그인을 제공합니다. 그러나,프로세스 대부분이 워드프레스가 아닌 해당 SaaS에서 동작하기 때문에 웹 서버에 부담을 주지 않습니다.
9. 스니펫 관리 플러그인
워드프레스에 코드를 입력하는 방식은 여러가지가 있지만, 스니펫 관리 플러그인을 사용하면 개발과 운영 모두 편리해 집니다.
10. 매니지드 워드프레스 호스팅
단독 서버, 클라우드, 매니지드 클라우드, 공유 호스팅 등 다양한 호스팅 방식이 존재하며 해당 서비스 모두 용도가 있습니다. 하지만, 대부분의 경우 매니지드 워드프레스 호스팅을 추천하니다. WP스퀘어도 매니지드 워드프레스 호스팅을 이용하고 있습니다.
Leave a Comment