크로스디자인 메디 홈페이지

Production Case

코스닥 상장을 준비하는 회사 홈페이지 필수 체크 5가지

2025. 08. 27

안녕하세요. 크로스디자인그룹입니다.😊
오늘은 코스닥 상장을 준비하면서 홈페이지 제작을 위해 저희에게 제작을 맡겨주신
주식회사 제이오 홈페이지의 제작 사례를 소개해 드리겠습니다.

검색엔진 최적화로 포털검색 상위권 필수

기존의 제이오 홈페이지를 살펴보겠습니다.

가장 중요하게 확인할 부분은 검색입니다.
현재 사이트를 검색하면 어디에 참가했고, 나눔을 실천한다. 전시회를 마쳤다는 내용들이 나옵니다.
이 부분을 홈페이지에서 살펴보면 메인페이지의 Notice 부분을 그대로 긁어온 것입니다.
기업을 어필하기 위해서는
고객의 가치를 창조해 주는 엔지니어링 전문기업‘이 나와야 하지만 나오지 않고 있습니다.
바로 검색엔진 최적화가 되어있지 않기 때문입니다.

네이버에는 네이버 검색로봇이 있으며, 구글에는 구글 검색로봇이 있습니다.
이 웹 마스터 도구들에는 열한 가지 체크 항목이 있습니다.
체크 항목들을 모두 준수한다면, 홈페이지가 자연 검색에서 상위에 오를 수 있는 확률이 높아집니다.

쉽게 말씀드리자면 ‘나노기술’ 혹은 ‘나노테크놀로지’라고 검색했을 때,
국내나 해외에서 검색이 잘 되어야 했지만
그런 부분에서 하나도 되지 않은 사이트였습니다.

기존 홈페이지

홈페이지제작

F12(개발자도구)를 눌러 더 자세히 살펴보겠습니다.
사이트 제목은 제이오라고 나와 있지만, 그다음에, 홈페이지에 대해 설명이 아무것도 없습니다.
이렇다 보니 이 사이트에서 긁어올 수 있는 텍스트만 검색 결과에 노출이 되는 겁니다.

이번에는 사이트가 최적화 되어 있는 경우를 살펴보겠습니다.
홈페이지를 리뉴얼 한 이후의 홈페이지에서 개발자 도구 페이지와 검색 결과를 보여드리겠습니다.

새로 리뉴얼된 멋진 홈페이지

홈페이지제작

F12를 눌러 확인해보면 사이트 제목 제이오와 그에 따른 설명이 나옵니다.
‘제이오는 나노 첨단소제의~ 탄소나노튜브입니다.’

홈페이지제작

정확한 검색결과를 반영 : 실제 검색 결과 화면입니다.

홈페이지제작

관리자 메뉴의 설명 부분 아래 키워드 검색시에
해당 기업이 검색 결과에 노출될 수 있도록 키워드로 정리해놓았습니다.
탄소나노튜브와, 이차전지플랜트, 다이노밀 키워드를 검색한 결과 화면입니다.
검색어 키워드 반영히 확실히 되고 있으며, 그에 따른 내용이 아래에 노출됩니다.

네이버 웹마스터에서 직접 평가한 결과를 공개합니다.

홈페이지제작

검색 최적화 실제사례 2 – 가람건축

홈페이지제작

가람 건축사 사무소 홈페이지가 포털사이트에서 정확히 매칭되기 위한 결과화면

홈페이지 제작

가람 건축사 사무소를 검색하면 1984년도에 설립되었다는 설명과 메뉴가 나옵니다.
검색했을 때 메뉴가 등장하는 것은 설정해야 나오는 것이 아닌,
검색 로직을 잘 맞춰야 나올 수 있는 요건이 만들어집니다.

검색이 노출되는 부분과 검색 상위권에 노출될 수 있는 여건을 만드는 기술까지
크로스디자인에서 이 부분들을 매우 잘한다는 점을 말씀드립니다.

홈페이지 목적은 홍보입니다.

홍보가 잘 되기 위해 검색엔진의 로직을 최대한 맞춰서 제작해 드리고 있습니다.

기존의 제이오 홈페이지 모습 – 헉, 통이미지 ㅠㅠ

홈페이지제작

제이오의 기존 홈페이지를 확인하면, 소개글 드래그 시 사진과 텍스트가 같이 담긴 이미지가 당겨집니다. 이걸 통이미지라고 합니다.

이렇게 텍스트가 아니라 이미지로 되어있으면, 검색엔진은 텍스트를 하나도 읽지 못하여 검색 반영이 되지 않습니다.

홈페이지제작

리뉴얼한 사이트는 위에 보이시는 것처럼 텍스트로 되어있습니다.
검색엔진에서 검색결과가 상위에 노출이 잘 되도록 제작했습니다.

검색엔진에 잘 반영된 결과 공개

홈페이지제작

저희에게 병원 홈페이지 의뢰와 작업이 많은 데엔 이유가 있습니다.
실제 검색결과 사례를 보여드리겠습니다.

크로스디자인에서 노원의 치과 홈페이지를 제작한 곳이 세군데 입니다.
검색결과를 보시면 1위, 2위, 4위에 올라가 있습니다.

실제 포트폴리오를 확인해보시면 35퍼센트 정도가 다국어 웹사이트입니다.
구글 검색 반영률이 높은 이유는 검색로직을 확인 후
정확히 홈페이지에 반영하여 상위 노출이 되도록 제작하기 때문입니다.
그렇기 때문에 크로스디자인을 믿고 맡겨주시는 분들이 많습니다.

네이버 검색 반영률도 구글처럼 높습니다.

홈페이지제작

네이버 또한 구글과 마찬가지로, 검색엔진 최적화를 진행하여
저희가 만든 홈페이지들이 상위에 노출이 되는 것을 확인할 수 있습니다.

검색엔진 최적화를 진행하여 검색이 잘 되도록 하는 일은 크로스의 핵심 기술이라고 말씀드립니다.

과거 홈페이지 방식을 새롭게 개선

홈페이지제작

지금 보시는 페이지는 리뉴얼 전 홈페이지입니다.
이 홈페이지는 과거에 운영되었던 웹사이트 방식으로 운영이 되고 있었습니다.
오른쪽 마우스를 클릭해 보면 어도비 플래시 플레이어라고 나옵니다.
애니메이션이 나오고 있지만, 스마트폰이나 아이패드, 태블릿에서
확인한다면 이 부분은 나오지 않습니다.

어도비 플래시 플레이어는 지원을 안 한 지 오래되었기 때문입니다.

리뉴얼 된 홈페이지

홈페이지제작

마찬가지로 애니메이션 효과가 있지만 플래시는 사용되지 않았습니다.
크로스디자인은 웹페이지 시장의 흐름과 고객의 브라우저 점유율을 분석하여 최적의 홈페이지를 제작합니다.

어그러지는 기존의 반응형 홈페이지

홈페이지제작

그럼, 이제 기존 홈페이지를 디자인적 측면으로 확인해 보겠습니다.
과거 홈페이지의 사업 영역 쪽을 확인하시면 이렇게 새로운 사이트가 뜹니다.
확인하시면 템플릿에 찍어놓은 듯한 느낌을 받으실 수 있습니다.
반응형 페이지나, 콘텐츠가 사라지거나 글씨 위치가 뒤바뀌면서 어그러집니다.

완벽히 최적화된 리뉴얼 반응형 홈페이지

홈페이지제작

반응형 홈페이지라는 것은
태블릿이나 핸드폰 등 좁은가로 크기의 기기에 맞춰
사이트를 재배치하고 구조화하는 것
을 말합니다.
크로스 디자인은 10년째 반응형 웹사이트만을 제작해 와서
이 부분에 관해 탁월한 기술을 가지고 있습니다.

보이는 것처럼 컨텐츠가 명확하게 나오고 반응형 또한 잘 반영되었습니다.
디자인 베이스를 굉장히 탄탄하게 작업하고 중시하면서
기능적인 부분도 놓치지 않는다는 점을 말씀드립니다.

코스닥 상장 기업을 위한 주가정보DB 연동 기술

홈페이지제작

해당 기업이 코스닥 상장을 하게 되어 크로스 디자인은 이에 맞게 새로운 기능을 도입했습니다.
바로 증권 DB를 API기술로 해당 상장사 홈페이지에 호출하는 연동형 기술 입니다.
크로스 디자인이 제작한 IR정보의 주가 정보페이지 입니다.

사이트의 컬러와 톤앤매너에 맞춰 디자인과 퍼블리싱, 반응형까지 구현하여
모바일로 접속한 투자자들에게도 신뢰감을 주는 기술을 구현했습니다.

투자자에게 신뢰감을 주는 컨텐츠 정보전달

크로스디자인은 회사의 이미지를 철저히 분석해 고객과 함께 소통하고 협의하여 홈페이지를 제작합니다.

업체 특성에 맞는 디자인 그리드와 컨텐츠 레이아웃

홈페이지제작

다른 페이지들을 확인해보면 컨텐츠를 잘 정리해 넣을 수 잇는
디자인 그리드를 제작하여 뛰어난 결과물을 제작하였습니다.
반응형 페이지이기 때문에 태블릿을 이용한 프레젠테이션,
핸드폰으로 작업물을 보여주어야 하는 상황
에서 많은 도움이 됩니다.

코스닥 상장을 준비중이라면?
정답은 크로스디자인

크로스디자인은 제이오, 덱스터스튜디오,
에이치엘 사이언스
등 다양한 상장사 홈페이지를 제작했습니다.
검색엔진 최적화와 반응형 웹사이트 제작을 통해
홈페이지를 몇년이고 안전하게 쓸 수 있음을 약속드립니다.
철저한 서버관리는 당연합니다.

소통을 가장 중시하며 프로세스 관리와 정확한 피드백, 정기 유지보수까지
모두 동영상 메뉴얼로 제작하여 전달드리므로 굉장히 효율적으로 사이트를 개발해드릴 수 있습니다.

코스닥 상장을 준비중이시라면 크로스디자인과 함께하세요.
감사합니다.😀

CDN 뜻, 빠르고 안정적인 홈페이지 운영의 핵심에 대해 궁금하시다면?

author avatar
크로스디자인
믿음의 기업 크로스디자인, 신뢰와 진정성으로 언제나 함께 합니다. 크로스디자인. http://www.crossdesign.co.kr
Share