홈페이지리뉴얼
정의: 이미 운영 중인 홈페이지의 디자인, 구조, 기능을 전면적으로 새로 만드는 작업으로, 오래된 디자인이나 낮은 전환율, 관리 어려움 등을 이유로 진행합니다.
왜 필요한가: 홈페이지 리뉴얼은 신규 제작과 달리 기존 페이지 주소(URL)와 그동안 쌓인 검색 노출 이력이 존재하기 때문에, 이를 어떻게 이어받느냐에 따라 리뉴얼 이후 검색 유입이 유지되거나 반대로 크게 줄어들 수 있습니다.
비용/기간: 기존 콘텐츠 자산을 재활용할 수 있지만, 구조 개편 논의가 필요해 보통 3~6주 정도 소요됩니다.
실무 팁: 페이지 주소(URL) 구조가 바뀌는 경우 기존 주소에서 새 주소로 301 리다이렉트를 설정해야, 기존에 쌓인 검색 노출 신호가 새 페이지로 이어집니다.
자주 하는 실수: 리뉴얼하면서 기존 URL을 301 리다이렉트 없이 그대로 없애버리면, 검색엔진이 기존 페이지를 삭제된 것으로 인식해 그동안 쌓아둔 검색 노출 순위가 리셋될 수 있습니다.
랜딩페이지제작
정의: 특정 광고 캠페인이나 상품 하나를 위해 만드는 단일 페이지로, 상단 메뉴 등 다른 페이지로 이동하는 링크를 최소화하고 하나의 행동유도버튼(CTA)에 집중하도록 설계합니다.
왜 필요한가: 광고를 보고 유입된 방문자가 다른 메뉴를 클릭해 이탈하지 않고 곧바로 문의나 구매로 이어지도록, 선택지를 줄이고 광고 메시지와 페이지 내용을 일치시키는 것이 랜딩페이지의 핵심 목적입니다.
비용/기간: 홈페이지 전체보다 다루는 범위가 좁아 보통 3~7일이면 제작이 가능하지만, 광고 캠페인마다 별도로 만드는 경우가 많아 여러 개를 동시에 운영하면 전체 일정은 늘어납니다.
실무 팁: 광고 문구에서 사용한 표현(가격, 혜택, 문구)을 랜딩페이지 상단에 동일하게 반복해야 방문자가 '내가 본 광고가 맞다'고 인지해 이탈하지 않습니다.
자주 하는 실수: 랜딩페이지에 상단 전체 메뉴나 다른 상품 링크를 그대로 넣으면 방문자가 원래 목적과 다른 페이지로 빠져나가면서 전환율이 떨어집니다.
반응형홈페이지
정의: PC, 태블릿, 모바일 등 화면 크기가 달라져도 하나의 코드로 레이아웃이 자동으로 재배치되도록 만드는 홈페이지 제작 방식입니다. CSS 미디어 쿼리로 특정 화면 너비를 기준점(브레이크포인트)으로 설정해 그 지점에서 배치가 전환됩니다.
왜 필요한가: 구글은 모바일 화면을 기준으로 페이지를 우선 수집·평가하는 모바일 우선 색인 방식을 적용하고 있어서, 모바일에서 레이아웃이 깨지거나 글자가 겹치는 홈페이지는 검색 노출에서도 불리해질 수 있습니다.
비용/기간: 기존 PC 전용 홈페이지를 반응형으로 전환하는 작업은 전체를 새로 만드는 것보다 시간이 덜 들어 보통 1~3주 정도면 가능합니다.
실무 팁: 화면 너비가 바뀌는 기준점(브레이크포인트)은 보통 768px(태블릿), 480px(모바일) 부근을 많이 사용하지만, 실제 방문자의 화면 해상도 통계를 확인해 자사 사이트에 맞는 기준점을 고르는 것이 좋습니다.
자주 하는 실수: PC 화면에서만 디자인을 확인하고 넘어가면, 모바일에서 버튼이 겹치거나 글자가 화면 밖으로 잘리는 문제를 출시 후에야 발견하게 됩니다.