홈페이지 제작 업체 OMG 워드프레스 정보 게시판
반응형 웹사이트 제작 관련 정보와 워드프레스 홈페이지 최적화 이야기를 공유하는 이곳은, 기업 및 개인 홈페이지 만들기에 필요한 다양한 소식을 검색할 수 있습니다.

#반응형디자인 #워드프레스강의 #검색엔진최적화

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

작성일
2023-10-24 21:12
조회
1981


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

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

 

 

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

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

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

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

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

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

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

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

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



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

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

 

 

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

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

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

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

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

 

 

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

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

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

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

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

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

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

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

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

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

 
전체 0

반응형 홈페이지 제작 업체
오엠지 디자인, 워드프레스 강의

website training

웹디자인 오프라인 강의

실무 워드프레스 디자인
오엠지 인천 송도 클래스 참여하기

인천 송도 오프라인 강의

엘리멘터, 구텐베르크, 디자인 기초를 한 번에~
관련 소식

문의 : 010 4881 1012

반응형 홈페이지 제작 및 검색엔진최적화.

웹사이트 제작 강의에 참여하세요.
혼자 홈페이지를 만들고 운영하며,
세상과 당신을 연결하세요!

오엠지 디자인 대표는 처음 워드프레스 기반 디자인을 하기 전, 이 분야에 전문성이 전혀 없었지만 이제 관련 시장에서 대표적인 회사를 만들었습니다. 그가 처음 이 일을 시작한 건, 45세의 나이였습니다. 그리고 9년이 지난 지금 현재도 새로운 도전을 계속하고 있습니다. 여러분은 어떤가요?

반응형 디자인

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

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

이젠, 브랜딩 하세요

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

웹사이트 검색엔진 최적화

구글이나 네이버 검색엔진 최적화 지식만으로 웹사이트 상위노출이 가능할까요? 실제로 당신이 집중해야 하는 건, 고객 입장에서 최적화 웹사이트를 구축하는 것입니다. 그것만이 성공을 만듭니다.

홈페이지 제작 워드프레스 강의

우리는 지난 시간, 가치 있는 오프라인 수업을 진행하였고, 당신도 열정만 있다면 워드프레스 강의에 참여하고 디지털 노마드 삶을 영위할 수 있습니다. 디자인 및 마케팅 수업을 선택할 수 있으며, 홈페이지 제작 관련 다양한 실무 노하우를 배울 수 있는 인천 송도 오프라인 클래스에 참여해 보세요!

OMG DESIGN 서비스 안내

# 워드프레스 웹사이트 제작, 네이버 블로그 관리

  • 웹사이트 및 블로그 상위노출
  • 홈페이지 구축 / 관리
  • 브랜드 공식 블로그 구축(네이버, 워드프레스)
  • 병원, 로펌, 쇼핑몰 채널 특별 관리 
  • 백링크 및 제휴 콘텐츠 지원

모바일, 카카오채널, 이메일(우측 하단 플로팅 메뉴) 문의 가능하며, 공식 블로그 관리 업무는 사전 예약(평균 15~30일)이 필수입니다. 

블로그관리대행 담당자 배정

OMG DESIGN 모든 서비스는 사전 예약을 통해 진행됩니다. 이는 담당자 배정이 필요한 웹사이트 제작 및 블로그 관리 업무에 해당하며, 마케팅 및 디자인 강의는 일정에 따라 신청 가능합니다.

예약 문의 : 010 4881 1012