가이드 / Finipage / 공개하기

한 장짜리 사이트의 검색 노출 기본기

Qorlize 팀 작성 · 마지막 검토

Finipage 가이드 · HTML 파일을 코드 없이 고치는 편집기. Finipage 열기

한 장짜리 사이트가 다음 달에 "망원동 빵집" 검색 1위에 오르지는 않습니다. 대신 누군가 내 상호를 검색했을 때 제대로 나오고, 검색 결과에서 무슨 곳인지 한눈에 읽히고, 검색엔진이 걸려 넘어질 곳이 없게 만드는 일은 금방, 확실하게 할 수 있습니다. 흔한 SEO 조언보다 목표가 작고, 몇 가지만 바로잡으면 됩니다. 아래에서 그 항목들과 함께 등록해 둘 무료 도구 두 가지, 구글 서치 콘솔과 네이버 서치어드바이저를 다룹니다.

제목과 설명문

<title>은 이 페이지가 무엇인지 알려 주는 가장 강한 단서입니다. 구글은 검색 결과의 파란 제목줄을 주로 이 값으로 만들지만, 제목이 없거나 막연하거나 키워드만 나열돼 있으면 페이지의 큰 제목이나 눈에 띄는 다른 글자를 대신 쓰기도 합니다. 구글이 정한 길이 제한은 없지만 긴 제목은 화면 폭에 맞춰 잘리므로 중요한 말을 앞에 두십시오.

  • 좋은 예: 하늘베이커리 | 망원동 사워도우·케이크 전문
  • 아쉬운 예: Home, Landing Page, 키워드 열 개 나열

설명문(meta description)은 한두 문장 요약입니다. 구글은 검색 결과의 요약문을 주로 페이지 본문에서 만들고, 설명문이 페이지를 더 잘 설명할 때 그것을 쓴다고 밝히고 있습니다. 반드시 그대로 나온다기보다 강한 제안 정도로 보는 편이 맞습니다. 누가, 어디서, 이 페이지에서 무엇을 할 수 있는지를 클릭할지 고민하는 사람에게 말하듯 쓰면 됩니다.

Finipage에서는 오른쪽 속성 패널의 문서 항목에 제목과 설명 칸이 있어 소스를 열지 않고 바꿀 수 있습니다. 텍스트 편집기로 고친다면 <head> 안의 <title>과 <meta name="description" content="..."> 줄입니다.

제목 구조, 언어, 기계가 읽을 수 있는 글자

h1은 하나. 페이지에는 무엇을 하는 곳인지 말해 주는 <h1>을 하나만 둡니다. 보통 상호와 하는 일입니다. 그 아래 구역(서비스, 가격, 오시는 길)마다 <h2>, 그 안의 작은 제목은 <h3>를 씁니다. 글자 크기를 보고 제목 단계를 고르지 마십시오. 크기는 CSS가 할 일입니다. AI가 만든 페이지나 템플릿에는 h1이 세 개 있거나, 하나도 없이 스타일 입힌 <div>로 큰 제목을 만든 경우가 많습니다. Finipage 왼쪽 패널의 레이어는 문서 구조를 나무 모양으로 보여 주므로 이런 문제를 빨리 찾을 수 있습니다.

이미지 속 글자. "연중무휴, 무료 주차"라는 문구가 JPEG 배너 안에 그려져 있으면 검색엔진도 화면 낭독기도 읽지 못합니다. 중요한 말이라면 실제 HTML 글자로 써서 이미지 위나 옆에 두십시오. 그림으로 저장한 전화번호와 주소도 마찬가지인데, 방문자가 복사하거나 눌러서 전화할 수도 없습니다.

대체 텍스트(alt). 의미 있는 이미지에는 alt="식힘망 위의 사워도우 빵"처럼 무엇이 보이는지 적은 alt 속성이 필요합니다. 구글은 alt를 이미지 정보에서 가장 중요한 속성이라고 하면서, 키워드를 채워 넣지는 말라고 안내합니다. 꾸밈용 이미지는 alt=""로 비워 둡니다. Finipage에는 alt 입력 칸이 없으니 텍스트 편집기에서 넣어야 합니다.

lang 속성. 여는 태그에 페이지 언어를 적습니다. 한국어 페이지는 <html lang="ko">입니다. 화면 낭독기는 이 값으로 읽어 줄 목소리를 고르고, 브라우저는 번역 제안이나 일부 글꼴 선택에 씁니다. 템플릿을 받아 쓴 한국어 페이지에 lang="en"이 그대로 남아 있는 경우가 흔합니다.

페이지 속도

구글은 로딩 속도를 페이지 경험의 일부로 보고, 모바일 데이터로 들어오는 방문자는 그 차이를 가장 먼저 느낍니다. 한 장짜리 사이트에서 느린 원인은 거의 정해져 있습니다.

  • 너무 큰 이미지. 800픽셀 폭으로 보이는 사진이 5MB 인 경우가 가장 흔합니다. 크기를 줄이고 압축합니다. 이미지 형식과 크기에 방법을 정리해 두었습니다.
  • 웹 글꼴 과다. 한글 웹 글꼴은 수천 자를 담고 있어 파일이 큽니다. 글꼴 네 종류보다 한 종류에 굵기 두 가지가 낫습니다.
  • 남은 스크립트. 템플릿은 쓰지 않는 슬라이더, 애니메이션 라이브러리, 추적 코드를 불러오기도 합니다. 필요 없는 것은 지웁니다.

구글의 PageSpeed Insights에 공개 주소를 넣으면 무료로 점검 결과를 볼 수 있습니다. 만점을 노리기보다 모바일 결과와 가장 큰 파일 목록을 보는 편이 쓸모 있습니다.

구글 서치 콘솔

서치 콘솔은 사이트 운영자를 위한 구글의 무료 도구입니다. 없어도 구글에 나올 수는 있지만, 내 페이지가 색인됐는지 알려 주고 구글에 확인을 요청할 수 있게 해 줍니다.

  1. 속성 추가. 도메인 속성은 도메인의 모든 주소 형태를 포함하지만 DNS 레코드로만 소유 확인이 됩니다. URL 접두어 속성(예: https://haneulbakery.kr/)은 그 주소만 포함하는 대신 확인 방법이 더 많습니다. github.io나 pages.dev 같은 무료 주소를 쓰고 있어 DNS를 직접 다룰 수 없다면 URL 접두어를 고르십시오.
  2. 소유 확인. URL 접두어라면 구글이 주는 작은 HTML 파일을 index.html이 있는 최상위 폴더에 올리거나, 홈페이지 <head> 안에 <meta name="google-site-verification" ...> 태그를 넣는 방법이 가장 간단합니다. 메타 태그는 텍스트 편집기로 넣고 페이지를 다시 올립니다. 확인이 끝난 뒤에도 파일이나 태그는 지우지 마십시오.
  3. URL 검사. 맨 위 URL 검사 칸에 주소를 넣으면 구글 색인에 들어갔는지 보여 주고, 실제 URL 테스트로 지금 공개된 페이지를 구글이 가져올 수 있는지도 확인할 수 있습니다.
  4. 색인 생성 요청. 새로 올렸거나 고친 페이지라면 색인 생성 요청을 누릅니다. 하루 요청 한도가 있고, 구글은 요청한다고 해서 검색 결과에 나온다는 보장은 없다고 밝힙니다.

사이트맵은 꼭 필요하지 않습니다. 구글 안내에도 사이트가 작고 모든 페이지가 홈에서 링크로 이어져 있다면 사이트맵이 필요 없을 수 있다고 되어 있는데, 한 장짜리 사이트가 정확히 그 경우입니다.

네이버 서치어드바이저

국내 고객이 대상이라면 네이버는 구글만큼 중요합니다. 네이버 쪽 도구는 서치어드바이저(searchadvisor.naver.com)이고 네이버 계정으로 씁니다. 흐름은 사이트 주소를 등록하고, 구글과 비슷하게 HTML 파일 업로드나 <head> 안의 메타 태그로 소유를 확인한 다음, 네이버 수집 로봇이 사이트를 어떻게 보는지 점검하는 도구를 쓰는 순서입니다. robots.txt 점검, 사이트맵 제출, 개별 페이지 수집 요청 같은 기능이 있습니다. 메뉴 이름은 몇 차례 바뀌어 왔으니 오래된 블로그 캡처보다 지금 화면의 안내를 따르십시오.

한 장짜리 사이트에는 대개 robots.txt가 아예 필요 없습니다. 이미 있다면 열어서 수집을 막고 있지 않은지 확인하십시오. 다른 프로젝트에서 복사해 온 파일에 Disallow: /가 들어 있으면 모든 검색엔진에게 들어오지 말라고 말하는 셈입니다. 서치어드바이저의 robots 점검에서 이런 문제가 드러납니다.

현실적인 기대치

한 장짜리 페이지에는 제목 하나, 제목 구조 한 벌, 글 수백 자가 있을 뿐입니다. 검색엔진은 이 페이지를 상호, 상호와 지역, 그리고 아주 구체적인 문구 한두 개와 연결할 것입니다. 일반적인 검색어로 디렉터리, 지도 정보, 수십 페이지짜리 사이트와 겨루는 것은 한 장으로는 어렵고, 어떤 태그도 그걸 바꾸지 못합니다.

  • 상호 검색이 먼저. 색인된 뒤 며칠에서 몇 주 사이에 정확한 상호로 검색하면 나와야 합니다. 구글과 네이버 양쪽에서 확인해 봅니다.
  • 지역 검색은 지도가 가져갑니다. "망원동 빵집" 같은 검색에서 사람들이 주로 보는 것은 네이버 지도·플레이스나 구글 지도 정보입니다. 거기에 업체를 등록하는 것이 페이지를 고치는 것보다 효과가 큰 경우가 많습니다.
  • 링크가 길을 만듭니다. 인스타그램 소개, 카카오톡 채널 프로필, 업체 정보에 주소를 넣어 둡니다.
  • 키우는 것은 필요할 때만. 특정 주제로 검색되고 싶다면 서비스별 페이지나 글처럼 실제 내용이 담긴 페이지가 더 있어야 합니다. 그건 한 장짜리 사이트와는 다른 작업입니다.

두 도구에 등록하기 전에 랜딩 페이지 공개 전 체크리스트를 훑어보시고, 카카오톡 등에 링크를 공유할 때 보이는 모습도 챙기려면 파비콘과 링크 미리보기 설정하기를 참고하십시오.

내 파일로 바로 해 보려면 Finipage 편집기를 여세요. 브라우저에서 돌아가고 파일은 내 기기 밖으로 나가지 않습니다.