SEO 권장 사항 이해
마지막 업데이트 날짜: 2026년 5월 13일
명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.
SEO 권장 사항은 검색 엔진이 귀하의 콘텐츠를 발견하고 이해하는 데 영향을 미칠 수 있는 문제점을 파악해 줍니다. 이 글에서는 각 SEO 권장 사항의 의미, 콘텐츠의 검색 성과에 영향을 미치는 이유, 그리고 이를 해결하기 위해 취할 수 있는 조치에 대해 설명합니다. SEO 권장 사항을 확인하는 방법에 대해 자세히 알아보세요.
시작하기 전에
-
SEO 도구 내 권장 사항은 다음과 같이 분류됩니다:
-
사이트의 SEO에 미치는 영향.
-
해결에 필요한 기술적 난이도.
-
문제 해결 담당자의 권장 역할.
-
-
'기술적 난이도'가 '높음'인 권장 사항은 해결을 위해 개발자의 도움이 필요할 수 있습니다.
-
SEO 활동을 AI 기반 가시성과 연계하려면, 콘텐츠를 최적화하고 AI에 대한 브랜드 가시성을 개선하는 방법을 검토하세요.
SEO 권장 사항
다음 권장 사항은 카테고리별로 분류된 후, SEO에 미칠 잠재적 영향의 크기에 따라 순서대로 나열되어 있습니다. 간단한 권장 사항과 개발자의 도움이 필요한 권장 사항은 HubSpot의 SEO 도구에서만 표시됩니다.
A접근성
이미지 대체 텍스트 속성 추가
이미지는 검색 엔진과 스크린 리더를 사용하는 방문자가 콘텐츠를 이해하는 데 어려움을 줄 수 있습니다. 이 문제를 해결하려면 이미지의 모양과 내용을 설명하는 대체 텍스트를 추가하세요. 이렇게 하면 사이트의 접근성과 SEO가 향상됩니다. 웹사이트 접근성에 대해 자세히 알아보세요.
이미지 대체 텍스트가 비어 있는지 확인
페이지의 이미지에 대체 텍스트를 추가하면 검색 엔진과 스크린 리더를 사용하는 방문자가 콘텐츠를 이해할 수 있습니다. 페이지의 각 부분을 구분하는 아이콘과 같이 의미 있는 내용이 없는 이미지도 있습니다. 이러한 이미지는 대신 빈 대체 텍스트 속성을 가져야 합니다. 빈 대체 텍스트 속성을 가진 이미지를 검토하여 대체 텍스트가 포함되어서는 안 되는지 확인하세요.
'lang' 속성을 사용하여 페이지의 언어 설정
페이지의 언어는 "lang" 속성으로 설정됩니다. 스크린 리더는 이 속성을 기반으로 사용할 언어 라이브러리를 결정합니다. 언어가 올바르게 설정되지 않으면 방문자의 스크린 리더 소프트웨어가 제대로 작동하지 않을 수 있습니다. "lang" 속성 사용에 대해 자세히 알아보세요.
"lang" 속성은 페이지 소스 코드 시작 부분의 <html> 태그 안에 설정됩니다. 올바르게 형식화된 "lang" 속성은 다음과 같습니다:
<html lang="en">...</html>.
<html> 태그에 있는 언어 코드를 허용되는 2글자 언어 코드 목록과 비교한 후 코드를 수정하십시오. <html> 태그에 "lang" 속성이 포함되어 있지 않다면 다음을 추가하십시오. lang="[language code]" 을 태그에 추가하십시오.
<meta http-equiv="refresh"> 태그 제거
<meta http-equiv="refresh"> 태그가 포함된 페이지는 지정된 시간이 지나면 자동으로 새로 고침됩니다. 이는 사용자에게 혼란을 줄 수 있으며 화면 읽기 소프트웨어의 작동을 방해할 수 있습니다. 자동으로 새로 고침해야 하는 페이지에는 대신 JavaScript를 사용하십시오.
크롤링 및 색인 생성
robots.txt 파일을 통해 올바른 페이지가 검색 결과에서 숨겨지고 차단되었는지 확인하세요
도메인에 호스팅된 페이지 중 검색 엔진에 차단된 페이지가 있는 경우, 해당 페이지 목록을 검토하라는 권장 사항이 표시됩니다. 이는 웹사이트에 실수로 검색 엔진에 차단된 페이지가 없는지 확인하는 방법입니다.
나열된 모든 페이지가 의도적으로 검색 결과에서 숨겨진 것이라면 별도의 조치가 필요하지 않습니다.
검색 결과에 색인되어야 하지만 검색 결과에서 숨겨진 웹사이트 페이지가 있는 경우, 웹사이트 관리자와 협력하여 robots.txt 파일을 업데이트하거나 검색 결과에서 페이지를 차단할 수 있는 태그를 제거하십시오.
정식 링크(canonical link) 설정 확인
Google과 같은 검색 엔진은 검색 결과에 표시할 페이지의 기본 버전을 찾기 위해 표준 링크(canonical link)를 사용합니다. 각 페이지에 유효한 표준 링크를 추가하여 중복 콘텐츠 문제를 방지하세요. 표준 URL이 SEO에 미치는 영향에 대해 자세히 알아보세요.
다음과 같은 경우 캐노니컬 링크는 유효하지 않은 것으로 표시됩니다:
- 정식 링크가 두 개 이상 있습니다.
- 정식 링크가 유효한 URL이 아닙니다.
- 정식 링크가 상대 경로 URL입니다.
- 정식 링크가 다른 지역 또는 언어의 페이지를 가리키고 있습니다.
- 정식 링크가 다른 도메인을 가리킵니다.
- 정식 링크가 사이트의 루트를 가리킵니다.
콘텐츠 편집기의 ‘설정’ 탭에서 페이지의 표준 URL을 편집하는 방법에 대해 자세히 알아보세요.
참고: 블로그 목록 페이지는 잘못된 중복 콘텐츠 경고를 유발할 수 있습니다.
검색 엔진이 페이지 링크를 처리할 수 있는지 확인하세요
검색 엔진은 href 속성이 포함된 <a> 태그 형식의 링크를 선호합니다. 올바르게 형식화된 링크는 다음과 같습니다:
<a href="https://www.hubspot.com">Link text here</a>.
검색 엔진이 링크를 크롤링할 수 있도록 페이지의 링크가 이 형식을 따르는지 확인하십시오.
오류가 있는 페이지 수정
오류로 인해 HubSpot 크롤러가 해당 페이지를 스캔하지 못했습니다. 이는 다음 이유 중 하나 때문일 수 있습니다:
- HTTP 상태 코드가 누락되었습니다: HTTP 상태 코드는 웹 페이지에 성공적으로 접속했는지 여부를 나타냅니다. 스캔에서 HTTP 상태 코드를 반환할 수 없는 경우, 스캔은 실패합니다. HTTP 상태 코드에 대해 자세히 알아보세요.
- HTTP 상태 코드가 오류를 반환함: HTTP 상태 코드는 웹 페이지에 성공적으로 접속되었는지 여부를 나타냅니다. 400대 및 500대 상태 코드는 클라이언트 또는 서버 오류를 나타내며, 스캔이 완료되지 못하게 합니다. 다양한 HTTP 상태 코드에 대해 자세히 알아보세요.
- 페이지 HTML이 비어 있음: 페이지의 소스 코드에 HTML이 없으면 스캔에서 해당 페이지를 처리할 수 없습니다.
웹 개발자와 협력하여 나열된 페이지들이 올바르게 설정되어 있고 정상적으로 작동하는지 확인하십시오.
모든 hreflang 링크에 유효한 언어 코드가 포함되어 있는지 확인하세요
다국어 웹사이트에서 hreflang 링크를 사용하면 검색 엔진이 페이지의 언어를 파악할 수 있습니다. 그러면 검색 엔진은 해외 사용자에게 선호하는 언어에 맞는 페이지 검색 결과를 제공할 수 있습니다. 다국어 콘텐츠에 hreflang 링크를 사용하는 방법에 대해 자세히 알아보세요.
이 링크에 유효하지 않은 언어 코드가 포함된 경우, 검색 엔진은 페이지의 언어를 올바르게 식별하지 못하거나 해당 언어의 검색 결과에 페이지를 포함하지 못할 수 있습니다. HubSpot에서 호스팅되는 다국어 페이지는 자동으로 유효한 언어 코드를 사용합니다.
링크에 포함된 언어 코드를 허용된 언어 및 지역 2글자 코드 목록과 비교하십시오. 그런 다음 유효하지 않은 코드는 모두 교체하십시오. hreflang 링크에 지역을 지정하는 것은 선택 사항입니다. 사용할 경우 hreflang=”[언어]-[지역]” 형식으로 작성해야 합니다 . 예를 들어, 스페인 사용자를 대상으로 하는 스페인어 페이지의 경우 hreflang="es-es" 형식으로 지정해야하며, 전 세계 모든 스페인어 사용자를 대상으로 하는 페이지의 경우 hreflang=”es”를 사용해야 합니다 .
모든 hreflang 링크에 전체 URL이 사용되었는지 확인하세요
다국어 웹사이트에서 hreflang 링크를 사용하면 검색 엔진이 페이지의 언어를 파악할 수 있습니다. 그러면 검색 엔진은 해외 사용자에게 선호하는 언어에 맞는 페이지 검색 결과를 제공할 수 있습니다. 다국어 콘텐츠에 hreflang 링크를 사용하는 방법에 대해 자세히 알아보세요.
일부 hreflang 링크는 http/https로 시작하는 전체 URL 대신 URL 경로만 포함된 상대 URL을 사용합니다. 이러한 링크도 작동할 수는 있지만, 원본 URL이 변경될 경우 향후 링크가 깨질 위험이 높아집니다. HubSpot에서 호스팅되는 다국어 페이지는 자동으로 전체 URL을 사용합니다.
페이지 소스 코드에서 상대 hreflang 링크를 편집하세요. 페이지 편집기 및 모듈 편집기에서 페이지 소스 코드를 편집하는 방법에 대해 자세히 알아보세요.
https://www.hubspot.com/example-page 페이지의 경우 , 상대 링크 는 다음과 같이 표시될 수 있습니다:
link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />.
href 를 편집하여 프로토콜(http/https)을 포함한 전체 URL을 포함하도록 변경하면 이를 전체 링크로 바꿀 수 있습니다:
link rel="alternate" href="https://www.hubspot.com/example-page/fr/" hreflang="fr-fr" />.
설명적인 링크 앵커 텍스트 작성
링크에서 앵커 텍스트는 클릭 가능한 단어 또는 구문입니다. 이 텍스트는 링크의 대상 페이지를 명확하게 전달해야 합니다. "여기를 클릭하세요"나 "자세히 알아보기"와 같은 일반적인 앵커 텍스트를 구체적인 링크 설명으로 대체하세요. Google의 앵커 텍스트 모범 사례에 대해 자세히 알아보거나 이 권장 사항을 유발하는문구 목록을 읽어보세요.
모바일 환경
모바일 사용자가 각 페이지 요소를 클릭할 수 있는지 확인하세요
버튼과 링크가 너무 작거나 서로 가까이 배치되어 있으면 모바일 기기에서 탭하기 어려울 수 있습니다. 상호작용 요소의 크기는 최소 48픽셀 x 48픽셀이어야 합니다. 요소의 크기를 그대로 유지해야 하는 경우, 패딩을 추가하면 이 오류를 해결할 수 있습니다.
HubSpot에서 다양한 유형의 요소 크기나 패딩을 편집하는 방법을 알아보세요:
각 페이지에 뷰포트 태그가 있는지 확인하세요
뷰포트 태그는 다양한 기기 유형에서 웹사이트 콘텐츠의 크기를 조절합니다. 이 태그가 누락되었거나 잘못 설정된 경우, 검색 엔진에서 웹사이트가 모바일 친화적이지 않은 것으로 인식됩니다. 이는 검색 결과 순위에 부정적인 영향을 미칠 수 있습니다.
개발자와 협력하여 페이지의 뷰포트 태그를 추가하거나 수정하세요. 팀에 개발자가 없는 경우, CMS 개발자 포럼에서 조언을 구하거나 솔루션 파트너에게 문의할 수 있습니다.
온페이지 SEO
명확한 제목과 메타 설명 작성
페이지의 제목과 메타 설명은 검색 엔진에 페이지의 내용을 알려줍니다. HubSpot 콘텐츠 편집기에서 페이지 제목과 메타 설명을 편집하는 방법에 대해 자세히 알아보세요.
블로그 콘텐츠 길이 최적화
최적화 도구는 페이지가 아닌 블로그 게시물의 단어 수만 스캔합니다. 이 도구는 블로그 제목과 작성자를 포함하여 블로그 게시물에 포함된 모든 단어를 집계합니다. 일반적인 규칙으로 최소 300단어 이상을 포함하는 것이 좋습니다. 반드시 조사를 통해 작성 중인 주제에 가장 적합한 길이를 결정하십시오.
콘텐츠의 이상적인 단어 수는 작성하는 주제에 따라 다릅니다. 가장 중요한 것은 대상 독자가 누구이며, 그들이 해당 주제에 대해 무엇을 알아야 하는지 고려하는 것입니다. 콘텐츠 길이를 결정하는 좋은 방법은 현재 해당 주제나 하위 주제 문구에 대해 검색 결과 상위에 노출되는 페이지들을 확인하는 것입니다.
- 대부분의 콘텐츠가 짧고 간결하다면, 비슷한 길이를 목표로 해야 합니다.
- 상세한 내용을 다루는 긴 형식의 콘텐츠가 많다면, 자신의 콘텐츠에서도 같은 방식을 적용해 보세요.
SEO 도구와 최적화 패널은 블로그 콘텐츠를 스캔하여 블로그 게시물 본문에 포함된 단어 수를 집계합니다:
- 페이지의 단어 수는 300단어 이상이어야 합니다. 검색 결과에서 순위가 높은페이지는 방문자의 질문에 대해 심층적인 답변을 제공합니다. 최소 300단어 이상을 목표로 하세요.
참고: 최적화 도구는 블로그 게시물 내의 단어 수를 파악하기 위해 blog-post-wrapper 클래스 내의 유니코드 공백을 집계합니다. 즉, 이 집계 방식은 라틴 알파벳을 사용하는 언어에서 가장 정확합니다. 예상치 못한 단어 수가 표시된다면, 웹 개발자에게 문의하여 코딩된 블로그 게시물 템플릿 내에 blog-post-wrapper 클래스가 중복되어 있는지 확인해 보십시오.
성능
적절한 크기의 이미지 사용
편집기 내에서 크기를 조정하는 대용량 이미지 파일을 사용하면 페이지 로딩 시간이 늘어날 수 있습니다.이미지 크기가 페이지 성능에 미치는 영향에 대해 자세히 알아보세요.
HubSpot에 업로드하기 전에 대용량 이미지의 크기를 조정하거나 SVG와 같은벡터 기반 이미지 형식을 사용하면 이 문제를 방지할 수 있습니다. 콘텐츠 편집기에서 SEO 권장 사항을 확인하는동안 대용량 이미지 크기를 자동으로 조정하는 기능을 사용할 수 있습니다.
개발자는 반응형 이미지를 구현하여 기존 이미지의 로딩 시간을 단축할 수 있습니다.페이지 성능을 위해 이미지를 최적화하는 개발자 옵션에 대해 자세히 알아보세요.
보안
모든 페이지가 보안 연결을 통해 로드되도록 하세요
페이지 중 HTTP를 사용하는 것이 있다면 위의 권장 사항이 표시됩니다. HTTPS를 사용하는 페이지는 2014년부터 Google 순위 결정 요소로. 또한 HTTPS를 통해 로드되는 페이지는 웹사이트 방문자에게 더 안전한 브라우징 환경을 제공합니다.
모든 페이지 리소스가 보안 연결을 통해 로드되도록 하세요
페이지의 리소스 중 하나라도 보안되지 않은 연결을 통해 로드되는 경우, 위의 권장 사항이 표시됩니다. 보안되지 않은 연결을 통해 리소스(이미지, CSS 파일, JavaScript 파일 등)를 로드하면 전체 페이지의 보안 수준이 낮아집니다. 또한 브라우저에서 혼합 콘텐츠 경고가 표시되거나 해당 리소스가 차단될 수 있습니다.
보안 및 성능에 위험을 초래하는 외부 링크 업데이트
target="_blank" 속성을 사용하여 새 브라우저 탭에서 페이지를 여는 외부 링크는 보안 및 성능 문제를 일으킬 수 있습니다. 이러한 링크에 rel="noopener" 또는 rel="noreferrer"를 추가하면 이러한 문제를 방지할 수 있습니다. 이러한 종류의 외부 링크가 초래할 수 있는 잠재적 위험에 대해 자세히 알아보세요.
'Follow Me' 모듈과 같은 일부 HubSpot 모듈에서는 외부 링크에 rel="noopener" 속성이 자동으로 추가됩니다.
페이지의 소스 코드에서 외부 링크를 편집해야 합니다. 페이지 편집기 및 모듈 편집기에서 페이지 소스 코드를 편집하는 방법에 대해 자세히 알아보세요.
이 오류를 유발하는 링크는 다음과 같을 수 있습니다:
<a href="https://www.google.com" target="_blank">.
이 링크에 rel="noopener" 또는 rel="noreferrer"를 추가하면 보안 및 성능 문제를 방지할 수 있습니다:
<a href="https://www.google.com" target="_blank" rel="noopener"> 또는
<a href="https://www.google.com" target="_blank" rel="noreferrer">.
사용자 경험
깨진 링크 수정
웹사이트의 끊어진 링크는 부정적인 사용자 경험을 유발합니다. 또한 검색 엔진이 웹사이트 구조를 파악하기 어렵게 만듭니다. 끊어진 내부 및 외부 링크를 교체하거나 업데이트하십시오.
참고: 단일 페이지에 동일한 깨진 URL이 여러 번 존재하더라도 SEO 권장 사항에는 한 번만 표시됩니다.
이미지 및 CSS 스타일시트와 같은 모든 페이지 리소스가 로드되도록 하세요
깨진 이미지와 같이 로드되지 않는 리소스는 사용자 경험에 부정적인 영향을 미칩니다. 이는 또한 검색 결과에서 웹사이트가 표시되는 순위에도 영향을 줄 수 있습니다. 각 깨진 리소스에 대한 페이지 참조를 제거하거나 업데이트하면 이 문제를 해결할 수 있습니다.
HubSpot은 글꼴, 이미지, 오디오/비디오 콘텐츠, 스크립트, 스타일시트 및 XHR과 같은 유형의 깨진 리소스를 감지합니다.
페이지, 템플릿 또는 스타일시트에서 깨진 리소스에 대한 참조를찾으십시오.
링크를 교체하거나 리소스 자체에서 문제를 해결해야 합니다.이미지의 가로세로 비율을 올바르게 설정하십시오
이미지의 가로세로 비율은 너비와 높이의 비율을 의미합니다. 이미지 크기를 조정할 때는 가로세로 비율이 일정하게 유지되도록 해야 합니다. 그렇지 않으면 이미지가 늘어나거나 왜곡되어 보일 수 있습니다.
HubSpot 콘텐츠 편집기에서 이미지 크기를 조정하면 원래의 가로세로 비율이 자동으로 유지됩니다. 잘못된 가로세로 비율을 해결하려면 HTML 및 CSS에서 너비나 높이에 영향을 미치는 스타일링이 있는지 확인하십시오.
관련 콘텐츠
