기업이 홈페이지를 제대로 만들어야 하는 이유는 비즈니스 경쟁력을 높여야 하기 때문입니다. 하지만 완성도 높은 홈페이지를 만든다는 것은 생각보다 쉬운 일이 아닙니다. 스스로 만들기에도 많은 노력과 지식이 필요하지만 제작 업체에 맡겨 제작을 진행하여도 생각보다 완성도 높은 홈페이지를 보유하기란 쉬운 일이 아닌 것이 현실입니다. 훌륭한 많은 제작사들이 있지만 어처구니없는 결과물을 최종적으로 제공하는 업체들도 생각보다는 많은 것이 우리나라 웹에이전시 업계의 현실이기도 합니다.
홈페이지 제작을 했는데 디자인은 그럭저럭 괜찮은 거 같지만 이게 과연 잘 만들어진 홈페이지일까? 전문가들이 내 홈페이지를 구석구석 제대로 신경 써서 만들어 준 것일까? 사람들이 내 홈페이지를 어떻게 찾아올까? 내 홈페이지가 진행하고 있는 비즈니스에 얼마나 도움이 될까?
비즈니스 홈페이지로써 기본적으로 갖추고 있어야 할 소요들이 무엇인지 알고 있다면 그레이드가 높은 홈페이지를 보유할 가능성은 높아집니다. 또한 현재 운영하고 있는 홈페이지의 부족한 부분을 발견하여 보완 작업을 진행할 수도 있다고 생각합니다. 물론 제가 알려드리는 사항이 모두 절대적으로 반드시 세팅되어야 하는 사항들은 아닙니다. 하지만 완성도 높은 홈페이지를 소유하고 싶으시다면 앞으로 전달해 드릴 내용을 꼼꼼하게 체크해보시면 많은 도움이 될 것이라고 생각합니다. 본 포스트에서는 각 요소들에 대한 간략한 소개만을 기재할 생각이며 기본적인 웹 지식이 없는 분들이 열람할 수 있는 수준으로 글을 등록할 생각입니다. 보다 자세한 내용은 각각 포스트를 따로 등록할 예정이니 참고를 부탁드립니다.
혹시 페이지 구성이 통체로 이미지화되어 있나요?
중요 키워드가 다수 포함된 콘텐츠 페이지 전체가 이미지로 제작되어 있다면 많은 부분에서 상당히 큰 손해를 보시고 계신 것입니다. 주요 포털사이트 검색엔진이 자료를 수집하기 위해서는 가능하면 콘텐츠 텍스트가 웹폰트로 적용되어야 합니다. 전체를 이미지로 배치하면 검색엔진 자료 수집에도 문제이고 모바일, 태블릿과 같은 다양한 기기에서 텍스트를 미려하게 볼 수 없는 문제점도 생깁니다. 콘텐츠 내용에 맞춰 이미지와 텍스트를 구분하고 명확한 문서 체계(제목-소제목-본문)를 갖는 것을 권해드립니다.
폰트, 색상, 모양(버튼, 콘텐츠 Box)에 일관성이 있나요?
중심 색상과 보조 색상이 조화롭게 구성되어 있고 버튼, 콘텐츠 박스, 이미지박스 등이 일관성 있는 구성으로 적용이 되어 있는지 등을 관찰해보세요. 디자인적으로 명확한 통일감은 웹디자인에서 매우 중요한 요소입니다. 통일감 있게 디자인적 요소가 잘 정리되어 있다는 것은 CSS를 체계적으로 잘 정리했다는 의미를 가지며 차후 스타일 변동 작업을 진행해도 적은 시간과 노력으로도 유연하게 적용이 가능해집니다.
모바일로 홈페이지를 보시면 이미지가 흐릿하게 보이나요?
모바일 사용자들은 대부분 고해상도 디스플레이가 적용되어 있는 모델을 가지고 계십니다. 이런 고해상도 디스플레이에서 이미지가 선명하게 보이도록 하기 위해서는 해상도 크기에 맞춰서 이미지 사이즈를 조정해서 등록해야 합니다.
카톡으로 홈페이지 주소를 전달해보세요.
카톡으로 홈페이지 주소를 전달해보면 홈페이지 대표 이미지, 이름, 설명글, 주소(URL)가 박스 안에 잘 보이면 문제없이 세팅이 완료된 것입니다. 네이버 블로그 포스트 등록 시 링크 삽입을 해도 같은 화면을 확인하실 수 있습니다.
각 페이지마다 브라우저 주소창과 탭을 확인해주세요.
페이지에 접속하여 주소창과 탭 영역에서 페이지 내용과 현재 페이지와 어울리는 네이밍이 적용되어 있는지를 확인해주세요. 검색엔진 최적화 세팅에서 기초적인 부분입니다.
즐겨찾기 또는 인터넷 창 탭에 아이콘이 잘 보이나요?
요즘 브라우저들은 대부분 탭 형식으로 사이트 열람이 진행됩니다. 이때 탭에 홈페이지 고유의 아이콘을 배치하는 것이 비록 작지만 비즈니스 아이덴티티 측면에서도 매우 중요한 요소입니다. 작은 노력으로 큰 보상을 받을 수 있다면 반드시 해야 하는 것입니다.
PC와 동일한 수준으로 모바일 사이트도 관찰해보세요.
접속 통계 보고서를 열람하면 PC와 모바일 접속 비율이 이젠 거의 동일한 수준이거나 모바일이 조금 더 높은 경우도 있습니다. 요즘 반응형 홈페이지들을 많이 제작하시는데요. 그럴수록 모바일 검수를 보다 꼼꼼하게 챙기셔야 합니다. PC버전에서는 보기 좋게 배치된 이미지들도 모바일에서는 어색하고 열람하기 불편한 사이즈(가로, 세로 비용)로 보이기도 하기 때문입니다. 같이 사용할 수 있는 부분과 따로 제작해야 하는 부분을 꼼꼼하게 신경 써서 제작을 했는지를 잘 관찰하시면 보다 완성도 높은 사이트를 인수받으실 수 있습니다.
체크사항 : 이미지 비율 체크(가로, 세로 가독성 여부), 버튼 및 텍스트 사이즈 비율 확인, 상하좌우 마진 체크, 전반적인 세로형 레이아웃 대응 등등
네이버, 구글 웹마스터 등록
사이트 제작을 완료한 후 오픈 시점에서 반드시 해야 할 사항이 바로 네이버, 구글 웹마스터 도구에 사이트를 등록하는 것입니다. 네이버 검색엔진이 홈페이지 자료를 잘 수집하고 있는지를 체크해야 하며 구글 등록 여부도 반드시 확인해야 합니다. 간혹 사이트 제작을 완료하고 포털사이트 등록 작업을 까먹은 분들이 계시는데요. 이런 사이트는 바다에 홀로 있는 무인도와 같은 사이트라고 생각하시면 됩니다.
기업이 홈페이지를 제대로 만들어야 하는 이유는 비즈니스 경쟁력을 높여야 하기 때문입니다. 하지만 완성도 높은 홈페이지를 만든다는 것은 생각보다 쉬운 일이 아닙니다. 스스로 만들기에도 많은 노력과 지식이 필요하지만 제작 업체에 맡겨 제작을 진행하여도 생각보다 완성도 높은 홈페이지를 보유하기란 쉬운 일이 아닌 것이 현실입니다. 훌륭한 많은 제작사들이 있지만 어처구니없는 결과물을 최종적으로 제공하는 업체들도 생각보다는 많은 것이 우리나라 웹에이전시 업계의 현실이기도 합니다.
홈페이지 제작을 했는데 디자인은 그럭저럭 괜찮은 거 같지만 이게 과연 잘 만들어진 홈페이지일까? 전문가들이 내 홈페이지를 구석구석 제대로 신경 써서 만들어 준 것일까? 사람들이 내 홈페이지를 어떻게 찾아올까? 내 홈페이지가 진행하고 있는 비즈니스에 얼마나 도움이 될까?
비즈니스 홈페이지로써 기본적으로 갖추고 있어야 할 소요들이 무엇인지 알고 있다면 그레이드가 높은 홈페이지를 보유할 가능성은 높아집니다. 또한 현재 운영하고 있는 홈페이지의 부족한 부분을 발견하여 보완 작업을 진행할 수도 있다고 생각합니다. 물론 제가 알려드리는 사항이 모두 절대적으로 반드시 세팅되어야 하는 사항들은 아닙니다. 하지만 완성도 높은 홈페이지를 소유하고 싶으시다면 앞으로 전달해 드릴 내용을 꼼꼼하게 체크해보시면 많은 도움이 될 것이라고 생각합니다. 본 포스트에서는 각 요소들에 대한 간략한 소개만을 기재할 생각이며 기본적인 웹 지식이 없는 분들이 열람할 수 있는 수준으로 글을 등록할 생각입니다. 보다 자세한 내용은 각각 포스트를 따로 등록할 예정이니 참고를 부탁드립니다.
혹시 페이지 구성이 통체로 이미지화되어 있나요?
중요 키워드가 다수 포함된 콘텐츠 페이지 전체가 이미지로 제작되어 있다면 많은 부분에서 상당히 큰 손해를 보시고 계신 것입니다. 주요 포털사이트 검색엔진이 자료를 수집하기 위해서는 가능하면 콘텐츠 텍스트가 웹폰트로 적용되어야 합니다. 전체를 이미지로 배치하면 검색엔진 자료 수집에도 문제이고 모바일, 태블릿과 같은 다양한 기기에서 텍스트를 미려하게 볼 수 없는 문제점도 생깁니다. 콘텐츠 내용에 맞춰 이미지와 텍스트를 구분하고 명확한 문서 체계(제목-소제목-본문)를 갖는 것을 권해드립니다.
폰트, 색상, 모양(버튼, 콘텐츠 Box)에 일관성이 있나요?
중심 색상과 보조 색상이 조화롭게 구성되어 있고 버튼, 콘텐츠 박스, 이미지박스 등이 일관성 있는 구성으로 적용이 되어 있는지 등을 관찰해보세요. 디자인적으로 명확한 통일감은 웹디자인에서 매우 중요한 요소입니다. 통일감 있게 디자인적 요소가 잘 정리되어 있다는 것은 CSS를 체계적으로 잘 정리했다는 의미를 가지며 차후 스타일 변동 작업을 진행해도 적은 시간과 노력으로도 유연하게 적용이 가능해집니다.
모바일로 홈페이지를 보시면 이미지가 흐릿하게 보이나요?
모바일 사용자들은 대부분 고해상도 디스플레이가 적용되어 있는 모델을 가지고 계십니다. 이런 고해상도 디스플레이에서 이미지가 선명하게 보이도록 하기 위해서는 해상도 크기에 맞춰서 이미지 사이즈를 조정해서 등록해야 합니다.
카톡으로 홈페이지 주소를 전달해보세요.
카톡으로 홈페이지 주소를 전달해보면 홈페이지 대표 이미지, 이름, 설명글, 주소(URL)가 박스 안에 잘 보이면 문제없이 세팅이 완료된 것입니다. 네이버 블로그 포스트 등록 시 링크 삽입을 해도 같은 화면을 확인하실 수 있습니다.
각 페이지마다 브라우저 주소창과 탭을 확인해주세요.
페이지에 접속하여 주소창과 탭 영역에서 페이지 내용과 현재 페이지와 어울리는 네이밍이 적용되어 있는지를 확인해주세요. 검색엔진 최적화 세팅에서 기초적인 부분입니다.
즐겨찾기 또는 인터넷 창 탭에 아이콘이 잘 보이나요?
요즘 브라우저들은 대부분 탭 형식으로 사이트 열람이 진행됩니다. 이때 탭에 홈페이지 고유의 아이콘을 배치하는 것이 비록 작지만 비즈니스 아이덴티티 측면에서도 매우 중요한 요소입니다. 작은 노력으로 큰 보상을 받을 수 있다면 반드시 해야 하는 것입니다.
PC와 동일한 수준으로 모바일 사이트도 관찰해보세요.
접속 통계 보고서를 열람하면 PC와 모바일 접속 비율이 이젠 거의 동일한 수준이거나 모바일이 조금 더 높은 경우도 있습니다. 요즘 반응형 홈페이지들을 많이 제작하시는데요. 그럴수록 모바일 검수를 보다 꼼꼼하게 챙기셔야 합니다. PC버전에서는 보기 좋게 배치된 이미지들도 모바일에서는 어색하고 열람하기 불편한 사이즈(가로, 세로 비용)로 보이기도 하기 때문입니다. 같이 사용할 수 있는 부분과 따로 제작해야 하는 부분을 꼼꼼하게 신경 써서 제작을 했는지를 잘 관찰하시면 보다 완성도 높은 사이트를 인수받으실 수 있습니다.
체크사항 : 이미지 비율 체크(가로, 세로 가독성 여부), 버튼 및 텍스트 사이즈 비율 확인, 상하좌우 마진 체크, 전반적인 세로형 레이아웃 대응 등등
네이버, 구글 웹마스터 등록
사이트 제작을 완료한 후 오픈 시점에서 반드시 해야 할 사항이 바로 네이버, 구글 웹마스터 도구에 사이트를 등록하는 것입니다. 네이버 검색엔진이 홈페이지 자료를 잘 수집하고 있는지를 체크해야 하며 구글 등록 여부도 반드시 확인해야 합니다. 간혹 사이트 제작을 완료하고 포털사이트 등록 작업을 까먹은 분들이 계시는데요. 이런 사이트는 바다에 홀로 있는 무인도와 같은 사이트라고 생각하시면 됩니다.