본문 바로가기

웹사이트(홈페이지) 제작은 왜 하나요? 만든 후에는 무엇을 해야할까요? 웹사이트(홈페이지)를 제작하는 목적은 매우 다양합니다. 기업홍보, 제품판매, 서비스 제공 등 필요로 하는 목적이 많습니다. ​제작을 하고 나면 어떻게 고객이 방문하도록 할까요?타겟 고객의 눈에 잘 띄게 하기 위해 마케팅을 진행하는데 바이럴이나 광고가 효과를 보기 위해서는 적어도 500만원 이상의 큰 비용이 들어갑니다. 마케팅 시장의 흐름을 보면, 유료 광고(검색엔진 광고 마케팅, SEM)에 대한 불신이 많아 클릭율이 현저히 낮아지다보니 친근감 있고 고객의 언어로 다가가서 마케팅하는 바이럴 리뷰 마케팅이 나왔고 지인을 활용하는 SNS 마케팅까지 나온 상황입니다. 이 중 바이럴 마케팅은 국내 시장의 특성 상 네이버가 절대적인 강자라 네이버 블로그를 활용해서 고객 검색 시 도배를 하는 방법인데 최근에는 콘텐츠..
웹사이트(홈페이지) 제작 업체군과 비용은 어떻게 되나요? 최근에 웹사이트(홈페이지) 제작을 하고 싶어 하시는 분들이 점점 증가 하고 있습니다. 유튜브에서도 wix.com이라는 위지윅 방식의 홈페이지 자동화 제작 도구가 지속적으로 광고에 노출되고 있습니다.웹사이트 제작 시 업체군 별 장단점을 분석해 보고 선택을 해야 하는데 처음 웹사이트를 제작 하고 싶으신 분은 잘 모르실 것 같아 제작 업체군 별 장단점과 웹사이트 제작 비용을 분석해 보도록 하겠습니다.웹사이트 제작 업체를 크게 나누면 ① 웹에이전시 ② 호스팅 업체 ③ 자동화 도구 이렇게 3개 군으로 구분할 수 있습니다.① 웹에이전시한글로 풀면 "웹대행사"인데 고객의 업무를 대신 해서 모두 처리를 해주는 업군이고 가장 전문화 되었습니다. 그렇다 보니 기획력 , 디자인 등 가장 퀄리티가 좋습니다. 대기업에서도 웹사..
다국어지원 문자인코딩(Character Set) UTF8 정의 : Character Set은 웹페이지가 작성된 언어, Input Encoding은 웹페이지 자체 파일의 인코딩 방식입니다.다국어 지원을 위해서는 두 방식 모두 UTF8로 지정이 되어 있어야 합니다. Character Set & Input Encoding 이해하기 Character Set의 인코딩 타입과 실제 Input Encoding 타입을 비교하여 같은지 체크합니다.모든 웹 문서에서는 어떤 언어로 보여줄건지 언어형식을 설정해주어야 합니다. Character Set을 정확히 설정하지 않으면 글자가 깨지기 때문에 적절한 언어형식 사용이 중요합니다.HTML문서에서 언어타입을 정했어도, 파일의 인코딩 타입이 다르면 깨져서 노출되기 때문에 Character Set의 인코딩 타입과 실제 Input Enco..
검색엔진 최적화(seo) NO FOLLOW(링크된 웹페이지 참조 금지) 정의 : 웹페이지 내 삽입된 링크에 대해 「이 링크는 연관된 웹페이지가 아니므로 크롤링* 시 참고하지 마세요」라고 검색엔진에게 알려주는 것입니다. No Follow 이해하기 No follow속성은 웹페이지 단위로 사용되기도 하고, 웹페이지 내 링크에 대한 크롤링*을 하지 말라는 역할로 사용됩니다. 웹페이지 단위로 사용될 경우 해당 웹페이지를 검색엔진에 노출하지 말라고 지시하는 역할로 사용됩니다. 웹페이지 내 링크에 대해 속성을 사용해야 하는 이유는 링크를 통해 연결된 웹페이지의 분석 결과와 웹페이지 분석 결과가 합산되어 검색엔진 사이트 노출 순위에 영향을 미치기 때문입니다. 웹페이지 내 링크에 대해 No follow 속성을 사용하는 경우는 다음과 같습니다. 1. 신뢰 할 수 없는 웹페이지로 연결: 게시판..
검색엔진 최적화(seo) HTML DOCTYPE(웹페이지 선언문) 정의 : HTML 4개, XHTML 4개 중 어떤 버전으로 작성되었는지 선언합니다.HTML DocType 이해하기 doctype은 Document Type의 줄임말입니다.HTML은 버전별로 지원하는 태그의 사용이나 출력에서 미묘한 차이가 발생하기 때문에, 어떤 버전으로 작성되었는지 미리 선언을 하여 “웹브라우저가 내용을 올바르게 표시”할 수 있도록 해줍니다.선언하지 않을 경우 브라우저가 임의로 지정하게 되어 원치 않은 결과가 발생 할 수도 있습니다. SEO Friend의 등급체크 SEO 등급 설명 Good 버전별로 선언문을 바르게 사용 Bad 선언문을 바르게 사용하지 않음 Doctype 버전별 선언 Doctype 선언은 HTML5, HTML4.0, XHTML1.0, XHTML1.1 버전에 따라 선언 방식..
보고서.제안서 목차 지난 글에서 보고서는 어떤 흐름으로 구성되는지 간략히 적어보았습니다. 그 흐름을 목차라고 부릅니다. 보고서를 작성할때에는 목차를 먼저 작성하고 전체 흐름에서 빠진항목이 없는지 살펴봐야 합니다.그러면 목차는 어떻게 잡아야 하나요?목차는 모두 동일할까요?목차는 제안이나 보고의 흐름, 내용에 따라 차별성있게 작성해야 합니다.​제안서 목차는 대기업의 경우 고객사가 이미 많이 스터디해서 받고 싶은 제안을 RFP(Request for proposal, 제안요청서) 라는 문서를 통해 규정을 해서 보내주는 경우가 많습니다.중소기업의 경우에는 이러한 절차도 잘 모르시기 때문에 상담을 통해 설명을 듣고 제안없이 선택을 하는 케이스가 많습니다.​보고서 목차는 회사에서 누구에게 보고하느냐에 따라 목차가 틀려질 수 있습니다. ..
메타태그(meta tags) expires 속성(property) 정의 : 웹페이지의 메타 태그 캐쉬 속성 설정을 통해 페이지 속도를 최적화 합니다. 메타 태그 expires 속성 이해하기 메타태그는 웹페이지(Web page)의 처음으로 읽어들이는 부분으로 상당히 중요함으로 웹페이지나 블로그에 올바른 메타태그 적용이 필요합니다. 메타 태그의 종류는 속성에 따라 다양한 기능을 제공하는 데 그 중 expires 속성은 브라우저 캐쉬를 핸들링 하는 속성입니다. 즉, 캐쉬의 완료 즉 파기 시간을 정의 한다. 캐쉬의 파기를 위한 속성으로는 Expires 외에 아래와 같은 다양한 방법이 있습니다. 보통 개발 시에는 캐쉬가 있으면 수정사항이 반영이 안되기 때문에 캐쉬를 없애는 것을 중요하게 생각을 하는데 서비스가 안정화 된 운영 시에는 캐쉬를 지정하여 페이지 속도를 최적화 하는 것..
Link Favicon Meta Tags(브라우저 URL 아이콘) 정의 : 브라우저(웹사이트)의 URL 앞에 나타나는 아이콘으로, 대표하는 로고(Logo)의 개념입니다. Link Favicon 이해하기 “웹사이트를 대표하는 아이콘”이며, 사용자가 즐겨찾기 목록에서 아이콘으로 쉽게 찾을 수 있습니다. 이전에는 즐겨찾기된 URL에만 표시되었는데, 현대에서는 Favicon이 사용자 친화적인 것으로 여겨집니다. SEO(검색엔진최적화)를 위한 파비콘의 용도는 다양합니다. 1. 브랜드 인지도 Favicon은 웹사이트의 브랜딩 및 성격을 나타냅니다. 사용자가 웹사이트를 인지하고 기억하는데 도움이 될 것입니다. 2. 사이트 신뢰성 Favicon이 없으면 웹브라우저는 브라우저 탭에 기본 빈 문서를 표시합니다. 만약 Favicon이 있는 경쟁사이트와 비교하였을 경우 사용자는 자연스레 F..