워드프레스 블로그를 정적인 html 웹 사이트처럼 만들기

워드프레스를 정적인 HTML 웹사이트로 만든다는 것은, 달리 말하면, WordPress의 고유주소(permalinks) 체계를 전형적인 HTML 웹사이트의 URL 형식와 똑같게 만든다는 것으로 볼 수 있습니다. 왜냐하면, 워드프레스는 정적인 HTML 사이트와는 달리, 디렉토리와 문서 파일이 실제로 존재하지 않기 때문에, 직접 디렉토리나 문서 파일을 만들 방법이 없고, 단지 고유주소만 정적인 사이트와 똑같이 만들어 줄 수 있습니다. 웹 문서(파일)의 주소는 해당 파일의 경로에 의해서 결정이 되기 때문에(예: http://yoursite.com/directory/파일명.html), 역으로 생각하면, 가상이긴 하지만, 고유주소 체계에 의해서 워드프레스의 파일과 디렉토리 구조가 결정된다고도 볼 수 있습니다. 어차피 방문자는 직접 계정에 접속할 수 없고 브라우저에 나타난 주소만으로 사이트의 디렉토리 구조와 파일을 가늠할 수 있습니다.

웹사이트의 경로와 주소의 관계

워드프레스를 웹 사이트처럼 만들기

검색엔진의 최적화에서 주소가 차지하는 비중은 크지 않으므로, 이미 작성한 문서가 많은 사이트는 고유주소를 바꾸는 것은 권장하지 않습니다. 이제 막 워드프레스를 설치하신 분들에게 추천하는 방식입니다. 그리고 사용자 정의구조를 사용하기 위해서는 호스팅의 서버가 mod_rewrite 와 .htaccess 파일의 사용이 가능해야 합니다. 또한 사용자 정의 구조 사용시에 포스트의 고유주소에는 한글이 사용이 가능한데 페이지(Page)에서는 한글을 사용하면 해당 고유주소가 해당 웹문서를 찾지 못하는 문제가 있습니다.

정적인 HTML 웹사이트의 장점

아래와 같은 전형적인 HTML 사이트의 정적인 주소가,

http://yoursite.com/creating-website/domain-registration.html

아래와 같은 여러가지 파라미터들로 구성된 동적인 주소보다,

http://yoursite.com/index.php?id_sezione=360&sid=3a5ebc944f41daa6f849f730f1

방문자의 입장에서 보기에 편하며, 해당 문서가 어떤 문서인지 대충 짐작을 할 수 있습니다. 또한 이러한 파라미터들로 이루어진 동적인 주소는, 동일하거나 유사한 사이트 콘텐츠를 가리키는 URL을 불필요하게 많이 생성하므로 크롤러에 문제를 일으킬 수 있습니다.

또한 검색엔진은, 실제로 존재하는 문서없이, 방문자가 특정 웹문서를 요청할 때에만, 데이터베이스에서 해당 웹문서의 정보들을 불러와서 방문자에게 웹문서를 보여주는 동적인 사이트 보다는, 실제로 파일이 존재하는 정적인 사이트를 조금 더 신뢰하는 경향이 있습니다.

그리고 구글에서는 검색 엔진 최적화 초보자 가이드에서 동적 URL을 정적 URL로 바꾸는 것에 대해서 아래와 같이 말하고 있습니다.

Google은 복잡한 구조를 포함하여 모든 유형의 URL 구조를 크롤링하는 데 능숙하지만, URL을 가능한 단순하게 만드는 것이 사이트를 방문하는 사용자와 검색엔진 모두에게 도움이 될 것입니다. 일부 웹마스터는 동적 URL을 정적 URL로 다시 작성하여 이를 수행하기도 합니다. Google에서 허용되는 작업이기는 하지만 이는 고급 절차이므로 잘못 수행될 경우 사이트의 크롤링 문제가 발생할 수 있습니다.

고유주소의 사용자 정의구조 변경하기

주의: 기존에 포스팅한 글이 있다면 그 포스팅들은 다시 재 저장해야 해당 포스트의 링크가 제대로 작동합니다. 그리고 permalink 구조에 index.php가 포함되어 있다면 자신의 호스팅이 아파치 서버인지 확인해 봐야 합니다.

워드프레스는 기본적으로, 포스트나 페이지 또는 카테고리의 주소에, 아래와 같이, ID를 넣어서 사용하고 있습니다.

포스트 주소 : http://yoursite.com/?p=1
페이지 주소 : http://yoursite.com/?page_id=2
카테고리 주소 : http://yoursite.com/?cat=1

위와 같은 주소형식을, 몇가지 플러그인을 사용하여 아래와 같이 만들 수 있습니다.

포스트 주소 : http://yoursite.com/categoryname/post.html
페이지 주소 : http://yoursite.com/page.html
하위 페이지 주소 : http://yoursite.com/pagename/page.html
카테고리 주소 : http://yoursite.com/categoryname/

워드프레스 블로그를 위와 같은 주소형식으로 만들기위해 아래와 같은 순서대로 진행하면 됩니다.

1. WP No Category Base 플러그인의 설치 – 워드프레스는 기본적으로 카테고리 주소를 ID로 표현하지만, 사용자 정의구조(custom structur)에 category 파라미터를 사용하게 되면, 아래와 같이, 모든 카테고리의 이름 앞에 ‘Category base’가 붙습니다. 꼭 필요한 것이 아닐 경우 제거하는 것이 좋습니다. 알림판의 ”Plugins>Add New’ 페이지에서 검색해서 설치하고 활성화(activate)해 주면 자동적으로 카테고리 이름 앞에 붙는 category base를 제거합니다. 따로 설정할 것은 없습니다.(WP No Category Base 플러그인 사이트)

http://yoursite.com/categorybase/categoryname/

2. sCategory Permalink 플러그인의 설치 – 기본 주소형식으로 사용할 경우 포스트의 주소는 카테고리의 의향을 받지 않습니다. 하지만 category 파라미터가 들어간 사용자 정의구조를 사용할 경우 포스트의 고유주소가 카테고리의 영향을 받습니다. 만약 포스트가 하나의 카테고리에만 분류되어 있다면 별 문제가 없는데, 2개 이상의 카테고리로 분류를 할 때에는 포스트 고유주소에 사용할 카테고리를 선택할 수 있어야 합니다. Hikari Category Permalink 플러그인이 그런 역할을 합니다.(Hikari Category Permalink 플러그인 다운로드) 알림판에서 검색한 후에 설치하고 활성화 해 주면 됩니다.(Hikari Category Permalink 플러그인 설치 및 사용법)

3. 사용자 정의구조 지정하기 – 검색엔진 최적화에 관심이 많은 분들의 블로그는 고유주소를 보통 아래와 같은 사용자 정의 구조로 사용하고 있습니다. 워드프레스에서 카테고리는 HTML 사이트의 디렉토리와 같은 역할을 합니다.(검색엔진 최적화를 위한 링크와 디렉토리 구조)

/%category%/%postname%/

하지만 주소에 사용되는 슬래시(/)는 디렉토리를 의미하므로 엄밀히 말하면 위의 고유주소 형식은 파일(웹문서)의 주소가 아닌 디렉토리를 의미하고 있습니다.(index 파일과 슬래쉬의 역할) 따라서 아래와 같이 포스트나 페이지는 일종의 웹문서 파일이므로 고유주소 끝에 확장자 html이 붙어있어야 합니다. 그리고 카테고리는 파일이 아니라 웹문서들이 담겨있는 디렉토리이므로 html 확장자 없이 슬래쉬로 끝나야 합니다. 이렇게 설정하기 위해서 알림판(dashboard)의 ‘settings>permalinks’ 페이지로 가서 사용자정의 구조를 아래와 같이 설정을 하고 저장을 합니다.

/%category%/%postname%.html/

위에 사용한 파라미터는 워드프레스에서 공식적으로 지원하는 형식이 아니라서 아직 제대로 고유주소를 표현하지 못 합니다. 우선은 위의 형식으로 설정한 후에 저장하면 됩니다.

4. HTML on Pages 플러그인 설치 – 위와 같이 사용자 정의 구조로 사용했을 때 각각의 고유주소는 아래와 같이 표현됩니다.

포스트 주소 : http://yoursite.com/categoryname/post.html/
페이지 주소 : http://yoursite.com/about/
카테고리 주소 : http://yoursite.com/categoryname/

위에서 보면 포스트의 고유주소는 .html/이 붙어 있는데, 페이지의 고유주소에는 .html이 붙어 있지 않습니다. 페이지에도 확장자 html을 붙이기 위해, 알림판의 플러그인 검색창에 ‘HTML on Pages’ 플러그인을 검색해서 설치하고 활성화 합니다.(HTML on Pages 플러그인 사이트) 그러면 다른 주소는 변하지 않고 페이지 주소만 아래와 같이 변합니다.

페이지 주소 : http://yoursite.com/about.html

5. Smart Trailing Slash 플러그인 설치 – 이제 html 뒤에 있는 슬래쉬를 떼는 작업만 남았슴니다. Smart Trailing Slash는 html 뒤의 슬래쉬를 제거해 주는 PLUGIN 인데 알림판에서 검색이 안 되고 플러그인 사이트도 없습니다. 다운로드 주소만 있습니다.(Smart Trailing Slash 플러그인 다운로드) 다운로드 받은 파일의 압축을 풀면 smart-trailing-slash.php 파일이 있는 smart-trailing-slash 폴더가 하나 있습니다. 폴더 통째로 워드프레스가 설치된 계정의 wp-content/plugins 디렉토리로 업로드합니다. 업로드 후에 알림판의 ‘Plugins>Installed’ 페이지로 가면 해당 플러그인이 있을 겁니다. 플러그인을 활성화시켜 주면 됩니다.

이렇게 해서, 워드프레스의 고유주소를 정적인 HTML 사이트의 고유주소 형식으로 바꾸는 작업이 다 끝이 났습니다. 좀 더 완벽하게 블로그를 웹사이트처럼 만들기 위해서는 홈페이지에 front 페이지를 적용하고, 템플릿을 조금 더 수정을 해야 합니다.

카테고리의 다른 글 목록