본문 바로가기
1분 상식정보

구글 SEO 최적화 상단노출 가이드

by BENEFIT NEWS 2023. 2. 8.

포스팅 한 글이 구글 상단에 노출이 안되시나요?

구글 상단에 노출되기 위해선 구글 검색엔진 최적화(SEO)에 맞춰 포스팅 하여야 합니다. 구글 검색엔진 최적화에 관하여 아래에 자세히 정리 해놓았으니 참고 해주세요.

구글 SEO 최적화 가이드

 

 

 검색엔진 최적화(SEO)란?

검색엔진 최적화(SEO, Search Engine Optimization)란 내 사이트를 검색자에게 최적화 시키는 것을 의미하며 홈페이지 내용에 포함된 글, 이미지, 영상 등의 콘텐츠를 검색엔진 결과 페이지(SERP, Search Engine Result Page)에 상위 노출 시키기 위해 필요한 과정 입니다. 

 

 

  용어 설명

  •  
  • 색인 - Google 에서는 알고 있는 모든 웹페이지를 색인에 저장합니다. 각 페이지의 색인 항목은 해당 페이지의 콘텐츠 및 위치(URL)를 명시합니다. Google에서 페이지를 가져와서 읽고 색인에 추가하면 색인이 생성됩니다.(구글서치콘솔, Google Search Console)
  • 크롤링 - 신규 또는 업데이트된 웹페이지를 찾는 프로세스입니다. Google은 링크를 따라가거나, 사이트맵을 읽거나, 다른 여러 방법으로 URL을 찾아냅니다. 
  • 크롤러 - 웹에서 페이지를 크롤링(가져오기)한 다음 색인을 생성하는 자동 소프트웨어 입니다. (구글서치콘솔을 통해 가능합니다)
  • Googlebot - Google 크롤러의 일반적인 이름입니다. 
  • SEO - 검색엔진 최적화

 

  최적화 방법

 

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

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

 

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

 

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

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

 

피해야 할 사항

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

 

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

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

 

피해야 할 사항

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

 

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

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

 

피해야 할 사항

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

 

메타 설명 태그 사용하기

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

 

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

메타 설명 태그는 중요합니다. Google에서 설명 메타 태그를 Google 검색결과에서 페이지의 스니펫으로 사용할 수 있기 때문입니다. '할 수 있다'는 표현에 유의하시기 바랍니다. Google에서 페이지에 표시되는 텍스트 중에 사용자의 검색어와 잘 어울리는 텍스트가 있는 경우 이를 선택할 수도 있기 때문입니다. 

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

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

 

피해야 할 사항

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

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

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

 

피해야 할 사항

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

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

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

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

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

 

피해야 할 사항

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

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

 

피해야 할 사항

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

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

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

 

이미지 최적화하기

HTML 이미지 사용하기

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

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

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

 

피해야 할 사항

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

alt 속성을 사용합니다.

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

 

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

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

  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. 데스크톱 사이트에 있는 구조화된 데이터, 이미지, 동영상, 메타데이터가 모바일 사이트에도 포함되어 있는지 확인하세요.

댓글