웹문어 홈페이지 만들기 가이드 6강 – 워드프레스 플러그인 설치 & 셋팅하기

6강 - 워드프레스 플러그인 설치 & 셋팅하기

이제 6강에서는 워드프레스의 다양한 기능들을 담당하는 플러그인을 어떻게 설치하고 셋팅하는지 알아볼 예정입니다.

여기서 소개할 플러그인들은 사이트 최적화와 백업등과 관련해 기본적으로 필요하다고 생각되는 플러그인들을 중심으로 다룰 것입니다.

이번 강의를 모두 보고나시면, 어떻게 플러그인을 설치하고 활용할 수 있는지 감을 잡게 될 것이고, 자신이 필요하다고 생각되는 다양한 기능들도 스스로 찾아보고 적용해보실 수도 있을 것입니다.


Contents

  1. Yoast SEO
  2. WP Super Cache
  3. Autoptimize
  4. Smush
  5. Insert Headers and Footers
  6. UpdraftPlus

1. Yoast SEO

  • 처음으로 설치하게 될 Yoast SEO는 보이는 그대로 SEO (검색엔진최적화)를 위한 플러그인입니다.
  • 구글 검색엔진최적화는 사이트를 운영하면서 구글에서 검색을 했을 때 결과로 자신의 사이트가 상위에 노출될 수 있도록 최적화하는 것이고, Yoast SEO에서 제공하는 다양한 기능들이 최적화하는데 도움이 될 것입니다.
  • 여기서는 Yoast SEO에서 제공하는 다양한 기능들 중 새 글, 새 페이지를 작성할 때 검색엔진에서 어떻게 노출되도록 설정하는 기능만 대표적으로 알아볼 것이고, 더 자세한 부분은 나중에 따로 다뤄볼 예정입니다.

1플러그인” > “설치된 플러그인”을 클릭하세요.

Yoast 플러그인 설치하기

2새로 추가” 버튼을 클릭하세요.

  • 아래 이미 설치된 플러그인들은 5강까지 가이드를 그대로 따라했을 때 이미 설치된 플러그인들로 이해하시면 되겠습니다.
Yoast 플러그인 설치하기 2

3 검색 창에서 (1)”Yoast SEO” 를 검색하고, (2)”지금 설치” 버튼을 클릭하세요.

Yoast 플러그인 설치하기 3

4 설치된 Yoast SEO에 “활성화” 버튼을 클릭하세요.

Yoast 플러그인 설치하기 4

5” > “새로 추가” 를 클릭하세요.

  • Yoast SEO의 기능들 중에서 새 글 / 새 페이지를 추가할 때, 구글 검색 엔진에서 어떻게 노출되는지 설정할 수 있는 기능을 살펴볼 것입니다.
Yoast 플러그인 설치하기 5

6 새 글 편집창에서 밑으로 내려가면 나오는 Yoast SEO” 에 있는 아래 화살표 아이콘을 클릭하세요.

Yoast 플러그인 설치하기 6

7 아래 이미지에 표시된 A, B, C에 대한 설명을 참고하세요.

  • A: 이 글의 타겟 키워드를 입력합니다. (타겟 키워드: 구글에서 해당 키워드를 검색시 상단에 노출되는 것을 목표하는 키워드)
  • B: 구글에서 어떻게 노출될지 미리보기로 확인할 수 있고, 제목은 글의 제목을 그대로 가져오고, 설명에 대한 편집은 아래 “조각 편집” 버튼을 클릭해서 편집할 수 있습니다.
  • C:SEO 분석” 은 타겟 키워드를 기반으로 현재 이 글이 SEO 최적화가 되었는지 평가하고, 괜찮으면 초록색이 뜨고 문제가 있다면 빨강색이 나오면서 어떤 부분을 수정하는 것이 좋을지 내용들을 확인할 수 있습니다.
Yoast 플러그인 설치하기 7

8 아래 이미지는 이전 단계에서 표시한 A, B, C 에 대한 예제입니다.

  • A: 타겟 키워드를 “홈페이지 만들기” 로 타겟했습니다.
  • B: 어떻게 구글에서 노출될지 확인할 수 있습니다.
  • C:SEO 분석” 은 타겟 키워드를 기반으로 현재 이 글이 SEO 최적화가 되었는지 평가하고, 괜찮으면 초록색이 뜨고 문제가 있다면 빨강색이 나오면서 어떤 부분을 수정하는 것이 좋을지 내용들을 확인할 수 있습니다.

Yoast SEO를 어떻게 활용하는지에 대해 모든 것을 나누려면 많은 정보들을 나눠야 하기에 나중에 Yoast SEO를 집중적으로 다루는 글을 통해 다시 한번 나누도록 하겠습니다!

Yoast 플러그인 설치하기 8

2. WP Super Cache

  • 대표적으로 인기있는 캐시 플러그인 중 하나로 많이 사용되고 있습니다.
  • 캐시를 단순하게 설명하면 방문자가 사이트를 방문할 때마다 작동되는 프로세스 단계들을 줄여서 홈페이지 성능을 향상시키기 위한 목적으로 사용되고 있습니다.
  • WP Super Cache 말고, 다른 캐시관련 플러그인을 선호한다면 다른 것을 사용하셔도 됩니다.

1플러그인” > “새로 추가” 로 들어온 후, (1)”WP Super Cache” 를 검색하고 (2)”지금 설치” 버튼을 클릭하세요.

wp super cache 플러그인 설치하기 1

2 설치된 플러그인에 “활성화” 버튼을 클릭하세요.

wp super cache 플러그인 설치하기 2

3Dismiss” 를 클릭하세요.

  • 아래 나온 경고문 중에서 녹색으로 표시한 부분을 살펴보면, WP Super Cache를 처음으로 설치했다면, 이 메세지를 Dismiss 할 수 있다는 부분을 참고하시길 바랍니다.
WP SUPER CACHE 플러그인 설치하기 3

4설정” > “WP Super Cache” 를 클릭하세요.

WP SUPER CACHE 플러그인 설치하기 4

5 (1)”Caching On” 부분을 선택하고, (2)”Update Status” 버튼을 클릭하세요.

WP SUPER CACHE 플러그인 설치하기 5

6 상단에 나온 탭 중에서 “Advanced” 를 클릭하세요.

WP SUPER CACHE 플러그인 설치하기 6

7 (A), (B), (C)를 아래 표시한대로 체크해주신 뒤, (D)”Update Status” 버튼을 클릭하세요.

  • 만약 자신이 알고 있는 더 나은 설정이 있다면 꼭 따라할 필요없이 본인이 원하는 방식으로 셋팅해도 괜찮겠습니다.
WP SUPER CACHE 플러그인 설치하기 7

3. Autoptimize

  • 사이트 최적화를 위한 인기있는 플러그인 중 하나로, 주로 사이트를 구성하는 HTML, CSS, JavaScript와 같은 코드를 압축하는 역할을 하고 이를 통해 불필요한 용량을 줄이고, 로딩 속도를 높이는데 사용되고 있습니다.

1플러그인” > “새로 추가” 로 들어온 뒤, (1)”Autoptimize” 를 검색하고, (2)”지금 설치” 버튼을 클릭하세요.

Autoptimize 플러그인 설치하기 1

2 설치된 플러그인에 “활성화” 버튼을 클릭해주세요.

Autoptimize 플러그인 설치하기 2

3설정” > “Autoptimize” 를 클릭하세요.

Autoptimize 플러그인 설치하기3

4 아래 (A), (B), (C) 부분을 체크한 뒤, (D)”Save Changes and Empty Cache” 버튼을 클릭하세요.

Autoptimize 플러그인 설치하기 4

4. Smush

  • Smush는 이미지를 자동압축해서 이미지 사이즈를 줄이는 것으로 유명한 플러그인 중 하나입니다.
  • 또한 Lazyload 기능을 더하여 이미지를 가장 나중에 로딩하게 만들어서 사이트 로딩을 빠르게 해주는 기능 또한 있습니다.

1플러그인” > “새로 추가” 로 들어와서, (1)”Smush”를 검색하고, (2)”지금 설치” 버튼을 클릭하세요.

Smush 플러그인 설치하기 1

2 설치된 플러그인에 “활성화” 버튼을 클릭하세요.

Smush 플러그인 설치하기 2

3 셋팅을 위해 나온 팝업창 안에서 “BEGIN SETUP” 버튼을 클릭하세요.

Smush 플러그인 설치하기 3

4 이미지 자동 압축을 위해 (1)에 체크가 된 것을 확인하고, (2)”NEXT” 버튼을 클릭하세요.

Smush 플러그인 설치하기 4

5 사진에 포함하고 있는 불필요한 정보를 제거하는 기능으로 (1)에 체크된 것을 확인하고, (2)”NEXT” 버튼을 클릭하세요.

Smush 플러그인 설치하기 5

6 이미지를 마지막에 로딩해서 사이트를 빠르게 로딩시키는 기능을 위해 (1)에 체크하고, (2)”NEXT” 버튼을 클릭하세요.

Smush 플러그인 설치하기 6

7 앱에 사용되는 개인 데이터를 추적하는 기능으로, (1)체크 해제를 하고, (2)”FINISH SETUP WIZARD” 버튼을 클릭하세요.

Smush 플러그인 설치하기 7

8 매뉴얼로 이미지 최적화를 하려면 아래와 같이 Smush 메뉴로 들어온 다음, “BULK SMUSH NOW” 버튼을 클릭하세요.

Smush 플러그인 설치하기 8

9 아래 (A)와 같이 최적화 작업이 완료된 것을 확인할 수 있고, (B)현재까지 최적화된 용량을 확인할 수 있습니다.

Smush 플러그인 설치하기 9

5. Insert Headers and Footers

  • 이 플러그인은 보통 사이트 증명을 할 때, 사이트의 header 부분에 증명을 위한 코드를 복사해서 붙여넣기 때문에 header 부분에 쉽게 접근하기 위해 보통 활용하는 플러그인입니다.
  • 사이트 증명은 보통 구글과 같은 검색엔진에 등록하거나, 구글 애드센스 광고를 추가하는등 증명이 필요한 상황이 있을 때 코드를 이 플러그인을 통해 header 에 접근해서 붙여놓기하면 됩니다.

1플러그인” > “새로 추가” 에 들어온 뒤, (1)”insert headers and footers” 를 검색하고, (2)”지금 설치” 버튼을 클릭하세요.

insert headers and footers 플러그인 설치하기 1

2 설치된 플러그인에 “활성화” 버튼을 클릭하세요.

insert headers and footers 플러그인 설치하기 2

3설정” > “Insert Headers and Footers” 을 클릭하세요.

insert headers and footers 플러그인 설치하기 3

4Scripts in Header” 아래 빈 공간에 사이트 증명을 위한 필요한 코드를 붙여넣으시면 됩니다.

  • 참고로 사이트 증명과 관련해서는 다음 강의에 구글 사이트 등록을 위해 활용하게 될 것입니다.
insert headers and footers 플러그인 설치하기 4

6. UpdraftPlus

  • 유용하게 활용할 수 있는 백업/복원 플러그인 중 하나입니다.

6-1 UpdraftPlus를 통해서 백업하기

1플러그인” > “새로 추가” 로 들어온 뒤, (1)”UpdraftPlus”를 검색하고, (2)”지금 설치” 버튼을 클릭하세요.

Updraftplus 워드프레스 백업 플러그인 설치하기 1

2 설치한 플러그인에 “활성화” 버튼을 클릭하세요.

Updraftplus 워드프레스 백업 플러그인 설치하기2

3설정” > “UpdraftPlus Backups” 을 클릭하세요.

Updraftplus 워드프레스 백업 플러그인 설치하기 3

4 “Backup Now” 버튼을 클릭하세요.

Updraftplus 워드프레스 백업 플러그인 설치하기 4

5 “Backup Now” 버튼을 클릭하세요.

Updraftplus 워드프레스 백업 플러그인 설치하기5

6 아래 표시한 곳에 백업이 성공적으로 된 것을 확인할 수 있습니다.

Updraftplus 워드프레스 백업 플러그인 설치하기 6

6-2 UpdraftPlus 를 통해서 복원하기

1 이전 단계를 통해 백업이 완료된 곳에서 “Restore” 버튼을 클릭하세요.

Updraftplus 워드프레스 백업 플러그인 설치하기 7

2 (1)에서 복원하기 원하는 모든 것들을 체크하고, (2)”Next” 버튼을 클릭하세요.

Updraftplus 워드프레스 백업 플러그인 설치하기 8

3Restore” 버튼을 클릭하세요.

Updraftplus 워드프레스 백업 플러그인 설치하기 9

4 복원이 완료되었고, “Return to UpdraftPlus configuration” 버튼을 클릭하세요.

Updraftplus 워드프레스 백업 플러그인 설치하기 10

5Delete Old Directories” 버튼을 클릭하세요.

  • 복원을 하게 되면서 이전에 존재하던 파일이 그대로 남아있어서 제거하기 위한 것입니다.
Updraftplus 워드프레스 백업 플러그인 설치하기 11

6 아래와 같이 불필요한 모든 파일들이 제거된 것을 확인할 수 있습니다.

Updraftplus 워드프레스 백업 플러그인 설치하기 12

여기까지 사이트 최적화부터 백업등 필요하다고 생각되는 모든 플러그인을 설치하고 어떻게 셋팅 & 활용할 수 있는지 알아보았습니다.

여기서 소개한 모든 플러그인들을 무조건 설치해야되는 것이 아니라, 개인적으로 유용하게 잘 활용하고 있어서 소개한 것이고, 다른 더 좋은 플러그인들을 알고 있다면 여러가지 플러그인들을 직접 적용해보고 테스트해보면서 결정하시길 바랍니다.

다음 강의에서는 지금까지 완성한 사이트를 어떻게 “구글 검색 엔진에 사이트를 등록하는지” 방법을 알아보도록 하겠습니다.

Leave a Comment

error: 무단 복제와 배포를 금지합니다.