SEO 권장 사항 이해
마지막 업데이트 날짜: 2월 12, 2025
명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.
|
SEO 도구, 콘텐츠 편집기 및 페이지 세부 정보에서 콘텐츠에서 SEO 권장 사항을 검색할 수 있습니다. SEO 추천 항목에 액세스하는 방법에 대해 자세히 알아보세요.
권장 사항은 사이트의 SEO에 미치는 영향, 해결의 기술적 난이도 및 권장 사항을 해결하는 사람의 권장 역할에 따라 SEO 도구에서 정리됩니다. 기술적 난이도가 높음인 권장 사항은 일반적으로 개발자의 도움이 있어야 해결할 수 있습니다.
다음 권장 사항은 카테고리별로 정리한 다음 잠재적인 SEO 영향력 순으로 나열되어 있습니다. 간단한 권장 사항과 개발자의 도움이 필요한 권장 사항은 HubSpot의 SEO 도구에만 표시됩니다.
접근성
이미지 대체 텍스트 속성 추가
이미지로 인해 검색 엔진과 화면 리더를 사용하는 방문자가 콘텐츠를 이해하기 어려울 수 있습니다. 이 문제를 해결하려면 이미지에 이미지의 모양과 콘텐츠를 설명하는 대체 텍스트를 추가하세요. 이렇게 하면 사이트의 접근성과 SEO가 향상됩니다. 개발자 문서에서 웹사이트 접근성에 대해 자세히 알아보세요.
이미지 대체 텍스트가 비어 있어야 하는지 확인
페이지의 이미지에 대체 텍스트를 추가하면 검색 엔진과 화면 리더를 사용하는 방문자가 페이지의 콘텐츠를 이해할 수 있습니다. 페이지의 일부를 구분하는 아이콘과 같은 일부 이미지에는 의미 있는 콘텐츠가 포함되어 있지 않으므로 이러한 이미지에는 대신 빈 대체 텍스트 속성을 사용해야 합니다. 빈 대체 텍스트 속성이 있는 이미지를 검토하여 대체 텍스트가 포함되어 있지 않은지 확인하세요.
"lang" 속성을 사용하여 페이지의 언어를 정의합니다.
페이지의 언어는 "lang" 속성으로 설정됩니다. 화면 리더는 이 속성에 따라 사용할 언어 라이브러리를 결정합니다. 언어가 올바르게 설정되지 않으면 방문자의 화면 읽기 소프트웨어가 제대로 작동하지 않을 수 있습니다. "lang" 속성 사용에 대해 자세히 알아보세요.
"lang" 속성은 페이지 소스 코드 시작 부분의 <html> 태그 안에 설정됩니다. 올바른 형식의 "lang" 속성은 다음과 같이 표시됩니다:
<html lang="en">...</html>
.
<html> 태그의 언어 코드를 언어에 허용되는 두 글자 코드 목록과 비교한 다음 잘못된 코드를 바꿉니다. <html> 태그에 "lang" 속성이 포함되어 있지 않은 경우 태그에 lang="[언어 코드]"를 추가합니다.
<meta http-equiv="refresh"> 태그를 제거합니다.
<meta http-equiv="refresh"> 태그가 포함된 페이지는 지정된 시간이 지나면 자동으로 새로고침됩니다. 이로 인해 사용자 환경이 혼란스러워지고 화면 읽기 소프트웨어를 방해할 수 있습니다. 자동으로 새로 고쳐야 하는 페이지에는 대신 자바스크립트를 사용하세요.
크롤링 및 색인 생성
검색 결과에서 올바른 페이지가 숨겨져 있는지 확인 / robots.txt 파일에 의해 올바른 페이지가 차단되었는지 확인
도메인에서 호스팅되는 페이지가 검색 엔진에서 차단된 경우 이러한 페이지 목록을 검토하라는 권장 사항이 표시됩니다. 이렇게 하면 웹사이트에 실수로 검색 엔진에서 차단된 페이지가 없는지 쉽게 확인할 수 있습니다.
나열된 모든 페이지가 검색 결과에서 의도적으로 숨겨져 있는 경우에는 아무런 조치가 필요하지 않습니다.
검색 결과에 색인되어야 하지만 검색 결과에서 숨겨져 있는 웹사이트 페이지가 표시되는 경우 웹사이트 관리자와 협력하여 robots.txt 파일을 업데이트하거나 검색 결과에서 해당 페이지를 차단할 수 있는 페이지의 태그를 제거하세요.
표준 링크가 올바르게 구성되었는지 확인하세요.
Google과 같은 검색 엔진은 표준 링크를 사용하여 검색 결과에 표시할 페이지의 기본 버전을 찾습니다. 각 페이지에 유효한 표준 링크를 추가하여 콘텐츠 중복 문제를 방지하세요. 표준 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 링크를 사용하는 방법에 대해 자세히 알아보세요.
이러한 링크에 잘못된 언어 코드가 있으면 검색 엔진이 페이지의 언어를 올바르게 식별하지 못하거나 해외 사용자에게 해당 언어에 대한 결과와 함께 포함할 수 없습니다. HubSpot에서 호스팅되는 다국어 페이지는 자동으로 유효한 언어 코드를 사용합니다.
영향을 받는 링크의 언어 코드를 언어 및 지역에 대해 허용되는 두 글자 코드 목록과 비교한 다음 잘못된 코드를 교체합니다. 흐레플랑 링크에 지역을 지정하는 것은 선택 사항이며, 사용하는 경우 흐레플랑="[언어]-[지역]"으로 형식을 지정해야 합니다. 예를 들어 스페인 사용자를 대상으로 하는 스페인어 페이지의 형식은 hreflang="es-es" 로 지정하고, 전 세계 모든 스페인어 사용자를 대상으로 하는 페이지의 형식은 hreflang="es"를 사용하는 것입니다 .
모든 흐레플랑 링크가 전체 URL을 사용해야 합니다.
다국어 웹사이트에 흐레플랑 링크를 사용하면 검색 엔진이 페이지의 언어를 파악할 수 있습니다. 그러면 검색 엔진은 해외 사용자에게 선호하는 언어와 일치하는 페이지의 검색 결과를 제공할 수 있습니다. 다국어 콘텐츠에 hreflang 링크를 사용하는 방법에 대해 자세히 알아보세요.
일부 hreflang 링크는 http/https로 시작하는 전체 URL이 아닌 URL 경로만 포함된 상대 URL을 사용합니다. 이러한 링크는 작동할 수 있지만 원본 URL이 변경될 경우 나중에 끊어질 위험이 높습니다. HubSpot에서 호스팅되는 다국어 페이지는 자동으로 전체 URL을 사용합니다.
페이지의 소스 코드에서 상대적인 흐레플랑 링크를 편집합니다. 페이지 편집기와 모듈 편집기에서 페이지의 소스 코드를 편집하는 방법에 대해 자세히 알아보세요.
https://www.hubspot.com/example-page 페이지의 경우 상대 링크는 다음과 같이 표시될 수 있습니다:
link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />
.
프로토콜(http/https)을 포함한 전체 URL을 포함하도록 href를 편집하여 전체 링크로 변경할 수 있습니다:
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단어 이상을 목표로 하세요.
참고: 최적화 도구는 블로그 글 래퍼 클래스 내에서 유니코드 공백을 계산하여 블로그 글의 단어 수를 감지합니다. 즉, 라틴 알파벳을 사용하는 언어의 경우 단어 수가 가장 정확합니다. 예상치 못한 단어 수를 발견하면 웹 개발자에게 문의하여 코딩된 블로그 글 템플릿 내에 블로그 글 래퍼 클래스가 중복되지 않았는지 확인하세요.
성능
올바른 크기의 이미지 사용
편집기 내에서 크기를 조정하는 대용량 이미지 파일을 사용하면 페이지 로딩 시간이 늘어날 수 있습니다. 이미지 크기가 페이지 성능에 미치는 영향에 대해 자세히 알아보세요.
큰 이미지를 HubSpot에 업로드하기 전에 크기를 조정하거나 SVG와 같은 벡터 기반 이미지 형식을 사용하면 이 오류를 방지할 수 있습니다. 콘텐츠 편집기에서 SEO 권장 사항을 볼 때 자동으로 큰 이미지 크기 조정을 사용할 수 있습니다.
개발자는 반응형 이미지를 구현하여 기존 이미지의 로딩 시간을 단축할 수 있습니다. 페이지 성능을 위해 이미지를 최적화하는 개발자 옵션에 대해 자세히 알아보세요.
보안
모든 페이지가 보안 연결을 통해 로드되는지 확인
페이지에서 HTTP를 사용하는 경우 위의 권장 사항이 표시됩니다. HTTPS를 사용하는 페이지는 2014년부터 Google 순위 결정 요소로 사용되었습니다. 또한 HTTPS를 통해 로드되는 페이지는 웹사이트 방문자에게 더욱 안전한 브라우징 환경을 제공합니다.
모든 페이지 리소스가 보안 연결을 통해 로드되는지 확인합니다.
페이지의 리소스가 안전하지 않은 연결을 통해 로드되는 경우 위의 권장 사항이 표시됩니다. 안전하지 않은 연결을 통해 리소스(예: 이미지, CSS 파일, JavaScript 파일 등)를 로드하면 전체 페이지의 보안이 저하됩니다. 또한 브라우저에 혼합 콘텐츠 경고가 표시되거나 영향을 받는 리소스가 차단될 수 있습니다.
보안 및 성능 위험을 초래하는 외부 링크 업데이트
target="_blank" 속성을 사용하여 새 브라우저 탭에서 페이지를 여는 외부 링크는 보안 및 성능 문제를 일으킬 수 있습니다. 이러한 링크에 rel="noopener" 또는 rel="noreferrer" 를 추가하면 이러한 문제를 방지할 수 있습니다. 이러한 외부 링크의 잠재적 위험에 대해 자세히 알아보세요.
팔로우하기 모듈과 같은 일부 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에서 너비 또는 높이에 영향을 주는 스타일이 있는지 확인하세요.