워드프레스(WordPress) 3 기본 블로그 환경 세팅해보기

워드프레스(WordPress)로 구글 SEO에 적합한 블로그 사이트를 만들어 보자. 일단 블로그 기능에 필요한 최소한의 플러그인들만 설치함으로써 사이트 방문자를 확보할 수 있다면, 앞으로 어떤 식으로 확장해 나가든 초석이 될 수 있다.

 

1. 워드프레스(WordPress) 테마 설정
2. WordPress 플러그인 고전 편집기 (Classic Editor)
3. WordPress 플러그인 Yoast SEO
4. WordPress 플러그인 Smush
5. WordPress 플러그인 WP Statistics

 

이 세상 사이트의 3분에 1이 워드프레스(WordPress) 사이트이다. 이 말은 워드프레스가 매우 다양한 유형의 사이트를 만드는 데 사용될 수 있고 이때 필요한 여러 기능을 제공해 줄 수 있다는 말이 된다.

 

워드프레스(WordPress) 자체는 php언어로 구성되어 있기 때문에 보통 아파치 서버 위에서 동작한다. 둘은 일종의 잘 알려진 페어이다. php 언어는 서버 구축을 위해 사용되는 언어 중 가장 오랜 시간 널리 사용되어온 언어이다.

2021년인 현대에 와서도 그 점유율은 상당하며 현재 라이징하고 있는 기술들과 경쟁하고 있는 상황이다.

 

이런 php같이 복잡하고 까다로운 코딩을 개발자에게서 떼어주고 동시에 사이트 주문자가 원하는 데로 사이트를 만들어주는 도구를 CMS 툴이라고 한다. 워드프레스(WordPress)도 그중 하나이다.

이런 툴을 통해 웹페이지를 제작할 경우 단지 클릭과 드래그 위주로 웹사이트를 만들 수 있기 때문에 좋은 생산성을 낼 수 있다. 코딩은 단지 디테일한 커스터마이징이 필요한 요소요소에 조금씩만 해주면 된다.

 

워드프레스(WordPress)를 처음 접하고서 고민한 부분은, 코딩할게 거의 없는 이것을 포스팅해야 할까? 였다. 그런데 생산성이 너무 좋다, 워드프레스(WordPress)가 지원해주는 부품(플러그인)들을 클릭 몇 번으로 설치해서, 지금 당장 구현할 수 있는 기능 중에는 아래와 같은 것들이 있다.

• 로그인 / 회원가입 기능
• 게시판 기능
• 쇼핑몰 메뉴 / 상품 디스플레이 기능
• 현금 결제 기능
• SEO 관리 기능
• 상업적 사용이 가능한 수준의 웹페이지 디자인 기능
• 다양한 목적에 맞는 블로그 기능 (기본)
• 사용자가 이메일을 사용할 수 있는 기능
• SNS 관련 기능
• 추가 보안 기능

 

직접 개발할 경우 위의 목록 하나하나가 블로그 포스팅 10개짜리 주제들이다.

이 외에도 무수히 많은 기능들이 플러그인으로 만들어지고 업데이트되고 있다. 그리고 이는 티스토리나 카페24가 제공해주는 메뉴를 통해 만들어지는 서비스가 아니라, 호스팅 공간 위에서 단지 워드프레스(WordPress)라는 오픈소스 프로그램을 통해 내가 만들 수 있는 기능들이다. 따라서 주어진 기능들을 나에게 맞게 커스터마이징 할 필요가 있다면 그게 불가능 한 일도 아니다.(좀 까다롭긴 한 거 같다) 경우에 따라선 플러그 인을 그냥 만들 수도 있을 것이다.

 

이렇게 생산성이 좋기 때문에 빠른 시간 안에 훌륭한 웹사이트를 만들고 그에 따른 개발이나 운영 노하우를 쌓을 수 있다는 점에서 차마 포기할 수 없는 콘텐츠였다. 일단 해보고 워드프레스(WordPress)가 아닌 다른 기술이 필요하다는 걸 이번 경험을 통해서 느끼게 된다면 그때 가서 그걸 하면 되지 않겠는가.

 

1. 워드프레스(WordPress) 테마 설정

웹사이트에 방문자를 확보하기 위해서 가장 가벼운 블로그의 테마를 서치한 결과 GeneratePress라는 테마가 알려져 있었다. 이를 설치해보자

• 관리자 페이지 진입 (내 사이트 주소/wp-admin) -> 로그인
• 외모 -> 테마 -> 새로 추가 버튼
• GeneratePress 기입
• GeneratePress 테마의 설치 버튼 -> 활성화 버튼

 

좌측 상단 메뉴바에 집 모양 아이콘과 내 사이트 이름이 보일 것이다. 그걸 클릭해서 스킨이 어떻게 적용되었는지 보자.

 

이와 비슷한 모습일 것이다. 우측 상단 검색 버튼이 이쁘지 않게 표시된다. 버튼 캡션을 "검색"에서 돋보기 버튼으로 바꾸고 스킨의 좌우 폭을 조절하자.

• 관리자 페이지 (사용자 사이트 주소/wp-admin 또는 화면 좌측 상단 메뉴바에서 내 사이트 이름 클릭)
• 외모 -> 사용자 정의하기 -> 나오는 테마 화면에 검색 레이어 부분 연필 클릭

 

• 좌측에 아이콘이 있는 버튼 사용 클릭
• 검색이라는 단어가 돋보기 아이콘으로 바뀌는 걸 확인할 수 있다.
• 좌측 상단에 공개 버튼 클릭으로 저장

 

스킨의 레이아웃을 바꿔보자

• 좌측 부분에 꺽쇠 "<" 클릭 -> 상위 메뉴로 2번 올라간다.
• 외모의 사용자 정의하기 메뉴에서 Layout -> Container
• Container Width를 조절하면 우측의 스킨 화면이 늘어나고 줄어드는 게 보인다.
• 화면 상단 공개 버튼 클릭으로 저장 -> 좌측 상단 'X' 버튼 클릭으로 나간다.

 

이 정도만 조정해봐도 테마의 커스터 마이징을 어떻게 하는지 감이 잡힐 것이다.

 

2. WordPress 플러그인 고전 편집기 (Classic Editor)

이제 본격적으로 플러그인을 설치해보자. 워드프레스(WordPress) 5.0 이상에서 제공해주는 기본 편집기는 블록 편집기라고 해서 문단별로 레이어를 만들어 페이지에 붙여주는 편집기이다. 이것만으로도 깔끔하고 유연한 페이지 구성이 가능하므로 이것의 사용을 권장한다. 단지 이미 티스토리나 네이버 블로그에 익숙한 편집자들에겐 워드프레스(WordPress) 이전 버전들에게 제공되던 Class Editor(고전 편집기)가 더 편할 것이다. 종종 이 Class Editor에서만 동작하는 플러그인도 있으므로 경우에 따라선 이것을 사용해야 할 때가 있다.

 

기본 편집기

 

Classic Editor (고전 편집기)

나는 기본 편집기와 고전 편집기를 모두 다 사용하고 있다. 고전 편집기의 설치방법은 아래와 같다.

• 관리자 페이지 -> 플러그인 -> 새로 추가 버튼
• 추천 메뉴에 -> 고전 편집 -> 지금 설치 버튼 -> 활성화 버튼
• 좌측 관리자 메뉴 -> 글 항목을 선택
• 고전 편집기 인터페이스를 확인할 수 있다.
• 편집 인터페이스는 티스토리 블로그나 네이버 블로그와 매우 흡사하다.

 

3. WordPress 플러그인 yoast SEO

구글 SEO 관련 플러그인 중에 가장 많이 사용하는 플러그인이다. 해당 플러그인에 대해 유료 결제를 할 경우 콘텐츠 제작에 있어 더 많은 SEO 정보를 제공받을 수 있지만, 다른 무료 SEO 툴을 사용하는 것도 하나의 방법이다. 다른 플러그인으로 Rank Math나 All in One SEO 등이 있다.

• 관리자 페이지 -> 플러그인 -> 새로 추가 버튼 -> 인기 메뉴
• 요스트 SEO 확인 (아니면 플러그인 검색 창에서 yoast SEO)
• 요스트 SEO의  지금 설치 버튼 -> 활성화 버튼
• 이후 관리 페이지 -> 플러그인 -> 설치한 플러그인 메뉴로 이동
• 설치된 Yoast SEO의 '자동 업데이트 활성화' 설정, SEO 정책 같은 건 변할 수 있으므로 Yoast SEO의 자동 업데이트 설정이 필요해 보인다.

 

이제 관리자 페이지 -> 글 메뉴로 가서 보이는 글 하나를 고전 편집기(Classic Editor)로 열어보자. 글 하단에 보면 Yoast SEO 항목이 보인다.

 

• 항목 탭에 표정을 나타내는 아이콘이 보이는데 이것이 현 상태이다
• 난 SEO 수준은 중간 정도 상태이고 가독성 부분(Readability) 은 좋은 것으로 나온다.
• 다른 탭에는 meta 태그를 자동으로 만들어주는 기능과 sns상에 이 글이 링크될 때 쓰이게 될 사진을 업로드하는 기능들이 보인다.
• 해당 정보창이 보이지 않을 경우 관리자 페이지 -> SEO 항목에 들어가서 -> 초기 configuration 과정을 진행하자.
• 참고로 yoast SEO가 제대로 동작하기 위해 관리자 메뉴 -> 설정 -> 읽기 메뉴에 검색 엔진 가시성 항목을 언체크 해줄 필요가 있다.

 

항목 하단에 SEO 분석 내용을 보자.

 

• 붉은 마킹된 문제가 모드 Keyphrase 관련된 문제이다.
• 첫 경고: 키 단어(keyphrase)가 첫 번째 문장에 보이는 게 좋은데 안 보이고 있다.
• 사실 한 칸 위쪽 화면에 보이는데, 내가 고의로 Keyphrase를 "꿀꿀"이라고 설정해 두었다.
• 이를 적절한 Keyphrase인 "윈도우 11" 로 바꾸면 위에 보이는 붉은 SEO경고가 모두 사라진다.
• 처음 글을 쓰면 이외에도 많은 경고가 보인다.

 

4. WordPress 플러그인 Smush

구글 SEO 작업 중에서 필요한 작업 중 하나가, 사용하는 이미지를 경량화하는 작업이다. 이 작업으로 tinypng.com 이라는 사이트가 많이 알려져 있다.

 

워드프레스(WordPress)를 사용할 땐 Smush가 이미지의 경량화를 자동으로 해준다. 간편하면서 웹 관리에 필요한 많은 수고를 덜어주기 때문에 필수 플러그인으로 인식되고 있다.

• 관리자 메뉴 -> 플러그인 -> 새로 추가 버튼
• 인기 메뉴 탭 또는 검색창에 Smush
• Smush 의 지금 설치 버튼 -> 활성화 버튼

 

• 좌측 관리자 메뉴에 Smush 라는 항목이 새로 생긴 것이 보임
• 관리자 메뉴의 Smush 항목을 좌클릭
• Smush가 셋업을 시작한다.
• 셋업이 끝나면 얼마나 이미지를 경량화해주고 있는지 그 수치를 볼 수 있다.

 

 

5. WordPress 플러그인 WP Statistics

블로거로서 블로그를 운영할 땐 방문자 카운트를 확인해야 할 필요가 있다.

외부에 보이지 않고 나만 확인할 수 있는 방문자 카운터 중에 눈에 보이는 것이 WP Statistics 였다.

이는 필수적인 플러그인은 아니니 다른 좋은 방문자 카운터 플러그인이 보이면 그것을 설치해도 좋다.

• 관리자 메뉴 -> 플러그 인 -> 새로 추가 버튼
• 플러그인 검색창에 WP statistics
• 해당 플러그인의 지금 설치 버튼 -> 활성화 버튼

 

• 이후 관리자 메뉴의 -> 알림판을 클릭해서 관리자 메인 페이지로 오면 화면 하단에 방문자 카운트가 보인다.
• 관리자 메뉴의 Statistics 메뉴도 새로 생기는데 이곳에서는 더 자세한 방문 기록을 확인할 수 있다.

 

 

이후 해줘야 할 가장 중요한 작업은 구글 서치 콘솔(Google Search console) 서비스에 가서 내 사이트를 검색 대상으로 삼으라고 등록해줘야 하는 작업이다. 물론 다음, 네이버, 빙 같은 웹 서비스에도 이런 등록을 해줄 필요가 있다.