web .

워드프레스 홈페이지 제작 / 반응형 디자인

홈페이지 제작 업체 OMG,
워드프레스 정보 게시판 입니다.

반응형 웹사이트 제작 관련 이야기와 워드프레스 검색엔진 최적화에 대한 인사이트를 공유하는 곳입니다. 여러분은 이곳에서 혼자서 워드프레스 홈페이지 만들기에 필요한 다양한 정보를 검색할 수 있습니다.

워드프레스 홈페이지 만들기, 핵심은 구글 검색엔진 최적화

작성자

Omg Design

작성일

2023-10-24 21:12

조회

775

홈페이지 혹은 블로그 모두 디자인에 집착하다 보면 놓치는 게 있습니다. 바로 구글 검색엔진 최적화에 맞는 디자인인가에 대한 솔루션이죠. 그래서 오늘은 워드프레스 홈페이지 만들기 과정에서 검색엔진 최적화 디자인이란 무엇인지 확인해 보겠습니다.

실제 최적화 과정을 모른다기보다 이 섹션에서 텍스트가 너무 많으면 안 되는 데, 라는 고민에 대한 해결책이나 왜 디자인보다 최적화가 더 중요한지에 집중했음을 알려 드립니다.

워드프레스 홈페이지 만들기 "구글 검색엔진 최적화"

웹사이트를 만들다 보면 참 답답할 때가 있는데, 디자인과 최적화에 대한 고민이 나타나는 부분입니다. 특히 랜딩페이지의 경우 너무 많은 텍스트를 넣기가 정말 부담스럽죠.

이때 두 가지 방법을 통해 해결하는 것을 저는 제안합니다.

우선 제 모든 제안은 구글 검색엔진 최적화를 먼저 고려할 것이며, 이에 맞는 디자인을 구축하는 건 자신과의 싸움으로 생각해야 합니다.

워드프레스 홈페이지 디자인에서 텍스트와 이미지의 조합은 언제나 옳습니다. 그래도 폰트가 너무 많다 보면 깔끔한 이미지는 다 사라지고, 특히 모바일 화면에서는 논문과 같은 디자인이 되고 말죠.

이 문제를 해결하는 건 의외로 간단합니다.

텍스트를 줄이려는 노력보다 타이포그래피 능력을 더 개발하는 게 빠릅니다. 예를 들면 하나의 페이지에 1,500자 정도의 텍스트를 넣어야 한다는 일정한 기준을 잡고 디자인을 시작하세요.

어떤 섹션에는 500자를 넣을 수 있고, 여백이 필요한 곳에는 50자 이내로 디자인할 수 있죠. 그러니까 계획적인 폰트 숫자를 준비해야 합니다.

실제 방문자가 텍스트를 모두 읽지 않는다는 건 디자이너라면 누구나 알고 있습니다. 따라서 이미지를 설명하면서 브랜드 가치를 알리는 몇 가지 카피를 제외한 하나의 텍스트 공간을 별도로 디자인하세요.

해당 이미지는 헤더 부분에 대략 200자의 텍스트를 사전에 배치하는 것으로 구글 검색엔진 최적화 기준에 맞도록 디자인한 사례입니다.

핵심 키워드는 "문서파쇄"이고, 지루한 텍스트를 커버할 수 있게 스크롤 모션과 진행 상황 위젯을 넣었습니다. 이것으로 홈페이지 헤더 부분에 하나의 텍스트 공간을 잡아버리는 것도 고려해 볼 수 있습니다

때로는 폰트를 숨겨도 좋다.

저는 가끔 텍스트를 반응형으로 감추는 기능을 사용합니다. 아무리 고민해도 디자인에 나쁜 영향을 주는 경우에 사용하는 이 방법은 주로 태블릿에 역할을 부여합니다.

반응형 디자인을 핑계로 태블릿 영역에만 텍스트를 보이게 하고 PC와 모바일 화면에선 일정 부분의 텍스트를 숨기는 기능을 사용합니다. 이 경우 구글 검색엔진 최적화 검색(크롤러)에는 텍스트가 색인 되지만 실제 사용자들에게 해당 텍스트는 노출되지 않습니다.

다만 태블릿 하나에는 노출해야 합니다. 모두 감추는 경우 과거 키워드 색상을 투명으로 변경해 웹 문서에 반복하는 것에 페널티를 먹는 것과같이 나쁜 영향을 미칠 수 있습니다.

따라서 가장 사용자가 적은 태블릿을 희생시키는 것이죠.

워드프레스 홈페이지 만들기에서 최고의 디자인이란?

처음 워드프레스를 접했던 이유로 다시 돌아가 봅시다. 우리는 이 CMS가 검색엔진 최적화에 유리하다는 이유로 사랑했고, 지금 이걸로 홈페이지 만들기에 도전합니다.

그런데 구글 검색엔진 최적화보다 외적으로 깔끔함에 치우친다면 뭔가 잘못되었다는 생각이 들 것입니다. 최소한 저는 그랬습니다.

가끔 클라이언트 주문이 최적화가 필요 없는 경우도 있습니다. 예를 들면 3개월 한정 랜딩 페이지나 회사 명함으로 사용하는 케이스죠.

그런데 저는 이때도 기본적인 최적화 디자인은 필요하다고 생각합니다. 실제 우리가 제작하는 홈페이지는 분명히 무언가 메시지를 전달하는 데 이용됩니다.

그것을 잘 표현하는 것이 최고의 홈페이지 디자인이지 않을까요? 또한 그것은 구글 검색엔진 최적화의 기본이 됩니다.

꼭 타이틀에 키워드를 넣고, H2 H3 H4 태그를 적절히 사용하자는 의미가 아닙니다. 방문자에게 정확한 메시지를 적절한 공간에서 표현하는 일, 이것이 UI/UX 디자인 개념과도 일치하는 것으로 생각합니다.

오늘은 이렇게 워드프레스 홈페이지 만들기에서 구글 검색엔진 최적화의 중요성과 디자인을 살리기 위해 사용할 수 있는 방법을 소개해 드렸습니다.

이번 포스팅에서 제가 전달하고 싶었던 내용은 힘들더라도 최적화를 고려할 수 있는 디자인을 계속 연습해야 워드프레스 홈페이지 제작이 유의미한 결과를 만들 수 있다는 사실입니다.

최적화 구축을 고려해 디자인 한 웹사이트