웹진
랜딩페이지
이북
기업 홈페이지 SEO,
제작할 때 먼저 잡아야 할 7가지
홈페이지를 만들었는데 회사명 말고는 검색이 안 된다면 제작 단계의 SEO 누락 때문입니다. title·description, H1, 속도, 사이트맵까지 제작 때 챙길 7가지를 정리했습니다.
회사 이름으로만 검색되는 홈페이지
기업 홈페이지 SEO 상담에서 가장 자주 듣는 말이 있습니다. "회사명으로 검색하면 나오는데, 서비스 이름으로는 안 나와요." 사이트가 문제라기보다 제작할 때 검색엔진이 읽을 구조를 따로 챙기지 않았기 때문인 경우가 대부분입니다.
SEO라고 하면 어려운 기술처럼 들리지만, 제작 단계에서 필요한 건 일곱 가지 기본기입니다. 발주처가 직접 확인할 수 있는 순서대로 정리했습니다.
- 페이지마다 서로 다른 title과 description이 있어야 합니다.
- 핵심 문구는 이미지가 아니라 텍스트로 들어가야 읽힙니다.
- 사이트맵 제출은 오픈한 날 끝냅니다.
1. title과 description
검색 결과에서 파란 글씨로 보이는 것이 title, 그 아래 회색 두세 줄이 description입니다. 사용자가 클릭할지 말지를 정하는 첫 접점이라 순위만큼이나 중요합니다.
- title은 30자 안팎으로, 핵심 키워드를 앞에 두고 뒤에 회사명을 붙입니다. 너무 길면 검색 결과에서 잘립니다.
- description은 80~110자 정도로 페이지 내용을 요약합니다. 클릭하고 싶은 이유가 한 문장 들어가면 좋습니다.
- 모든 페이지가 같은 title이면 검색엔진도 사용자도 페이지를 구분하지 못합니다. 페이지마다 따로 씁니다.
참고로 구글이 description을 그대로 쓰지 않고 본문에서 문장을 뽑아 보여주는 경우도 있습니다. 그러니 description만 다듬을 게 아니라 본문 첫 문단도 같이 신경 써야 합니다.
2. H1과 제목 구조
페이지당 H1은 하나, 그 아래 큰 주제는 H2, 세부 항목은 H3으로 나눕니다. 디자인을 위해 글자만 크게 만든 문구는 제목 태그가 아니어서 검색엔진이 중요한 문장으로 읽지 않습니다.
브라우저에서 F12를 눌러 요소 검사로 보면 쉽게 확인됩니다.
큼직한 메인 문구가 <div>나 <span>로만 되어 있다면 H1으로 바꿔야 합니다.
3. 핵심 문구는 텍스트로
시안에서 멋지게 보이는 문구를 이미지로 넣는 경우가 많습니다. 하지만 이미지 속 글자는 검색엔진이 읽기 어렵습니다. 회사 소개, 서비스 설명, 핵심 슬로건은 텍스트로 쓰고, 이미지에는 내용을 설명하는 alt를 달아주세요.
이미지 위주 콘텐츠가 검색에 약한 이유는 이북도 같습니다. 이북 만들었는데 검색에 안 걸리는 이유에서 자세히 다뤘습니다.
4. 속도와 모바일
이미지 용량
필요한 크기로 줄이고, 화면 아래쪽 이미지는 늦게 불러오게 합니다.
실기기 확인
개발자 도구 말고 실제 휴대폰으로 글자 크기와 버튼 간격을 봅니다.
스크립트 정리
쓰지 않는 외부 스크립트와 폰트는 로딩만 느리게 만듭니다.
구글 PageSpeed Insights에 주소를 넣으면 모바일 점수와 개선 항목이 바로 나옵니다. 점수 자체를 목표로 삼기보다, "가장 큰 이미지가 몇 초에 뜨는지"를 보세요.
5. 주소 구조
/page?id=37 같은 주소보다 /service/webzine처럼 내용을 짐작할 수 있는 주소가 낫습니다.
사용자가 주소만 봐도 어떤 페이지인지 알 수 있고, 검색 결과에도 그대로 노출됩니다.
한 번 정한 주소는 가급적 바꾸지 않습니다. 바꿔야 한다면 301 리디렉션이 반드시 필요합니다. 이 부분은 홈페이지 리뉴얼 체크리스트에 정리해 두었습니다.
6. 사이트맵과 서치 콘솔
사이트맵은 "우리 사이트에 이런 페이지가 있다"는 목록이고, 서치 콘솔은 그 목록을 구글에 알리는 창구입니다. 네이버를 함께 노려야 한다면 네이버 서치어드바이저에도 같은 작업을 해야 합니다.
- sitemap.xml에 모든 주요 페이지가 들어 있는가
- robots.txt가 검색 봇을 막고 있지 않은가
- 구글 서치 콘솔과 네이버 서치어드바이저의 소유권 확인이 끝났는가
7. 콘텐츠 계획
구조를 완벽히 갖춰도 페이지가 대여섯 개뿐이면 노출될 수 있는 검색어가 한정됩니다. 고객이 실제로 궁금해하는 질문에 답하는 글이 하나씩 쌓일수록 검색으로 들어오는 문도 넓어집니다.
그래서 홈페이지를 만들 때 블로그나 뉴스룸 같은 글을 쌓는 공간을 같이 설계해 두는 것이 좋습니다. 웹진 형태로 운영하는 방법은 기업 웹진 제작 가이드에서, 홈페이지 전체 범위는 기업 홈페이지 제작 가이드에서 볼 수 있습니다.
홈페이지 구축 사례
위 일곱 가지는 웹진 스튜디오가 기업 홈페이지를 구축할 때 기본으로 함께 잡는 항목입니다. 디자인과 개발, 관리자(Admin), 검색 노출 구조까지 한 번에 작업한 두 곳을 프로젝트 페이지에서 확인해 보세요.
홈페이지 SEO FAQ
제작 상담에서 자주 나오는 질문을 모았습니다.
자동으로 나오지 않습니다. 검색엔진이 사이트를 발견하고 읽을 수 있어야 하므로 사이트맵 제출, 서치 콘솔 등록이 필요하고, 페이지에 읽을 수 있는 텍스트와 올바른 제목이 있어야 합니다.
구글은 meta keywords를 순위에 사용하지 않는다고 밝혔습니다. 넣어도 해는 없지만 효과를 기대하긴 어렵습니다. 같은 시간을 title, 본문 문구, 제목 구조를 다듬는 데 쓰는 편이 훨씬 낫습니다.
색인 자체는 며칠에서 몇 주 사이에 되는 경우가 많습니다. 다만 원하는 검색어에서 상위에 오르는 시점은 경쟁 정도와 콘텐츠 양에 따라 크게 달라서 기간을 확정해서 말씀드리기 어렵습니다.
핵심 문구가 이미지 안에만 있으면 검색엔진이 읽지 못합니다. 제목과 소개 문구는 텍스트로 넣고, 디자인은 CSS로 구현하는 방식을 권합니다. 이미지에는 alt(대체 텍스트)를 함께 넣어주세요.
기본 구조(title, 제목 태그, 주소, 사이트맵)는 제작 단계에서 같이 잡는 쪽이 비용도 적게 듭니다. 나중에 고치려면 주소 변경과 리디렉션까지 따라오기 때문입니다. 키워드 전략과 콘텐츠 운영은 오픈 후 별도로 진행해도 됩니다.
관련 콘텐츠
함께 보면 좋은 글
웹진 제작과 홈페이지 구축에 도움이 되는 다른 글도 함께 확인해보세요.
