검색엔진 최적화(SEO) 기본 가이드

이 가이드는 누구를 대상으로 하나요?

온라인 콘텐츠를 소유, 관리하여 수익을 창출하거나 Google 검색을 통해 온라인 콘텐츠를 홍보하시나요? 그렇다면 이 가이드를 읽어보시기 바랍니다. 이 가이드는 성장 중인 비즈니스의 소유자, 사이트 수십 개를 관리하는 웹사이트 소유자, 웹 대행사의 검색엔진 최적화 전문가, Google 검색 메커니즘을 열정적으로 연구하는 검색엔진 최적화 개인 전문가를 위해 작성되었습니다. Google의 권장사항에 따른 SEO의 기본사항을 간단히 살펴보고 싶으시다면, 이 가이드를 읽어보세요. 이 가이드에서는 내 사이트를 자동으로 Google 검색 순위 1위로 올려놓을 수 있는 비법을 알려드리지는 않습니다. 하지만 권장사항을 따르면 검색엔진이 더 쉽게 사이트의 콘텐츠를 크롤링하고 색인을 만들고 이해하는 데 도움이 될 수 있습니다.

웹사이트의 일부를 약간 손보기만 해도 검색엔진 최적화(SEO)가 가능한 경우가 많습니다. 이러한 변경사항은 하나씩 따로 보면 점진적인 개선 사항으로 보일 수도 있지만, 다른 최적화 방법과 함께 적용하면 자연 검색결과에서 사이트의 사용자 환경 및 실적에 상당한 영향을 줄 수 있습니다. 이 가이드에서는 모든 웹페이지에서 기본이 되는 요소를 다루기 때문에 이미 익숙한 주제가 많을 수도 있지만, 현재 이러한 요소들을 충분히 활용하고 있지 않을 수도 있습니다.

사용자에게 도움이 되는 웹사이트를 빌드하고 사용자 환경을 개선하는 것을 목표로 최적화해야 합니다. 다른 사용자가 내 콘텐츠를 발견하도록 도와주는 검색엔진도 이러한 사용자에 해당합니다. 검색엔진 최적화란 검색엔진이 콘텐츠를 이해하고 제공하도록 돕는 것입니다. 내 사이트가 이 가이드에서 예시로 제시된 사이트보다 클 수도, 작을 수도 있고, 상당히 다른 콘텐츠를 제공할 수도 있습니다. 하지만 가이드에 있는 최적화 주제는 규모 및 유형과 상관없이 모든 사이트에 적용됩니다. 이 가이드에서 웹사이트 개선 방안과 관련된 새로운 아이디어를 얻으시길 바랍니다. 또한 질문, 의견, 성공사례가 있으면 Google 검색 센터 도움말 커뮤니티에서 공유해 주세요.

시작하기

내 사이트가 Google에 표시되나요?

사이트가 Google 색인에 포함되어 있는지 확인하기

사이트의 홈 URL을 site: 검색으로 확인합니다. 결과가 표시되면 색인에 포함되어 있는 것입니다. 예를 들어 site:wikipedia.org를 검색하면 이러한 결과가 반환됩니다.

사이트가 Google에 없는 경우

Google에서 크롤링하는 페이지는 수십억 개가 넘기 때문에 일부 페이지는 발견하지 못하는 경우가 있습니다. Google 크롤러가 특정 사이트를 크롤링하지 못한다면 그 이유는 주로 다음과 같습니다.

  • 사이트가 웹의 다른 사이트에서 잘 연결되지 않습니다.
  • 사이트가 개설된 지 얼마 되지 않아 Google이 아직 크롤링하지 못했습니다.
  • 사이트의 디자인 때문에 Google이 사이트의 콘텐츠를 효과적으로 크롤링하기 어렵습니다.
  • Google이 사이트를 크롤링하려는 중에 오류가 발생했습니다.
  • 사이트 정책으로 인해 Google의 사이트 크롤링이 차단되었습니다.

내 사이트가 Google에서 검색되도록 하려면 어떻게 해야 하나요?

Google은 웹 크롤러를 사용하는 완전히 자동화된 검색엔진입니다. 웹 크롤러는 지속적으로 웹을 탐색하면서 Google 색인에 추가할 사이트를 찾습니다. 따라서 보통 웹에 사이트를 게시하는 것 외에는 별도의 작업이 필요하지 않습니다. 실제로 Google 검색결과에 게재되는 사이트 중 대부분은 수동으로 등록된 것이 아니라, 크롤링을 통해 자동으로 발견되고 추가된 것입니다. Google이 웹페이지를 발견하고 크롤링하며 게재하는 방법 알아보기

Google 검색 Essentials는 Google 친화적인 웹사이트를 구축하는 데 있어 가장 중요한 요소가 무엇인지 간단히 설명합니다. Google 크롤러가 특정 사이트를 발견할 것이라고 보장할 수는 없지만 검색 Essentials를 따르면 사이트가 Google의 검색결과에 표시되는 데 도움이 될 수 있습니다.

Google Search Console은 콘텐츠를 Google에 제출하고 Google 검색 실적을 모니터링하는 데 도움이 되는 도구를 제공합니다. Google이 내 사이트에서 중요한 문제를 발견하면 Search Console에서 내게 알림을 보내도록 설정할 수도 있습니다. Search Console 가입하기

다음은 시작할 때 확인할 웹사이트 관련 질문입니다.

  • 내 사이트가 Google에 표시되나요?
  • 사용자에게 고품질 콘텐츠를 게재하나요?
  • 소유 중인 지역 비즈니스가 Google에 표시되나요?
  • 모든 기기에서 내 콘텐츠에 쉽고 빠르게 액세스할 수 있나요?
  • 내 웹사이트는 안전한가요?

Google이 내 콘텐츠를 찾을 수 있도록 돕기

내 사이트가 Google에서 검색되도록 하기 위한 첫 번째 단계는 Google이 사이트를 발견할 수 있도록 하는 것입니다. 이때는 사이트맵을 제출하는 것이 가장 좋습니다. 사이트맵은 사이트에 있는 파일로서 새 페이지나 변경된 페이지가 있을 때 이를 검색엔진에 알려 줍니다. 사이트맵 작성 및 제출 방법 자세히 알아보기

Google은 다른 페이지에 있는 링크를 통해 페이지를 찾습니다. 사이트 홍보를 통해 사용자가 내 사이트를 발견하도록 유도하는 방법에 관해 자세히 알아보세요.

Google에 크롤링하고 싶지 않은 페이지 알리기

민감하지 않은 정보라면 robots.txt를 사용하여 원치 않는 크롤링을 차단하세요.

robots.txt 파일은 검색엔진이 사이트의 일부에 액세스하여 크롤링할 수 있는지를 알려줍니다. 이 파일의 이름은 robots.txt로 사이트의 루트 디렉터리에 있습니다. robots.txt에 의해 차단된 페이지가 계속 크롤링될 수도 있으므로 민감한 페이지의 경우 더 안전한 방법을 사용하세요.

# brandonsbaseballcards.com/robots.txt
# Tell Google not to crawl any URLs in the shopping cart or images in the icons folder,
# because they won't be useful in Google Search results.
User-agent: googlebot
Disallow: /checkout/
Disallow: /icons/

검색엔진의 검색결과에 표시되어도 유용하지 않을 수 있는 페이지인 경우 해당 페이지가 크롤링되지 않는 것이 좋을 수도 있습니다. 사이트에서 하위 도메인을 사용하며 특정 하위 도메인에서 일부 페이지가 크롤링되지 않게 하려면 해당하는 하위 도메인에 별도로 사용할 robots.txt 파일을 만들어야 합니다. robots.txt에 관한 자세한 내용은 robots.txt 파일 사용에 관한 이 가이드를 확인하시기 바랍니다.

콘텐츠가 검색결과에 표시되지 않게 하는 몇 가지 다른 방법 알아보기

피해야 할 사항

  • 내부 검색결과 페이지가 Google에 크롤링되도록 허용하는 경우. 사용자는 검색엔진의 검색결과를 클릭했을 때 내 사이트에 표시된 다른 검색결과 페이지로 이어지는 것을 좋아하지 않습니다.
  • 프록시 서비스의 결과로 생성된 URL이 크롤링되도록 허용하는 경우

민감한 정보에는 보다 안전한 방법을 사용하세요.

robots.txt 파일은 민감하거나 기밀인 자료를 적절하고 효과적으로 차단하는 방법이 아닙니다. robots.txt는 잘 작동하는 크롤러에 크롤링 대상이 아닌 페이지를 알려주지만, 서버가 페이지를 요청하는 브라우저에 페이지를 게시하는 것을 막지는 않습니다. 인터넷 어딘가에 내가 차단한 URL의 링크가 있는 경우 검색엔진에서 이 URL(제목 링크나 스니펫이 아닌 URL만 표시됨)을 계속 참조할 수 있기 때문입니다. 또한 로봇 배제 표준을 준수하거나 인정하지 않는 불량 검색엔진에서는 robots.txt의 지시를 따르지 않을 수도 있습니다. 마지막으로 호기심이 많은 사용자가 robots.txt 파일에 있는 디렉터리 또는 하위 디렉터리를 확인하고 내가 표시하지 않으려는 콘텐츠의 URL을 추측할 수 있습니다.

이러한 경우 페이지가 Google에 표시되는 것은 원하지 않지만 링크를 알게 된 사용자가 페이지에 액세스하는 것은 상관없다면 noindex 태그를 사용하세요. 실제로 보안을 강화하려면 사용자 비밀번호를 요구하거나 사이트에서 페이지를 완전히 삭제하는 등 적절한 승인 방법을 사용하세요.

Google 및 사용자가 내 콘텐츠를 이해할 수 있도록 돕기

Google이 사용자와 같은 방식으로 내 페이지를 인식하도록 하기

Googlebot이 페이지를 크롤링할 때는 보통 사용자와 같은 방식으로 페이지를 인식합니다. 렌더링과 색인 생성을 최적화하려면 Google이 웹사이트에서 사용하는 자바스크립트, CSS, 이미지 파일에 항상 액세스할 수 있도록 허용하세요. 사이트의 robots.txt 파일이 이러한 애셋을 크롤링하는 것을 허용하지 않으면 Google 알고리즘의 콘텐츠 렌더링 및 색인 생성 품질에 직접적으로 부정적인 영향을 줍니다. 이로 인해 순위가 최적화되지 못할 수 있습니다.

권장 조치: URL 검사 도구를 사용합니다. 그러면 Google이 콘텐츠를 보고 렌더링하는 방식을 정확하게 확인할 수 있으며 사이트의 여러 색인 생성 문제를 파악하고 수정할 수 있습니다.

고유하고 정확한 페이지 제목 만들기

<title> 요소는 사용자는 물론 검색엔진에 특정 페이지의 주제가 무엇인지 알려 줍니다. HTML 문서의 <head> 요소 내에 <title> 요소를 놓고, 사이트의 각 페이지에 고유한 제목 텍스트를 만듭니다.

<html>
<head>
    <title>Brandon's Baseball Cards - Buy Cards, Baseball News, Card Prices</title>
    <meta name="description" content="Brandon's Baseball Cards provides a large selection of
    vintage and modern baseball cards for sale.
    We also offer daily baseball news and events.">
</head>
<body>
...

검색결과에서 시선을 끄는 제목 링크와 스니펫 작성하기

문서가 검색결과 페이지에 표시될 때 <title> 요소의 내용이 검색결과의 제목 링크로 표시될 수 있습니다. Google 검색결과의 여러 부분에 관해 잘 모르는 경우 검색결과 분석 동영상을 확인해 보시기 바랍니다.

Google 검색의 웹 검색결과에 표시되는 제목 링크

홈페이지의 <title> 요소에서는 웹사이트 또는 비즈니스의 이름을 명시할 수 있으며 비즈니스가 실제로 위치한 장소나 주로 다루는 항목, 주요 품목 등 중요한 정보를 포함할 수도 있습니다.

페이지의 콘텐츠 정확하게 설명하기

자연스럽게 읽히며 페이지 내용의 주제를 효과적으로 전달하는 제목 텍스트를 선택하세요.

피해야 할 사항

  • <title> 요소에 페이지 내용과 관련이 없는 텍스트를 사용하는 경우
  • '제목 없음'이나 '새 페이지 1'과 같이 기본값 또는 불분명한 텍스트를 사용하는 경우

각 페이지에 고유한 <title> 요소 만들기

사이트의 각 페이지에는 <title> 요소에 고유한 텍스트가 있어야 합니다. 이를 통해 Google은 페이지가 사이트의 다른 페이지와 어떻게 다른지 파악할 수 있습니다. 사이트에서 별도의 모바일 페이지를 사용하는 경우 모바일 버전의 <title> 요소에도 설명을 제공하는 텍스트를 사용하세요.

피해야 할 사항

  • 사이트의 페이지 또는 여러 페이지의 모든 <title> 요소에 단일한 제목을 사용하는 경우

간단하지만 설명이 담긴 <title> 요소 사용하기

<title> 요소는 짧지만 유익할 수 있습니다. <title> 요소의 텍스트가 너무 길거나 관련성이 낮은 것으로 판단되면 Google에서 <title> 요소의 텍스트 중 일부만 표시하거나 검색결과에 자동으로 생성된 제목 링크를 표시할 수 있습니다.

피해야 할 사항

  • 사용자에게 도움이 되지 않는 <title> 요소에 매우 긴 텍스트를 사용하는 경우
  • <title> 요소에 불필요한 키워드를 채운 경우

메타 설명 태그 사용하기

페이지의 메타 설명 태그는 Google 및 다른 검색엔진에 페이지 내용을 요약하여 제공합니다. 페이지 제목은 단어 몇 개나 문구로 이뤄질 수 있지만 페이지의 메타 설명 태그는 한두 문장 또는 짧은 단락 정도로 길어질 수 있습니다. <title> 요소와 마찬가지로 메타 설명 태그는 HTML 문서의 <head> 요소 내에 있습니다.

<html>
<head>
    <title>Brandon's Baseball Cards - Buy Cards, Baseball News, Card Prices</title>
    <meta name="description" content="Brandon's Baseball Cards provides a large selection of vintage and modern baseball cards for sale. We also offer daily baseball news and events.">
</head>
<body>
...

메타 설명 태그의 장점은 무엇인가요?

메타 설명 태그는 중요합니다. Google에서 설명 메타 태그를 Google 검색결과에서 페이지의 스니펫으로 사용할 수 있기 때문입니다. '할 수 있다'는 표현에 유의하시기 바랍니다. Google에서 페이지에 표시되는 텍스트 중에 사용자의 검색어와 잘 어울리는 텍스트가 있는 경우 이를 선택할 수도 있기 때문입니다. Google에서 스니펫으로 사용할 텍스트를 찾지 못하는 경우도 있기 때문에 메타 설명 태그를 각 페이지에 추가하는 것은 언제나 좋은 습관입니다. 우수한 메타 설명을 만드는 방법을 자세히 알아보세요.

Google 검색의 웹 검색결과에 표시되는 스니펫

페이지 콘텐츠를 정확하게 요약하기

검색결과에 스니펫으로 표시된 메타 설명 태그를 본 사용자에게 정보를 전달하고 사용자의 흥미를 유발할 수 있는 설명을 작성하세요. description meta 태그의 길이에는 최솟값이나 최댓값이 없지만 Google 검색에 완전히 표시될 정도로 길고(사용자의 검색 방법 및 위치에 따라 스니펫의 크기가 달라질 수 있음) 사용자가 해당 페이지가 자신에게 유용하며 관련이 있는지 판단하는 데 필요한 모든 관련성 있는 정보를 담고 있는 것이 좋습니다.

피해야 할 사항

  • 페이지 내용과 관련이 없는 메타 설명 태그를 작성하는 경우
  • '이것은 웹페이지입니다' 또는 '야구 카드에 관한 페이지'와 같은 일반적인 설명을 사용하는 경우
  • 설명을 키워드로만 채우는 경우
  • 메타 설명 태그에 문서의 전체 내용을 복사하여 붙여넣는 경우

각 페이지마다 고유한 설명 사용하기

각 페이지에 서로 다른 메타 설명 태그가 있으면 사용자와 Google 모두에 유용하며, 특히 site: 연산자를 사용한 검색 등 사용자가 내 도메인에서 여러 개의 페이지를 가져올 수 있는 검색에 도움이 됩니다. 하지만 사이트에 수천 또는 수백만 개의 페이지가 있으면 수작업으로 메타 설명 태그를 만들기란 불가능할 것입니다. 이 경우 각 페이지의 콘텐츠를 기반으로 메타 설명 태그를 자동으로 생성할 수 있습니다.

피해야 할 사항

  • 사이트의 모든 페이지 또는 여러 페이지에 단일한 메타 설명 태그를 사용하는 경우

표제 태그를 사용하여 중요한 텍스트 강조하기

의미 있는 표제를 사용하여 중요한 주제를 표시하고 콘텐츠의 계층 구조를 만들어 사용자가 쉽게 문서를 탐색할 수 있도록 하세요.

개요를 작성하고 있다고 상상하기

양이 많은 문서의 개요를 작성할 때와 마찬가지로 페이지 내용 중 중요한 부분과 덜 중요한 부분이 무엇인지 생각해보고 표제 태그를 어디에 사용하는 것이 적절할지 결정합니다.

피해야 할 사항

  • 페이지 구조를 정의하는 데 도움이 되지 않는 표제 태그에 텍스트를 배치하는 경우
  • <em> 및 <strong>과 같은 다른 태그를 사용하는 것이 더 적절할 수 있는 경우에도 표제 태그를 사용하는 경우
  • 표제 태그 크기를 무질서하게 섞어 쓰는 경우

표제 태그를 사용하여 효과를 거둘 수 있는 경우에만 표제 태그를 사용하세요. 페이지에 표제 태그가 너무 많으면 사용자가 내용을 훑어보며 하나의 주제가 어디에서 시작되어 어디에서 끝나는지 결정하기 어려워집니다.

피해야 할 사항

  • 한 페이지에서 표제 태그를 과도하게 사용하는 경우
  • 표제가 너무 긴 경우
  • 표제 태그를 텍스트의 스타일을 지정할 때만 사용하고 구조를 나타내는 데 활용하지 않는 경우

구조화된 데이터 마크업 추가하기

구조화된 데이터란 사이트 페이지에 추가할 수 있는 코드로, 검색엔진에 콘텐츠를 설명해주기 때문에 검색엔진이 페이지에 어떤 내용이 있는지 더 잘 이해할 수 있습니다. 이를 바탕으로 검색엔진은 유용하고 눈에 잘 띄는 방식으로 콘텐츠를 검색결과에 표시할 수 있습니다. 따라서 내 비즈니스에 맞는 고객을 유치하는 데 도움이 됩니다.

구조화된 데이터를 통해 리뷰 별점을 표시하여 향상된 검색결과를 보여 주는 이미지입니다.

예를 들어 온라인 상점에서 개별 제품 페이지를 마크업하면 Google에서 해당 페이지에 자전거와 그 가격, 고객 리뷰가 포함되어 있음을 이해하는 데 도움이 됩니다. 이에 따라 Google이 관련 검색어의 검색결과 스니펫에 해당 정보를 표시할 수 있습니다. 이를 리치 결과라고 합니다.

구조화된 데이터 마크업을 사용해 리치 결과를 표시하는 것 외에도, 이를 사용해 관련성 있는 검색결과를 다른 형식으로 제공할 수도 있습니다. 예를 들어 오프라인 매장에서 영업시간을 마크업하면 잠재고객이 필요할 때 매장을 찾을 수 있으며, 검색 시 매장이 영업 중인지 아닌지도 알릴 수 있습니다.

아이스크림 가게와 관련된 Google 검색결과로, 구조화된 데이터를 통해 구현된 리치 결과를 보여 줍니다.

다음과 같이 비즈니스와 관련된 여러 가지 항목을 마크업할 수 있습니다.

  • 판매 중인 제품
  • 업체 위치
  • 제품 또는 비즈니스 관련 동영상
  • 영업시간
  • 이벤트 목록
  • 레시피
  • 회사 로고 및 기타

지원되는 모든 콘텐츠 유형 목록 확인하기

지원되는 표기법 마크업과 함께 구조화된 데이터를 사용하여 콘텐츠를 설명하는 것이 좋습니다. 페이지의 HTML 코드에 마크업을 추가하거나 데이터 하이라이터 및 마크업 도우미와 같은 도구를 사용할 수 있습니다.

리치 결과 테스트를 사용하여 마크업을 확인하기

콘텐츠를 마크업한 후에는 Google 리치 결과 테스트를 사용하여 구현에 실수가 없는지 확인할 수 있습니다. 콘텐츠가 있는 URL을 입력하거나 마크업이 포함된 실제 HTML을 복사하세요.

피해야 할 사항

  • 잘못된 마크업을 사용하는 경우

데이터 하이라이터 및 마크업 도우미 사용하기

사이트의 소스 코드를 변경하지 않고 구조화된 마크업을 사용해 보려는 경우 콘텐츠 유형 하위 집합을 지원하며 Search Console에 통합되어 있는 도구인 데이터 하이라이터를 사용하세요.

마크업 코드를 복사하여 페이지에 붙여넣을 수 있게 만들려면 마크업 도우미를 사용해 보세요.

피해야 할 사항

  • 마크업 구현에 대해 확신이 없음에도 불구하고 사이트의 소스 코드를 변경하는 경우

마크업 된 페이지가 어떻게 작동하는지 추적하기

Search Console의 다양한 리치 결과 보고서는 사이트에 특정 유형의 마크업이 포함된 페이지가 얼마나 많이 감지되었는지, 검색결과에 페이지가 얼마나 많이 노출되었는지, 지난 90일 동안 사람들이 얼마나 많이 클릭했는지 보여 줍니다. 또한 Google에서 발견한 오류도 표시됩니다.

피해야 할 사항

  • 사용자에게 보이지 않는 마크업 데이터를 추가하는 경우
  • 가짜 리뷰를 작성하거나 관련 없는 마크업을 추가하는 경우

Google 검색결과에 사이트가 표시되는 방식 관리하기

페이지의 구조화된 데이터를 수정하면 리뷰 별점, 검색결과에 사용할 수 있는 화려한 장식 등 Google 검색결과에서 여러 가지 특별한 기능을 사용할 수 있게 됩니다. 페이지에 적용 가능한 검색결과 유형의 갤러리 확인하기

사이트 계층 구조 구성하기

검색엔진의 URL 사용 방식 이해

검색엔진에서는 콘텐츠를 크롤링한 다음 색인을 생성하고 사용자에게 해당 콘텐츠를 안내하기 위하여 콘텐츠별로 고유한 URL이 필요합니다. 한 매장에 있는 여러 가지 제품과 같이 서로 다른 콘텐츠나 번역본 또는 지역별 버전과 같이 수정된 콘텐츠가 검색에서 적절하게 표시되려면 별도의 URL을 사용해야 합니다.

일반적으로 URL은 여러 개의 개별적인 섹션으로 나뉩니다.

protocol://hostname/path/filename?querystring#fragment

예:

https://www.example.com/RunningShoes/Womens.htm?size=8#info

Google에서는 가능하면 모든 웹사이트에서 https://를 사용하기를 권장하고 있습니다. 호스트 이름은 웹사이트가 호스팅되는 곳이며 일반적으로 이메일에 사용하는 것과 동일한 도메인 이름을 사용합니다. Google은 www 버전과 www가 아닌 버전(예: www.example.com 또는 example.com만)을 구분합니다. 웹사이트를 Search Console에 추가할 때 http:// 버전과 https:// 버전을 모두 추가하고 www 버전과 www가 아닌 버전도 추가하는 것이 좋습니다.

경로, 파일 이름, 검색 문자열은 서버에서 어떤 콘텐츠가 액세스될지를 결정합니다. 이 세 부분은 대소문자를 구분하므로 FILE은 file과 다른 URL이 됩니다. 호스트 이름과 프로토콜은 대소문자를 구분하지 않기 때문에 대문자나 소문자는 아무런 역할도 하지 않습니다.

프래그먼트(이 경우 #info)는 일반적으로 브라우저에서 스크롤하여 페이지의 어떤 부분으로 이동할지 식별합니다. 콘텐츠 자체는 프래그먼트에 관계없이 동일한 경우가 보통이므로 검색엔진은 사용된 프래그먼트를 무시할 때가 많습니다.

홈페이지를 참고할 때 호스트 이름 뒤에 오는 슬래시는 동일한 내용(https://example.com/은 https://example.com과 동일함)으로 이어지므로 선택사항입니다. 경로와 파일 이름의 경우 후행 슬래시는 파일이나 디렉터리를 나타내는 다른 URL이 될 수 있습니다. 예를 들어 https://example.com/fish는 https://example.com/fish/와 다릅니다.

웹사이트 탐색은 방문자가 원하는 콘텐츠를 빨리 찾을 수 있도록 도움을 줄 때 중요한 역할을 합니다. 또한 검색엔진이 웹사이트 소유자가 중요하다고 생각하는 콘텐츠를 이해하는 데 유용합니다. Google 검색결과는 페이지 수준에서 제공되지만 Google은 사이트 전반에서 특정 페이지가 어떤 역할을 하는지도 파악하기를 원합니다.

유용한 웹사이트 페이지 계층구조의 예입니다.

홈페이지를 기반으로 탐색 계획 세우기

모든 사이트에는 홈페이지 또는 루트 페이지가 있으며, 이는 사이트에서 가장 자주 방문되는 페이지이고 방문자가 탐색을 시작하는 지점이기도 합니다. 사이트에 페이지가 얼마 없는 경우가 아니라면 방문자들이 일반 페이지, 즉 루트 페이지에서 더 구체적인 콘텐츠가 있는 페이지로 어떻게 이동할지 생각해 보세요. 특정 주제를 다루는 여러 개의 페이지가 있다면 이렇게 서로 관련된 페이지들을 설명하는 페이지를 마련해보면 어떨까요? 예를 들면 루트 페이지 -> 관련 주제 목록 -> 특정 주제와 같은 경로를 만들 수 있습니다. 또는 몇 가지 카테고리 및 하위 카테고리 페이지로 분류해야 할 수백 개의 서로 다른 제품이 있을 수도 있습니다.

탐색경로 목록 사용하기

탐색경로란 페이지 상단 또는 하단에 한 행으로 위치한 내부 링크로 방문자는 이를 사용하여 이전 섹션이나 루트 페이지로 빠르게 돌아갈 수 있습니다. 탐색경로에서는 가장 일반적인 페이지(보통 루트 페이지임)가 가장 왼쪽 첫 번째에 있는 링크이며, 가장 내용이 구체적인 섹션이 제일 오른쪽에 위치합니다. 탐색경로를 표시할 때는 구조화된 탐색경로 데이터 마크업을 사용하는 것이 좋습니다.

현재 페이지의 계층구조를 보여주는 탐색경로 목록이 포함된 웹사이트입니다.

사용자가 사용할 간단한 탐색 페이지 만들기

탐색 페이지란 사이트에 있는 간단한 페이지로서 웹사이트의 구조를 보여주며 사이트 페이지 계층구조 목록으로 구성되어 있는 경우가 많습니다. 방문자가 사이트에서 특정 페이지를 찾지 못해 곤란해 할 때 이 탐색 페이지를 방문하기도 합니다. 검색엔진도 이 페이지를 방문하지만 이는 단지 사이트에 있는 페이지를 대부분 크롤링하기 위한 것이며, 탐색 페이지는 주로 인간 방문자를 대상으로 합니다.

자연스러운 흐름 체계 만들기

사용자가 사이트의 일반 콘텐츠에서 자신이 원하는 특정 콘텐츠로 가능한 한 쉽게 이동할 수 있도록 만드세요. 필요한 경우 탐색 페이지를 추가하고 이러한 탐색 페이지가 내부 링크 구조와 효과적으로 작동하도록 조정하세요. 링크를 통해 사이트의 모든 페이지로 이동할 수 있는지, 내부 검색 기능이 없어도 페이지를 찾을 수 있는지 확인하세요. 해당되는 경우 관련 페이지를 링크하여 사용자가 유사한 콘텐츠를 확인할 수 있게 하세요.

피해야 할 사항

  • 탐색 링크가 서로 복잡하게 얽히도록 만드는 경우(예: 사이트의 모든 페이지를 다른 모든 페이지에 연결)
  • 콘텐츠를 너무 잘게 나누는 바람에 홈페이지에서 특정 콘텐츠까지 이동하려면 20번이나 클릭해야 하는 경우

탐색용 텍스트 사용하기

사이트의 한 페이지에서 다른 페이지로의 탐색이 대부분 텍스트 링크를 통해 이뤄지도록 제어하면 검색엔진이 사이트를 크롤링하고 이해하기 쉬워집니다. 자바스크립트를 사용하여 페이지를 만들 때는 URL이 있는 a 요소를 href 속성값으로 사용하고 사용자 상호작용을 기다리는 대신 페이지 로드 시 모든 메뉴 항목을 생성하세요.

피해야 할 사항

사용자용 탐색 페이지, 검색엔진용 사이트맵 만들기

전체 사이트 또는 페이지가 수백 또는 수천 개에 달하는 경우 대부분의 중요한 페이지를 대상으로 한 사용자용의 간단한 탐색 페이지를 만드세요. 검색엔진이 사이트의 신규 페이지나 업데이트된 페이지를 발견할 수 있도록 XML 사이트맵 파일을 생성하세요. 이 파일에는 관련성이 있는 모든 URL 및 그 URL의 주요 콘텐츠가 마지막으로 수정된 날짜가 명시됩니다.

피해야 할 사항

  • 탐색 페이지가 최신 상태가 아니며 깨진 링크가 포함되어 있는 경우
  • 주제별 등으로 페이지를 구성하지 않고 단순히 페이지를 나열하기만 한 탐색 페이지를 만든 경우

유용한 404 페이지를 표시합니다.

사용자는 깨진 링크를 사용하거나 잘못된 URL을 입력하여 사이트에 존재하지 않는 페이지로 이동하는 경우가 있습니다. 이때 사이트에서 제대로 작동하는 페이지로 사용자를 친절하게 안내하는 맞춤 404 페이지를 통해 사용자의 경험을 크게 개선할 수 있습니다. 루트 페이지로 돌아가는 링크를 포함하고 사이트에서 인기 있는 콘텐츠나 관련 콘텐츠로 연결되는 링크를 제공하는 것이 좋습니다. Google Search Console을 사용하면 '찾을 수 없음' 오류를 일으키는 URL 소스를 확인할 수 있습니다.

피해야 할 사항

  • 404 페이지가 검색엔진에서 색인이 생성되도록 허용하는 경우(존재하지 않는 페이지가 요청되었을 때 웹 서버에서 404 HTTP 상태 코드를 반환하거나 자바스크립트를 기반으로 한 사이트인 경우 noindex 태그를 포함하도록 구성되어 있는지 확인)
  • 404 페이지가 robots.txt 파일을 통해 크롤링되는 것을 차단하는 경우
  • '찾을 수 없음', '404' 또는 404 페이지조차 표시하지 않음으로써 막연한 메시지만 제공하는 경우
  • 404 페이지에 사이트의 나머지 부분과는 다른 디자인을 사용하는 경우

단순한 URL은 콘텐츠 정보를 전달합니다.

웹사이트 문서와 관련된 설명을 제공하는 카테고리 및 파일 이름을 만들면 사이트를 더 잘 구성하는 데 도움이 될 뿐만 아니라 콘텐츠에 관심을 두고 있는 사용자가 좀 더 쉽게 사용할 수 있으며 이들에게 더욱 친숙한 URL을 만들 수 있습니다. 인식할 수 있는 단어가 거의 없는 긴 암호문과도 같은 URL에 겁을 먹는 사용자도 있을 수 있습니다.

다음과 같은 URL은 익숙하지 않고 혼란을 일으킬 수 있습니다.

https://www.brandonsbaseballcards.com/folder1/22447478/x2/14032015.html

반면 다음과 같이 의미 있는 URL은 사용자에게 더 유용하고 다른 문맥에서 쉽게 이해될 수 있습니다.

https://www.brandonsbaseballcards.com/article/ten-rarest-baseball-cards.html

URL은 검색결과에 표시됩니다.

끝으로, 문서 URL은 일반적으로 Google 검색결과에서 문서 제목 근처에 특정 형식으로 표시됩니다.

Google은 모든 유형의 URL 구조를 능숙하게 크롤링할 수 있고 매우 복잡한 구조라도 크롤링하지만 가능한 한 URL을 간단하게 만드는 것이 좋습니다.

URL에 단어 사용하기

사이트의 콘텐츠 및 구조와 관련된 단어가 포함된 URL은 사이트를 탐색하는 방문자에게 더 친숙한 느낌을 줍니다.

피해야 할 사항

  • 불필요한 매개변수 및 세션 ID가 있는 긴 URL을 사용하는 경우
  • page1.html과 같은 일반적인 페이지 이름을 선택하는 경우
  • baseball-cards-baseball-cards-baseballcards.html과 같은 과도한 키워드를 사용하는 경우

디렉토리 구조를 간단하게 만들기

콘텐츠가 잘 구성되어 있으며 방문자가 콘텐츠가 사이트의 어디에 위치하고 있는지 알기 쉬운 디렉터리 구조를 사용하세요. 디렉터리 구조를 사용하여 해당 URL에 있는 콘텐츠 유형을 나타내세요.

피해야 할 사항

  • .../dir1/dir2/dir3/dir4/dir5/dir6/page.html과 같이 하위 디렉터리가 깊게 중첩되는 경우
  • 내용과 관계없는 디렉터리 이름을 사용하는 경우

문서에 연결되는 URL을 하나의 버전만 제공하기

어떤 사용자는 이 버전의 URL을 사용하고 다른 사용자는 다른 버전의 URL을 사용하게 되면 URL별로 콘텐츠의 평판이 나뉠 수 있습니다. 이러한 일이 벌어지지 않게 하려면 페이지 구조 및 내부 링크에서 하나의 URL만 사용하고 참조해야 합니다. 사용자가 여러 개의 URL을 통해 동일한 콘텐츠에 액세스하고 있음을 발견한 경우 선호하지 않는 URL에서 기본 URL로 연결되는 301 리디렉션을 설정하는 것이 좋습니다. 리디렉션할 수 없는 경우 rel="canonical" 링크 요소도 사용할 수 있습니다.

피해야 할 사항

  • 하위 도메인과 루트 디렉터리의 페이지가 동일한 콘텐츠에 액세스하는 경우(예: domain.com/page.html 및 sub.domain.com/page.html)

콘텐츠 최적화하기

사이트를 재미있고 유용하게 만들기

설득력 있고 유용한 콘텐츠 개발은 여기에서 논의된 다른 어떤 요인들보다도 웹사이트에 더 큰 영향을 끼칠 가능성이 높습니다. 사용자는 좋은 콘텐츠를 바로 알아보며 다른 사용자에게 이 콘텐츠를 알려주고 싶어 할 것입니다. 입소문은 블로그 게시문, 소셜 미디어 서비스, 이메일, 포럼 또는 기타 방법으로 전해집니다.

자연스럽게 입소문을 통해 형성된 인기는 사용자 및 Google에서 사이트의 평판을 높여 주며 이는 품질이 우수한 콘텐츠 없이는 거의 불가능한 일입니다.

흥미로운 새 콘텐츠를 만들면 다른 웹사이트에서 링크가 생성될 수 있습니다.

독자가 무엇을 원하는지 이해하고 제공하기

사용자가 내 콘텐츠를 찾을 때 어떤 검색어를 사용할지 생각해보세요. 어떤 주제에 관해 잘 아는 사용자는 해당 주제를 잘 모르는 사용자와 다른 검색 키워드를 사용합니다. 예를 들어 오랫동안 축구를 좋아해 온 축구팬은 Fédération Internationale de Football Association의 약자인 'fifa'를 검색할 수 있지만 최근에 축구를 좋아하게 된 사용자는 '축구 플레이오프'와 같은 좀 더 일반적인 검색어를 사용할 수 있습니다. 검색 행동에서 나타나는 이러한 차이를 예상하고 콘텐츠를 작성할 때 이를 고려하여 키워드 문구를 적절하게 섞어 사용하게 되면 긍정적인 결과가 도출될 수 있습니다. Google Ads에서는 새로운 키워드 변형과 키워드별 대략적인 검색량을 편리하게 확인할 수 있는 기능인 키워드 플래너를 제공합니다. 또한 Google Search Console에서는 실적 보고서를 통해 사이트를 제일 많이 노출시키는 인기 검색어 및 가장 많은 사용자가 사이트를 방문하게 만든 인기 검색어를 알려 줍니다.

다른 사이트에서 제공하지 않는 새롭고 유용한 서비스를 개발하는 것이 좋습니다. 또한 독창적인 연구를 진행하거나, 흥미진진한 뉴스 기사를 작성하거나, 사이트의 순 사용자층을 활용할 수도 있습니다. 다른 사이트에는 이를 위해 필요한 리소스나 전문지식이 없을 수도 있으니까요.

텍스트가 쉽게 읽히도록 작성하기

사용자는 잘 작성되었으며 이해하기 쉬운 콘텐츠를 좋아합니다.

피해야 할 사항

  • 철자법 및 문법 실수가 많은 엉성한 텍스트를 작성하는 경우
  • 어색하거나 잘못 작성한 콘텐츠를 제공하는 경우
  • 텍스트가 중심이 되는 콘텐츠에서 텍스트를 이미지 및 동영상에 삽입하게 되면 사용자가 텍스트를 복사하여 붙여넣기하고자 하는 경우 검색엔진에서 읽지 못합니다.

주제를 명확하게 구성하기

항상 방문자가 하나의 콘텐츠 주제가 어디에서 시작되고 끝나는지 잘 알 수 있게 콘텐츠를 구성하는 것이 좋습니다. 콘텐츠를 논리적인 덩어리나 부분으로 나누면 사용자가 자신이 원하는 콘텐츠를 더 빠르게 찾을 수 있습니다.

피해야 할 사항

  • 단락이나 부제목, 레이아웃을 활용한 구분 없이 한 페이지에 다양한 주제를 다룬 대량의 텍스트를 게시하는 경우

신선하고 독창적인 콘텐츠 만들기

새로운 콘텐츠는 기존의 방문자층을 계속 유지해줄 뿐 아니라 새로운 방문자를 유치하는 데도 도움이 됩니다.

피해야 할 사항

  • 기존 콘텐츠를 재탕하거나 복사하여 사용자에게 새로운 가치를 거의 제공하지 않는 경우
  • 사이트를 통해 중복이나 거의 중복에 가까운 콘텐츠만 제공하는 경우

중복 콘텐츠 자세히 알아보기

검색엔진이 아닌 사용자를 위해 콘텐츠 최적화하기

방문자의 요구에 따라 사이트를 설계하고 검색엔진에서 사이트에 쉽게 액세스할 수 있게 만들면 긍정적인 결과가 도출되는 경우가 많습니다.

피해야 할 사항

  • 검색엔진을 감안하여 불필요한 키워드를 상당수 삽입했지만 사용자에게는 짜증을 유발하거나 무의미한 키워드인 경우
  • 사용자에게 아무런 가치도 제공하지 않는 '이 페이지를 열 때 자주 사용된 맞춤법 오류' 등의 텍스트 블록을 사용하는 경우
  • 특정 텍스트를 사용자에게는 숨기고 검색엔진에는 표시하는 경우

사용자 신뢰를 구축하는 행동 보이기

사용자는 신뢰할 수 있다고 생각되는 웹사이트를 방문할 때 편안함을 느낍니다.

평판이 좋은 사이트는 신뢰할 수 있습니다. 특정 분야와 관련해 전문성을 갖추고 있으며 신뢰할 수 있다는 인지도를 구축하세요.
사이트를 게시하고 콘텐츠를 제공하는 사람과 사이트의 목적에 관한 정보를 제공합니다. 쇼핑 또는 기타 금융 거래 웹사이트의 경우 사용자가 문제를 해결할 수 있도록 명확하고 만족스러운 고객 서비스 정보가 있어야 합니다. 뉴스 사이트의 경우 콘텐츠 담당자에 관한 명확한 정보를 제공합니다.

적절한 기술을 사용하는 것도 중요합니다. 쇼핑 결제 페이지에서 보안 연결을 제공하지 않는다면 사용자는 사이트를 신뢰할 수 없게 됩니다.

전문성 및 권위 명확히 드러내기

사이트가 전문성 및 권위를 갖추고 있으면 사이트의 품질이 높아집니다. 사이트의 콘텐츠를 제작하거나 편집하는 사람이 각 주제의 전문가인지 확인하세요. 예를 들어, 전문성 또는 경력이 풍부한 출처를 제공하면 사용자가 기사의 전문성을 파악할 수 있습니다. 과학적인 주제를 다루는 페이지인 경우, 이 주제에 관해 널리 알려진 합의가 존재한다면 이를 언급하는 것도 좋은 방법입니다.

주제에 관해 적절한 양의 콘텐츠 제공

양질의 콘텐츠를 작성하는 데는 많은 시간과 노력, 전문성, 재능, 기술 중 하나 이상이 반드시 요구됩니다. 콘텐츠는 사실에 기반해 정확하고 명확하게 작성되어야 하고 포괄적이어야 합니다. 예를 들어 페이지에 레시피에 관한 내용을 작성하고 있다면 단순히 재료만을 나열하거나 요리에 관해 간단한 설명만을 제공하기보다는 따라하기 쉬운 레시피를 처음부터 끝까지 제공하는 것이 좋습니다.

피해야 할 사항

  • 페이지 목적에 맞는 콘텐츠를 충분히 제공하지 않는 경우

사용자의 주의를 분산시키는 광고 표시하지 않기

광고가 사용자에게 노출되는 것은 당연합니다. 그러나 광고로 인해 사용자의 주의가 분산되거나 사이트 콘텐츠를 소비하지 못하게 되는 일은 없어야 합니다. 예를 들어 웹사이트를 사용하기 어렵게 만드는 광고, 보완 콘텐츠, 인터스티셜 페이지(사용자가 원하는 콘텐츠 앞 또는 뒤에 표시되는 페이지)는 지양해야 합니다. 이 주제에 관해 자세히 알아보기

피해야 할 사항

  • 페이지에 주의를 분산시키는 광고를 배치하는 경우

링크 현명하게 사용하기

좋은 링크 텍스트 작성하기

링크 텍스트는 링크 내부에 보이는 텍스트입니다. 이 텍스트는 사용자와 Google에 지금 들어가려는 페이지가 어떤 페이지인지 알려줍니다. 페이지에 있는 링크는 사이트에 있는 다른 페이지로 연결되는 내부 링크일 수도 있고 다른 사이트에 있는 콘텐츠로 이어지는 외부 링크일 수도 있습니다. 어떤 경우든 간에 앵커 텍스트가 좋을수록 사용자가 탐색하기 쉬우며 링크를 통해 연결되는 페이지를 Google이 더 잘 이해할 수 있습니다.

내 사이트에 유용한 링크 텍스트를 추천하는 다이어그램입니다.

적절한 앵커 텍스트를 사용하면 사용자와 검색엔진이 연결된 페이지의 내용을 쉽게 이해할 수 있습니다.

설명을 제공하는 텍스트 선택하기

적어도 연결된 페이지의 내용을 기본적으로 파악할 수 있는 앵커 텍스트를 작성합니다.

  • '페이지', '기사', '여기를 클릭하세요' 등 앵커 텍스트를 지나치게 일반적으로 작성하는 경우
  • 주제와 관련이 없거나 연결된 페이지의 콘텐츠와 관련이 없는 텍스트를 사용하는 경우
  • 앵커 텍스트로 페이지 URL을 사용하는 대부분의 경우(하지만 새로운 웹사이트의 주소를 홍보하거나 참조하는 경우와 같이 이렇게 사용하는 것이 효과적일 때도 있음)
텍스트를 간결하게 작성하기

짧으면서도 충분한 설명을 제공하는 텍스트를 작성하세요. 단어 몇 개 또는 짧은 문구가 좋습니다.

  • 지나치게 긴 문장이나 짧은 단락 등 앵커 텍스트를 길게 작성하는 경우

사용자가 일반 텍스트와 링크의 앵커 텍스트를 쉽게 구분할 수 있게 작성하세요. 사용자가 링크를 못 보고 지나치거나 실수로 클릭하게 되면 링크의 유용성이 떨어집니다.

  • 링크를 일반 텍스트처럼 보이게 하는 CSS 또는 텍스트 스타일을 사용하는 경우
내부 링크용 앵커 텍스트도 고려하기

일반적으로 외부 웹사이트와의 링크만 고려하기 쉽습니다. 하지만 내부 링크용으로 앵커 텍스트를 사용하는 데 신경을 쓰면 사용자 및 Google이 사이트를 탐색하기 더욱 쉬워집니다.

  • 검색엔진만을 고려하여 키워드로만 잔뜩 채워져 있거나 지나치게 긴 앵커 텍스트를 사용하는 경우
  • 사용자의 사이트 탐색에 도움이 되지 않는 불필요한 링크를 작성하는 경우

링크 대상에 주의합니다.

내 사이트를 다른 사이트에 링크하면 내 사이트의 평판 중 일부를 해당 사이트에 넘겨주게 됩니다. 때때로 내 사이트의 댓글 섹션이나 메시지 보드에 자신의 사이트로 연결되는 링크를 추가함으로써 이를 노리는 사용자도 있습니다. 또는 특정 사이트를 부정적으로 언급하거나 해당 사이트에 내 사이트의 평판을 넘겨주고 싶지 않은 경우도 있습니다. 예를 들어 댓글 스팸이라는 주제를 가지고 블로그에 게시물을 작성하면서 최근 내 블로그에 스팸 댓글을 남긴 사이트를 언급한다고 생각해 봅시다. 다른 사람들에게 이 사이트를 조심하라고 경고하기 위해 콘텐츠에 해당 사이트의 링크를 삽입했지만, 동시에 이 사이트에 내 사이트가 가진 평판의 일부를 넘겨주고 싶지는 않을 것입니다. 이런 경우 nofollow를 사용하는 것이 좋습니다.

위젯 링크에서도 nofollow 속성을 유용하게 사용할 수 있습니다. 사이트의 사용자 환경을 강화하고 사용자 참여를 유도할 목적으로 제3자의 위젯을 사용하고 있는 경우 위젯에 내 사이트에 표시할 의도가 없는 링크가 포함되어 있지 않은지 확인하세요. 일부 위젯은 내가 선택하지 않은 링크, 웹사이트 소유자의 관리 대상이 아닐 수 있는 앵커 텍스트가 포함된 링크를 사이트에 추가할 수도 있습니다. 위젯에서 원치 않는 링크를 제거할 수 없는 경우 nofollow를 사용하여 이러한 링크를 사용 중지할 수 있습니다. 내가 제공하는 기능이나 콘텐츠와 관련된 위젯을 만드는 경우 기본 코드 스니펫에 있는 링크에 nofollow를 포함했는지 확인하세요.

마지막으로, 페이지에 있는 모든 링크를 NOFOLLOW 처리하고자 하는 경우 페이지의 <head> 태그에 <meta name="robots" content="nofollow"> 태그를 추가하면 됩니다. Google 문서에서 robots meta 태그에 관한 자세한 내용을 확인할 수 있습니다.

nofollow로 댓글 스팸 방지

페이지의 인지도를 따르거나 연결된 페이지에 페이지의 인지도를 전달하지 말라고 Google에 알리려면 링크의 rel 속성 값을 nofollow나 ugc로 설정합니다. 링크를 NOFOLLOW한다는 것은 다음과 같이 링크의 앵커 태그 내부에 rel="nofollow" 또는 좀 더 구체적인 속성(예: ugc)을 추가한다는 의미입니다.

<a href="https://www.example.com" rel="nofollow">Anchor text here</a>

또는

<a href="https://www.example.com" rel="ugc">Anchor text here</a>

NOFOLLOW는 언제 유용하게 사용될까요? 사이트에 공개 댓글을 사용할 수 있는 블로그가 있는 경우 댓글 내에 링크가 있으면 내가 불편하게 느끼는 페이지에 내 사이트의 평판이 전달될 수 있습니다. 블로그의 댓글 영역은 댓글 스팸에 매우 취약합니다. 사용자가 추가한 링크를 NOFOLLOW하면 내 페이지에서 어렵게 얻은 평판을 스팸 사이트에 넘겨주지 않도록 보장됩니다.

외부 링크가 포함된 사용자 댓글의 그림입니다.

댓글 열 및 메시지 보드에 자동으로 nofollow를 추가합니다.

사용자 댓글을 자동으로 nofollow하는 블로그 소프트웨어 패키지가 많이 있지만, 그렇지 않은 소프트웨어에서도 사용자 댓글을 NOFOLLOW하도록 수동으로 수정할 수 있는 경우가 대부분입니다. 이는 방문록, 샤우트보드, 추천자 목록 등 사용자 제작 콘텐츠가 관련되어 있는 사이트의 다른 부분에도 적용됩니다. 사이트에 신뢰할 수 있는 댓글 작성자가 있는 경우 등 제3자가 추가한 링크를 보증하려면 링크에 nofollow를 사용하지 않아도 됩니다. 하지만 Google에서 스팸이라고 판단하는 사이트로 링크하게 되면 내 사이트의 인지도에 영향을 줄 수 있습니다. Google 검색 센터 문서에 보안문자 사용, 댓글 검토 기능 사용 등의 방법으로 댓글 스팸을 방지하는 추가 도움말을 확인할 수 있습니다.

보안문자 팝업 그림

이미지 최적화하기

HTML 이미지 사용하기

HTML 이미지 요소를 사용하여 콘텐츠에 이미지를 삽입합니다.

HTML <img> 또는 <picture> 요소 사용하기

시맨틱 HTML 마크업을 사용하면 크롤러가 이미지를 찾고 처리할 수 있습니다. <picture> 요소를 사용하여 반응형 이미지를 위한 다양한 화면 크기에 여러 옵션을 지정할 수도 있습니다. 이미지에 loading="lazy" 속성을 사용하면 사용자가 페이지를 더 빠르게 로드할 수도 있습니다.

피해야 할 사항

  • CSS를 사용하여 색인을 생성할 이미지를 표시합니다.

alt 속성을 사용합니다.

이미지와 관련된 설명을 제공하는 파일 이름 및 alt 속성을 사용하세요. alt 속성을 사용하면 어떤 이유로 이미지를 표시할 수 없을 때 대신 표시할 텍스트를 지정할 수 있습니다.

이미지에 적절한 대체 텍스트를 사용했을 때의 이점을 보여주는 그림입니다.

이 속성을 사용하는 이유는 무엇인가요? alt 속성의 내용은 사용자가 스크린 리더와 같은 보조 기술을 사용하여 사이트를 보고 있을 때 그림에 관한 정보를 제공합니다.

Alt 속성을 사용하는 또 다른 이유는 이미지를 링크로 사용하는 경우 해당 이미지의 대체 텍스트가 텍스트 링크의 앵커 텍스트와 비슷하게 취급된다는 점입니다. 그러나 텍스트 링크를 사용해 동일한 목적을 달성할 수 있으면 사이트 탐색에 너무 많은 이미지 링크를 사용하지 않는 것이 좋습니다. 마지막으로 이미지의 파일 이름과 대체 텍스트를 최적화하면 Google 이미지와 같은 이미지 검색 프로젝트에서 이미지를 더욱 쉽게 이해할 수 있습니다.

간단하지만 설명이 담긴 파일 이름과 대체 텍스트 사용하기

최적화의 대상이 되는 페이지의 다른 부분들과 마찬가지로 파일 이름과 대체 텍스트는 짧으면서도 설명을 제공하는 것이 가장 좋습니다.

  • image1.jpg, pic.gif, 1.jpg와 같은 일반적인 파일 이름을 사용하는 경우. 사이트에 수천 개의 이미지가 있으면 이미지의 이름을 자동 지정하는 것이 좋습니다.
  • 매우 긴 파일 이름을 작성하는 경우
  • 대체 텍스트를 키워드로 채워 넣거나 전체 문장을 복사하여 붙여넣는 경우
이미지를 링크로 사용할 때 대체 텍스트 제공하기

이미지를 링크로 사용하기로 결정한 경우 대체 텍스트를 작성하면 Google에서 링크하려는 페이지에 대해 더 잘 이해할 수 있습니다. 텍스트 링크의 앵커 텍스트를 작성한다고 생각해 보세요.

  • 스팸으로 간주될 수 있을 정도로 대체 텍스트를 지나치게 길게 작성하는 경우
  • 사이트 탐색에 이미지 링크만 사용하는 경우

검색엔진이 내 이미지를 찾을 수 있게 돕기

이미지 사이트맵을 사용하면 Google이 사이트에서 발견한 이미지에 관해 더욱 자세한 정보를 제공할 수 있습니다. 이렇게 하면 Google 이미지 검색결과에 이미지가 표시될 가능성이 높아집니다. 이 파일의 구조는 웹페이지의 XML 사이트맵 파일과 유사합니다.

표준 이미지 형식 사용하기

일반적으로 지원되는 파일 형식을 사용하세요. 대부분의 브라우저는 JPEG, GIF, PNG, BMP, WebP 이미지 형식을 지원합니다. 파일 이름 확장자를 파일 형식과 일치시키는 것도 좋습니다.

사이트를 모바일 친화적으로 만들기

오늘날의 세상은 모바일 중심으로 돌아갑니다. 대다수 사람들이 휴대기기를 사용하여 Google에서 검색합니다. 사이트의 데스크톱 버전은 휴대기기에서 보고 사용하기 불편할 수 있기 때문에 모바일 기능을 지원하는 사이트가 있어야 온라인 인지도를 유지할 수 있습니다. 2016년 말부터 Google에서는 사이트 콘텐츠의 모바일 버전을 주로 사용하여 순위를 지정하고 구조화된 데이터를 파싱하며 스니펫을 생성하는 실험을 시작했습니다.

모바일 전략 선택하기

웹사이트에서 모바일 환경을 지원하도록 구현하는 방법은 여러 가지이며 Google에서는 다음과 같은 여러 구현 방법을 지원합니다.

모바일 지원 사이트를 개발한 후에는 Google의 모바일 친화성 테스트를 통해 Google 검색결과 페이지에서 사이트의 페이지가 모바일 친화적 라벨이 표시되는 기준을 충족하는지 확인하세요. 또한 Search Console 모바일 사용 편의성 보고서를 확인하여 사이트에 영향을 주는 모바일 사용 편의성 문제를 해결할 수도 있습니다.

사이트에서 여러 페이지에 걸쳐 블로그 게시물이나 제품 방문 페이지와 같은 여러 정적 콘텐츠를 게재하는 경우 AMP(Accelerated Mobile Pages)를 사용한 콘텐츠 구현을 고려해 보세요. AMP는 특별한 종류의 HTML로서 사이트를 항상 빠르고 사용자 친화적으로 유지해주며, Google 검색 등의 다양한 플랫폼을 통해 사이트 속도를 한층 더 높일 수도 있습니다.

색인이 정확하게 생성될 수 있도록 모바일 사이트 구성하기

모바일 사이트 설정에 어떤 구성을 선택하든 상관없이 다음 중요 포인트에 유의하세요.

  1. 동적 게재를 사용하거나 별도의 모바일 사이트가 있는 경우 휴대기기에 맞게 페이지 형식을 지정했다면 이를 Google에 알립니다(상응하는 페이지가 휴대기기에 맞게 형식이 지정된 경우에도 마찬가지임). 이렇게 하면 Google에서 모바일 검색 사용자의 검색결과에 콘텐츠를 정확하게 게재하는 데 도움이 됩니다.
  2. 반응형 웹 디자인을 사용하는 경우 meta name="viewport" 태그를 사용하여 브라우저에 콘텐츠 조정 방법을 알립니다. 동적 게재를 사용하는 경우 Vary HTTP 헤더를 사용하여 사용자 에이전트에 따라 변경사항을 알립니다. 별도의 URL을 사용하는 경우 rel="canonical" 및 rel="alternate" 요소가 있는 <link> 태그를 페이지에 추가하여 두 URL 간의 관계를 알립니다.
  3. 리소스를 크롤링할 수 있는 상태로 유지합니다. 페이지 리소스를 차단하면 Google에 내 웹사이트를 제대로 알리지 못할 수 있습니다. 이는 robots.txt 파일이 일부 또는 모든 페이지 리소스에 대한 액세스를 차단할 때 자주 발생하는 현상입니다. Google이 CSS나 자바스크립트, 이미지 등 페이지 리소스에 액세스하지 못하면 Google에서 해당 페이지가 모바일 브라우저에 표시되고 제대로 작동하도록 구축되었다는 것을 감지하지 못할 수 있습니다. 즉, Google에서 페이지가 모바일 친화적인지 감지할 수 없으므로 모바일 검색 사용자에게 제대로 게재되지 않을 수 있습니다.
  4. 자주 발생하여 모바일 방문자를 불편하게 하는 실수를 방지하세요. 예를 들어 재생할 수 없는 동영상을 포함하면 안 됩니다.
  5. 검색 사용자의 불만을 초래하는 모바일 페이지가 있으면 순위가 낮아질 수 있고 모바일 검색결과에 경고와 함께 표시될 수 있습니다. 사용자 환경을 저해하는 모바일 전체 페이지 전면 광고도 이러한 페이지 중 하나입니다.
  6. 모든 기기에서 모든 기능을 제공하세요. 모바일 사용자는 웹사이트에서 지원하는 다른 모든 기기에서 댓글 및 결제 등 동일한 기능 및 모바일 콘텐츠를 사용할 수 있을 것이라고 기대합니다. 텍스트 콘텐츠 외에도 중요한 이미지 및 동영상이 모두 삽입되어 있으며 휴대기기에서 액세스할 수 있는지 확인하세요. 검색엔진의 경우 모든 버전의 페이지에서 모든 구조화된 데이터 및 기타 메타데이터(제목, 설명, 링크 요소, 기타 메타 태그 등)를 제공하세요.
  7. 데스크톱 사이트에 있는 구조화된 데이터, 이미지, 동영상, 메타데이터가 모바일 사이트에도 포함되어 있는지 확인하세요.

권장사항

  • 모바일 친화성 테스트로 모바일 페이지를 테스트하여 Google에서 내 웹사이트가 휴대기기와 원활히 호환된다고 판단하는지 확인합니다.
  • 모바일 페이지에 별도의 URL을 사용하는 경우 모바일 및 데스크톱 URL을 모두 테스트하여 리디렉션이 인식되고 있고 크롤링이 가능한지를 확인해야 합니다.

자세한 내용은 Google의 모바일 친화성 가이드를 참고하세요.

웹사이트 홍보하기

내 사이트로 연결되는 링크는 대부분 점진적으로 추가됩니다. 하지만 사람들이 검색이나 다른 방법을 통해 내 콘텐츠를 발견하고 이를 링크함에 따라 Google에서는 내가 콘텐츠에 투자한 노력을 다른 사람들에게 알리고 싶어한다는 사실을 이해하게 됩니다. 새로운 콘텐츠를 효과적으로 홍보하면 같은 주제에 관심이 있는 사람들이 내 콘텐츠를 더 빨리 발견할 수 있습니다. 하지만 이 문서에서 다뤄지는 대부분의 항목과 마찬가지로 다음의 권장사항을 극단적으로 적용하면 사이트의 평판에 좋지 않은 영향을 끼칠 수 있습니다.

내 사이트에 있는 블로그 게시물을 통해 방문자들에게 새로운 콘텐츠를 추가했다는 사실을 알리면 새로운 콘텐츠나 서비스를 홍보할 수 있습니다. 내 사이트나 RSS 피드를 팔로우하는 다른 웹사이트 소유자들도 이 소식을 전해 들을 수 있습니다.

회사나 사이트를 오프라인에서 홍보하려는 노력도 성과를 거둘 수 있습니다. 예를 들어 업체 사이트가 있는 경우 명함, 편지 윗부분, 포스터에 업체 사이트의 URL이 표시되어 있는지 확인하세요. 또한 우편을 통해 고객에게 회사 웹사이트에 게시된 새로운 콘텐츠를 소개하는 뉴스레터를 반복적으로 송부할 수도 있습니다.

지역 비즈니스를 운영하는 경우 비즈니스 프로필을 등록하면 Google 지도 및 Google 검색을 통해 고객에게 다가갈 수 있습니다.

오프라인 상점에 관한 리치 결과를 보여주는 Google 검색결과 샘플입니다.

소셜 미디어 사이트를 이해합니다.

사용자 상호 작용 및 공유를 기반으로 구축 된 사이트는 특정 콘텐츠에 관심을 가진 사용자와 이와 관련된 콘텐츠를 좀 더 쉽게 이어줍니다.

피해야 할 사항

  • 신규 콘텐츠라면 아무리 사소한 것이라도 일일이 홍보하지 말고, 중요하고 흥미로운 콘텐츠 위주로 홍보하세요.
  • 이러한 서비스에서 콘텐츠를 인위적으로 상단에 표시하기 위해 사이트에 편법을 사용하면 안 됩니다.

내 사이트와 비슷한 주제를 다루는 사이트가 많습니다. 따라서 이러한 사이트와 소통을 하게 되면 도움이 됩니다. 나만의 전문 영역이나 커뮤니티에서 화제가 되는 주제를 통해 콘텐츠와 관련된 추가 아이디어를 얻거나 커뮤니티 리소스를 마련할 수 있습니다.

피해야 할 사항

  • 내가 다루는 주제와 관련된 모든 사이트에 링크 요청을 남발하는 경우
  • PageRank를 얻으려는 목적으로 다른 사이트에서 링크를 구매하는 경우

검색 실적 및 사용자 행동 분석하기

검색 실적 분석

Google을 비롯한 주요 검색엔진에서는 웹사이트 소유자가 검색엔진 실적을 분석할 수 있는 도구를 제공합니다. Google에서는 Search Console이라는 도구를 제공합니다.

Search Console은 두 가지 중요한 카테고리, 즉 Google의 내 콘텐츠 발견 여부 및 Google 검색결과에서 내 사이트가 거두고 있는 실적과 관련된 정보를 제공합니다.

Search Console을 사용해도 내 사이트가 특별한 대우를 받지는 않습니다. 하지만 문제를 발견하고 이를 해결하면 내 사이트가 검색결과에서 더욱 좋은 실적을 거두는 데 도움이 됩니다.

이 서비스를 사용하면 웹사이트 소유자는 다음 작업을 할 수 있습니다.

  • 사이트에서 Googlebot이 크롤링하는 데 문제가 있는 부분 확인
  • 사이트맵 테스트 및 제출
  • robots.txt 파일 분석 또는 생성
  • Googlebot이 이미 크롤링한 URL 삭제
  • 선호 도메인 지정
  • title 및 description meta 태그의 문제 식별
  • 사이트에 도달하는 데 사용된 인기 검색어 파악
  • Google이 페이지를 보는 방법 확인
  • 스팸 정책 위반 통지 수신 및 사이트 재검토 요청

Microsoft의 Bing 웹마스터 도구 또한 웹사이트 소유자를 위한 도구를 제공합니다.

사이트에서의 사용자 행동 분석

Google Search Console 또는 기타 서비스를 사용하여 사이트의 크롤링 및 색인 생성 기능을 개선했다면 사이트로 유입되는 트래픽이 궁금할 것입니다. Google 애널리틱스와 같은 웹 분석 프로그램은 이와 관련된 정보를 얻을 수 있는 중요한 정보 공급원입니다. 웹 분석 프로그램은 다음과 같이 사용할 수 있습니다.

  • 사용자가 내 사이트에 어떻게 찾아오고 어떤 행동을 보이는지와 관련된 정보를 얻습니다.
  • 사이트에서 가장 인기 있는 콘텐츠를 확인합니다.
  • 사이트 최적화 작업의 영향을 가늠합니다. 예를 들면 title 및 description meta 태그 변경으로 인해 검색엔진에서 유입되는 트래픽이 개선되었나요?

숙련된 사용자인 경우 분석 패키지에서 제공하는 정보와 서버 로그 파일의 데이터를 종합하면 방문자가 내 문서와 어떻게 상호작용하는지와 관련된 더 종합적인 정보(예: 검색자가 내 사이트를 찾을 때 사용할 수 있는 추가 키워드)를 얻을 수 있습니다.

추가 리소스

Google 검색 센터 블로그
Google 검색 센터 블로그에서 최신 정보를 얻으세요. Google 검색, 새로운 Search Console 기능 등과 같은 정보를 확인할 수 있습니다.

Google 검색 센터 도움말 포럼
사이트 문제에 관한 질문을 게시하고 웹사이트 소유자를 위한 제품 포럼에서 고품질 사이트를 만드는 도움말을 확인할 수 있습니다. 포럼에는 Product Expert가 있고 가끔씩 Google 직원도 참여하는 등 경험이 많은 참여자가 활발하게 활동하고 있습니다.

Google 검색 센터 트위터
Google 검색 센터를 팔로우하여 훌륭한 사이트를 만드는 데 도움이 되는 뉴스와 리소스를 받아 보세요.

Google 검색 센터 YouTube 채널
웹사이트 소유자 커뮤니티를 위해 만든 수백 편의 유용한 동영상을 시청하며 내 질문과 관련해 Google 직원이 제공하는 답변을 들어보세요.

검색 원리
Google 검색에서 무언가를 검색할 때 보이지 않는 곳에서 일어나는 일들을 알아보세요.