워드프레스 테마 작업전에 익혀두면 좋을 SEO지식

wp-seo-title

SEO(Search Engine Optimizer)는 이제 예전처럼 기업에서 검색순위를 올리기 위해 애쓰던 내용이 아니라 우리 근처에서 일반블로거들도 일정부분 신경쓰고 있는 내용입니다. SEO는 사람보다는 검색엔진의 기계적인 부분에 최적화 시키는 것이며, 예전에는 여러 업체들이 서로의 기술적인 우위성을 가리기 위해 각자의 검색엔진을 내놓기도 하였지만 요새는 국가마다 조금씩 차이는 있겠지만, Google, Bing, Yahoo등이 대부분을 차지하고 있는 실정은 아닐까 싶습니다.

SEO의 도입자체는 어려울것이 없지만, 실제로 효과 있게 적용하고 그에 상응하는 효과를 보기 위해선 자신이 가지고 있는 컨텐츠의 강점에 대해서도 알고 있어야 하고, 일정부분 카피라이팅의 기술도 필요하며, 홍보를 위한 마케팅적인 측면을 이해하고 있다면 좀더 수준높은 SEO가 가능할 것 같습니다. 그렇지만, 무엇보다도 웹에 대한 전반적인 지식이 필요한 분야라는 생각을 개인적으로 가지고 있습니다.

워드프레스는 SEO에 적합한, 잘 만들어진 CMS(Content Management System)툴이라는 평이 있습니다. 물론 SEO에 특화된 플러그인도 제공되고 있지만, 설정이 복잡(?)한 편이라 한글로 번역된 문서가 아니면 솔직히 잘 흡수되지 않는 편입니다. 요새는 무료혹은 고가의 테마를 구입해서 뚝딱뚝딱 만들어 낼 수 있는 환경이 이전보다 많이 구축되어 있지만, 결국은 운영자가 얼마나 적합한 컨텐츠를 제공하는지가 가장 중요한 관건이기에 이번에는 워드프레스로 테마작업을 생각하고 있다면 작업전에 방향성을 잡을때 도움이 될것 같은  SEO에 관한 내용을 조금 정리해 보고자 합니다.

물론, 이 방법이 절대적인것은 아님에 주의해 주시기 바랍니다.

1. 네비게이션의 구조를 명확히 해둘 것

실제로 워드프레스로 블로그나 웹사이트를 구축할때 가장 중요한 것은 사용자와 검색엔진의 크롤러가 목적이 되는 컨텐츠에 쉽게 접근가능하게끔 심플한 구조를 만드는 것이 필요합니다.

wp-seo-pic01

워드프로세스로 사이트를 만들 경우, 워드프레스의 템플릿 작성전에 구조를 확실하게 잡아두는 것이 필요합니다. 즉, 브랜딩단계에서부터 SEO를 시작하는 것이 필요하다는 이야기입니다.

2. 네비게이션의 메뉴는 이미지가 아닌 텍스트로

이는 이미지로 작업되어 있을 경우보다 텍스트로 작업되어 있는 쪽이 검색엔진에 친화적이기 때문인데 이미지로 작업하였을 경우, 이미지의 alt tag를 찾아야 하는 관계로 검색엔진으로서는 한단계 더 사이트에 대해서 분석을 하는 시간을 요하게 되는 겁니다. 때문에 텍스트로 작업할 것을 추천하는 것이며, 워드프레스의 경우 기본설정 그대로 진행한다면 이미지를 사용할 경우는 없다고 할 수 있습니다.

wp-seo-pic02

디자인부터 시작해서 새로운 테마를 제작할 경우 이미지를 고려해야 할 상황이 발생하더라도 애초에 배제할 것을 권합니다.  그래도 간지나는 무언가를 원한다면 웹폰트의 사용을 고려하는 편이 좋을 것 같습니다만 이또한 국문과 달리 영문의 경우가 좀더 다양한 폰트의 사용이 가능한 만큼, 선택의 폭도 넓어집니다. 또한 네비게이션에서 서브메뉴를 보여주는 인터렉션같은건 그렇게 좋은 방법이 아니라는 설이 있습니다.

3. 위치정보(Breadcrumb)의 설정

검색엔진이 사이트의 구조를 이해하기 쉬우며, 사용자가 현재 위치를 파악하는데도 도움이 됨으로 설정을 권합니다.

4. 페이지의 타이틀을 정리

HTML의 규정상 한 페이지에 H1은 한번만 사용되어야 합니다. 워드프레스에서 H1은 기본설정으로 사이트제목(로고)에 사용되고 있습니다.

wp-seo-pic03

H태그의 나열은 Site Top 페이지의 경우와 각각의 기사 페이지에서의 나열을 좀더 세분화 시키면 좋습니다. 이는 사이트에 처음으로 접속하여 접하는 메인페이지에서의 정보나열과 각각의 상세 페이지에서의 정보를 나열하는 방식의 차이 때문입니다.

  • 큰제목은 H2, 중제목은 H3을 사용하는것이 좋습니다
  • H1, H2, H3와 같이 H태그로 감싸는 부분에는 중요 키워드를 적용시켜두는 것이 좋습니다
  • H로 감싸는 내용을 제목이외의 용도로 사용하지 않습니다

정리

상기 내용을 읽어보신분들은 아시겠지만, 비단 워드프레스에만 적용되는 내용이 아님을 아셨을 거라 생각됩니다.

 

(Visited 403 times, 1 visits today)

sapjil

서울거주의 회사원으로 DESIGN/HTML/CSS를 생업으로 하고 있는 마크업 엔지니어 입니다. 프론트엔드 엔지니어로 거듭나고자 틈틈이 JavaScript를 공부하고 있습니다. 이 블로그 SAPJIL에서는 웹 사이트 제작에 필요한, 삽질을 줄일 수 있는 정보를 공유합니다.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다