홈페이지제작칼럼

공유하기

대학교/연구소/연구센터 홈페이지제작에는 이런 내용이 반영 되어야 합니다.

1. 상호작용(인터렉티브)이 잘 되는 홈페이지제작


컨텐츠의 손쉬운 공유

내 홈페이지의 유용한 정보가 널리 퍼질 수 있도록 소셜 공유버튼을 제공합니다.
페이스북, 트위터, 네이버밴드, 구글+, 카카오톡, 카카오스토리를 통해 등록하고 공유할 수 있도록 제작하세요.

컨텐츠 알림 시스템

상담문의나 질문이 들어오면 바로 알 수 있어야 하고,
이동 중에도 새로운 내용을 읽고 후속 조치를 바로 할 수 있는 시스템 까지 구축 된다면 보다 빠른 피드백이 가능합니다.

 1. SMS, LMS, Email 로 알림을 받고
 2. 해당 컨텐츠의 링크를 클릭하여 확인 한 후
 3. 댓글을 작성하거나 상태를 변경하는 등의 액션이 가능합니다.

게다가 댓글로 작성한 내용이 자동으로 신청자에게 이메일로 전송되도록 만들 수도 있습니다.

컨텐츠 커뮤니케이션 시스템

새로운 컨텐츠에 대한 방문객들의 반응을 얻는 방법은 다양합니다.
'좋아요'를 누르는 간단 유도 부터 댓글을 작성하거나 긴 답글이나 댓글을 작성하며 토론을 하는 경우 까지!
이러한 반응은 인터렉티브한 설계의 홈페이지만이 얻을 수 있는 영광 입니다.

2. 접근성이 높은 홈페이지제작


웹문서란?

홈페이지는 여러 페이지의 모음 입니다.
그리고 각각의 페이지가 바로 '웹문서' 입니다. 단어에서 알 수 있는 것 처럼 표준서식을 따라야 확장 및 관리가 용이 합니다.
저희는 국제 웹표준을 제정하고 권고 하는 w3c 규약을 최대한 준수하여 제작 합니다.

또한 2014년 부터 html5 타입으로 제작하고 있으며,
정확한 doctype 선언 및 title, meta, body, h 태그를 적절하게 사용하여 웹문서를 만들어 냅니다.

웹문서최적화 => 크로스브라우징 OK!

크로스브라우징을 고려하지 않으면 방문객의 절반을 잃어버릴 수도 있습니다.

홈페이지를 방문할 때 사용하는 웹브라우저는 IE, Chrome, FireFox, Safari 와 같은 다양한 프로그램이 있습니다.
게다가 모바일기기의 웹브라우저를 통한 방문객도 반드시 고려해서 제작해야 합니다.

이처럼 다양한 웹브라우저를 통한 방문객이 불편함이 없도록 홈페이지를 제작해야 홍보 효과가 제대로 나타납니다.
저희는 PC, 모바일기기에서 사용중인 메이저급 웹브라우저에서 귀사의 홈페이지가 제대로 서비스될 수 있도록 제작해 드립니다.
(아래는 크롬, 사파리, 오페라, 파이어폭스, IE, iOS 사파리 에서 캡쳐한 저희 홈페이지 입니다.)

검색엔진에서의 웹문서 영역

웹문서는 통합검색결과 영역 중 '웹문서(페이지)'영역 안에 노출되는 문서들을 의미하며,
로봇 프로그램이 인터넷을 자동으로 돌아다니며 수집한 국내외의 다양한 웹문서들이 그 대상이 됩니다.
웹문서최적화 웹문서검색

웹문서최적화는 검색엔진최적화를 위한 기본!

일부 마케팅 업체에서 이야기하는 단편적이인 기교는 제대로된 웹문서최적화라고 할 수 없습니다.

 

웹문서의 구조를 잘 지키도록 홈페이지를 설계/제작하고 지속적으로 품질 좋은 컨텐츠를 만들어 내야 가능합니다.

좀더 자세히 설명해 드리자면, 아래의 두가지를 최적화 해야 합니다.

 

* 크롤링(Crawling)최적화 : 검색로봇이 우리 웹사이트의 내용을 최대한 많이 긁어갈 수 있도록 하는 것

* 인덱싱(Indexing)최적화 : 검색로봇이 수집한 웹 문서가 우리가 원하는 검색어에 대해 최대한 상위에 노출되도록 하는 것

 

웹문서의 표준화된 구조를 철저히 지켜 크롤링최적화를 하고,

컨텐츠의 품질을 높여 인덱싱 최적화를 하는 것입니다.

 

당사의 마케팅최적화 솔루션은 크롤링최적화와 인덱싱최적화를 위한 기술적인 준비가 되어 있습니다.

이는 현업에 종사하는 온라인 마케터의 다양한 요구사항을 수렴하여 개발, 검증되고 있습니다.

검색엔진최적화 세팅

저희는 여러분의 홈페이지를 검색엔진에 친화적으로 제작 합니다.
검색엔진 최적화 가이드라인을 기준으로  홈페이지제작 기반 기술을 꾸준히 업데이트 해 나가고 있습니다.

검색엔진최적화 홈페이지 제작 + 최적화 가이드 숙지후 꾸준한 컨텐츠 작성 = 자동광고효과 로 이어집니다.

네이버, 다음+네이트, 구글 사이트 등록

검색엔진에서 내 상호(사이트이름)으로 검색이 되려면 도메인주소를 검색엔진에 등록해야 합니다.
직접 등록 하기 어려운 분들을 위해 네이버, 다음+네이트, 구글 검색엔진의 사이트 등록을 대행 해 드리고 있습니다. (당사 제작고객만 해당)
각종 보류 상황에 대한 대응과 적절한 설명문구의 작성으로 여러분의 소중한 시간을 절약해 드리겠습니다.
오마이사이트 사이트등록

네이버, 구글 웹마스터도구 세팅

네이버와 구글은 독립사이트의 컨텐츠(웹문서)의 수집과 관리를 위해 웹마스터도구를 제공하고 있습니다.
직접 세팅하기 어려운 분들을 위해 네이버, 구글 검색엔진의 웹마스터도구 세팅을 대행 해 드리고 있습니다. (당사 제작고객만 해당)
웹마스터도구로 내 홈페이지의 웹문서의 수집/노출/오류 현황을 모니터링 할 수 있습니다.
네이버 웹마스터도구, 구글 웹마스터도구

네이버 신디케이션API 연동

네이버에 최적화 하지 않고는 대한민국 검색엔진최적화라고 할 수 없습니다.
기본 검색엔진최적화 세팅을 하셨다면 네이버 검색엔진최적화의 필수 신디케이션 API 연동으로 꼭 마무리 하세요.
여러분 홈페이지의 게시판에 글을 작성하면 네이버 웹문서영역에 1~2일 이내에 등록 됩니다.

대한민국 인터넷 포털 사이트의 대표

네이버는 국내 PC 검색점유율의 70%이상을 차지하며 타사이트와 비교하여 월등하게 많은 사람들이 네이버 검색 서비스를 이용하고 있습니다.
하루 1,800만명이 네이버를 방문하고 하루 1,200만명이 검색 서비스를 이용하고 있으며 하루 동안 검색되는 쿼리수만 1억 3천만개입니다.
국내 대다수의 인터넷 이용자가 네이버에서 원하는 정보를 검색하며 네이버 서비스를 이용하고 있습니다.

오마이사이트의 네이버 신디케이션API

신디케이션API는 API 연동/개발 후 충분한 테스트가 필요 하며 다음과 같은 사항도 고려 해야 합니다.

 

* 많은 홈페이지의 연동 경험으로 모듈이 검증되어야 합니다.
* 새로운 게시판을 생성, 일시연동중지, 삭제와 같은 상황도 고려 해야 합니다.
* 게시물의 등록 뿐만 아니라 수정, 삭제, 암호잠금, 비공개 등의 처리도 반영 되어야 합니다.

 

오마이사이트의 네이버 신디케이션API 모듈은 2010년 시작된 V1(2014년 11월 종료) 버전부터 개발해 왔으며,
2014년 11월 시작된 V2버전으로 업데이트 되어 안정적으로 동작 합니다.

※ 신디케이션 API는 상위 노출을 보장하는 것이 아니라 빠른 등록을 보장합니다.
※ 컨텐츠의 양과 품질이 도메인의 인기도를 높이게 되므로 양질의 컨텐츠를 꾸준히 작성하는 것이 홈페이지의 가치를 높이는 방법입니다.
※ 당사는 네이버 웹문서영역에 어뷰징(도배) 목적으로 운영할 홈페이지는 제작하지 않습니다.

페이스북, 트위터 자동연동

내 홈페이지의 컨텐츠가 다른 홈페이지에 연결되어 있는 것은 검색엔진의 상위노출에 유리한 작용을 합니다.
페이스북+트위터자동등록세팅은 내 홈페이지에 게시물이 올라오면 개인 또는 기업용 페이스북 이나 트위터에 자동으로 등록되게 세팅 해 드리는 서비스 입니다.
오마이사이트 페이스북 트위터 자동연동

3. 보안성 높은 홈페이지제작


SQL인젝션 필터링 여부 점검

SQL인젝션은 해킹이 성공할 경우 피해가 가장 심각한 공격방식입니다.
홈페이지 내부에 저장되어 있는 Database의 정보가 유출될 수도 있기 때문에 반드시 점검 해야 할 대상입니다.

해킹 시도 방법으로는,
흔히 로그인 할 때 입력하는 id나 패스워드에 따옴표와 = 과 같은 문자를 섞어 정상적인 쿼리로 인식되게 합니다.
이 경우 관리자로 로그인 될 수도 있고 인증된 쿼리에 따라 전체 정보가 유출될 수도 있습니다.

따라서 모든 사용자 입력 값을 체크 하여 비정상적인 입력을 필터링 해야 합니다.

XSS(Cross Site Scripting) 필터링 여부 점검

XSS (Cross Site Scripting) 도 반드시 점검해야 할 대상 입니다.
이 해킹이 성공할 경우 운영중인 홈페이지가 악성코드가 배포처가 되거나 피싱사이트로 이동시키는 데 약용될 수 있습니다.
특히 내 홈페이지에 악성코드가 심어지면 수 많은 2차 피해자가 생길수 있으니 꼭 점검해야 합니다.

해킹 시도 방법으로는,
게시물에 글을 쓸 때 iframe, script, embed, object 태그를 등록하는 방법이 있습니다.
위와 같은 태그를 악용하면 해당 게시물을 보는 방문객들이 악성 프로그램을 다운로드 받거나 금융사기 피싱사이트 등으로 강제 이동하게 될 수 있으므로 게시물을 입력할 때 각종 태그나 스크립트 실행 구문을 필터링 해야 합니다.

파일 업로드 취약점 점검

게시물에 파일을 첨부할 때 확장자를 점검하여 시스템 파일이 업로드 되지 않도록 해야 합니다.
시스템파일이란 .php 와 같은 웹프로그램 파일이며 악의 적인 실행이 코딩된 파일이 업로드 되면 홈페이지내의 모든 정보가 유출되거나 파기될 수 있습니다.

최근에는 png 파일과 같은 이미지파일에도 악성스크립트를 삽입하여 공격하는 패턴도 보이고 있으므로 꼭 필요한 최소한의 확장자만 허용해야 합니다.
아울러 파일이 업로드 되는 디렉토리는 실행 권한을 비활성화 시켜 두는것이 보다 안전합니다.

파일 다운로드 취약점 점검

홈페이지에는 첨부된 파일을 다운로드 하는 영역이 있습니다.
서버의 첨부파일을 다운로드 할 수 있도록 하는 프로그램에 ../ 와 같은 상대 경로 문자열을 입력함으로써 시스템 파일과 같은 중요 파일을 다운로드 하려는 공격 시도를 할 수 있습니다.

이와 같은 시도가 실행 되면 패스워드와 같은 중요한 정보가 유출 될 수 있습니다.
따라서 파일명을 입력받는 방식이외의 방법으로 다운로드 프로그램을 구현하는 것이 좋으며 불가피한 경우 정해진 경로에서만 다운로드 될 수 있도록 점검해야 합니다.

개인정보 보안 점검

최근 개인정보보호법이 강화됨에 따라 홈페이지상에서 개인정보가 노출되지 않도록 관리해야  합니다.
게시판에 작성된 정보중 개인정보는 블라인드 처리하여 노출되지 않도록 하여야 합니다.

이름, 각종 연락처, 접속IP주소 등과 같은 정보가 필요한 영역에서만 노출 될 수 있도록 하여야 하며,
주민등록번호나 패스워드와 같은 민감한 정보는 저장시 암호화키를 활용한 보안성 높은 방법으로 암호화 하여야 합니다.

지속적인 보안 패치 및 기반 프로그램 업데이트

저희는 각종 보안관련된 이슈가 새로 발견되면,
가장 빠르게 반영할 수 있도록 대응 해 드리며 무료 패치와 유료 최적화 작업을 해 드리고 있습니다.
또한 공공기관이나 금융기관에서 실시하는 보안성테스트 후에 발견되는 문제점에 대해 신속히 대응해 드리며,
차후 제작되는 홈페이지에 반영하여 보다 안전한 운영이 될 수 있도록 노력합니다.

이 밖에 보안관련된 자세한 내용은 아래의 문서를 다운로드 받아 참고하시기 바랍니다.

☞ KISA(인터넷진흥원) 보호나라의 홈페이지개발보안안내서바로가기

서버보안 및 SSL인증 보안서버 구축

웹프로그램 보안과 함께 서버측 보안이 필수 입니다.
서버 자체보안의 경우 서버 제공 업체가 보안 관련된 이슈에 얼마나 신속하게 대응하고 자주 패치하느냐에 따라 달려 있습니다. 따라서 인지도 높은 서버 제공업체를 선택하는 것도 매우 중요 합니다.
또한 SSL인증서를 통한 https 프로토콜을 사용할 수 있도록 설정하면 중요한 정보 전송시 암호화 되어 전송되므로, 보다 안심하고 홈페이지를 운영 할 수 있습니다.


4. 관리가 편리하고 확장성 높은 홈페이지제작


신선유지관리

여러분의 홈페이지에 관리자로 접속 하시면 홈페이지의 유지관리 요청을 바로 할 수 있습니다.
별도의 로그인이나 본인 확인 과정이 필요 없으므로 무료 작업의 경우 확인 즉시 처리하여 보다 신선한 관리가 가능합니다.
무료 작업의 경우 24시간 이내 처리를 위해 노력하고 있습니다. (통상 요청의 70%~80% 이상이 무료작업)
오마이사이트 유지관리

웹브라우저 편집 시스템

많은 경우 기술자만이 다룰 수 있는 ftp + 텍스트 편집 방식으로 홈페이지를 제작/관리 합니다.
그런 경우 제작 업체의 관리 고객이 많아질 수록 기술자 업무의 병목현상으로 이어져 유지관리 업무의 속도가 느려지게 됩니다.
웹브라우저 편집방식은 그런 기존 관리 방식의 한계를 넘어 다음과 같은 장점이 있습니다.

기본 유지보수의 범위가 넓어집니다.

과거 유료 작업 이었던 메인메뉴의 이름이나 위치변경 등의 작업이 무료로 처리 됩니다.

다양한 기능이 이미 준비되어 있습니다.

제작 당시에는 고려하지 못했던 여러 기능들을 운영중에도 무료 또는 적은 비용으로 사용할 수 있도록 다양한 기능을 준비해 두었습니다.

필요한 경우 직접 관리할 수 있습니다.

유지관리를 직접 하길 원하는 경우 페이지관리와 게시판관리 기능을 추가 비용을 들여 별도로 개발하는 분들도 계십니다.
저희가 제작해 드리는 홈페이지는 그런 편집기능이 준비되어 있습니다. (약간의 비용을 지불 하시면 별도의 편집 기능과 메뉴얼 + 무료교육을 제공 합니다)

맞춤제작이 가능한 독립형

홈페이지는 제작 후 유지관리가 더 중요합니다. 초기 구상과는 다르게,
대부분의 경우 제작 직후 부터 무언가 변경되어야 할 상황이 발생하므로 유지관리를 쉽게 할 수 있는 구조로 제작 해야 합니다.
독립형 홈페이지는 운영중 필요한 다양한 요구사항을 충족시킬 만큼의 확장성이 제공 됩니다.
게시판을 수정해서 만드는 간단한 인트라넷은 물론 그룹웨어 수준의 관리프로그램 개발 까지 홈페이지와 함께 운영이 가능합니다.

(주)오마이사이트의 대학/공공/연구/금융기관 포트폴리오


공유하기
등록자

이주한

등록일
2015-07-25 18:36
조회
12,276

댓글 157