web .

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

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

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

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

작성자
Omg Design
작성일
2023-10-24 21:12
조회
658


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

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

 

 

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

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

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

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

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

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

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

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

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



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

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

 

 

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

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

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

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

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

 

 

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

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

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

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

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

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

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

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

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

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

 
전체 0

워드프레스 홈페이지 제작

OMG DESIGN 웹 제작 솔루션에 문의하세요.
혼자서 홈페이지를 만들고 운영할 수 있고
브랜드를 세상과 연결하는 방법을 배우세요

워드프레스 반응형 디자인

워드프레스 제작 실무에서 핵심은 U/UX 디자인이라 말해요, 하지만 워드프레스가 기본적으로 제공하는 레이 아웃에 고객은 만족하지 않습니다.

반응형 디자인에 필요한 인사이트를 제공합니다.

이젠, 브랜딩 하세요

워드프레스 웹사이트는 온드 미디어로 디자인하고 기능할 때, 가장 효과적인 마케팅 도구가 됩니다. 광고가 아닌 브랜딩을 해야할 때 우리의 이야기가 당신을 도울 수 있습니다.

홈페이지 제작 - 검색엔진 최적화

웹사이트 검색엔진 최적화

구글 상위 노출을 위한 최적화 정보가 도움이 될 수 있지만 실제로 당신이 집중해야 하는 건, 고객을 위한 최적화 웹사이트를 구축하는 것입니다.

우리는 이것에 집중합니다.

오프라인 스터디가 필요한가요?
2024, 워드프레스 강의

OMG DESIGN 2024 RECTURE
인천광역시, 광주광역시 두 곳에서 2024년 워드프레스 기초 및 디자인 강의를 경험할 수 있습니다.

➤ 참가 신청 – 2주 전, 사전 예약
➤ 3인 클래스, 1:1 특강 신청도 가능

➤ 커리큘럼

  • 웹 목표 설정, 호스팅, 세팅
  • 최적화 페이지 생성과 글쓰기
  • 엘리멘터 빌더로 디자인하기
  • 반응형 및 UI/UX 디자인
  • 결과물 컨펌