SEO(Search engine optimization)

DoahKim·2024년 2월 11일

front-end

목록 보기

4/16

☆: .｡. o(≧▽≦)o .｡.:☆

SEO란 검색 엔진 최적화 라는 것으로 검색 엔진(구글, 네이버 등)이 웹페이지를 상위에 노출시키기 위한 작업이다. 구글은 1위 웹브라우저로 검색 엔진 최적화 가이드를 제공하고 있다. 이를 토대로 몇개 가져와 보았다!:-D

ᓚᘏᗢ출처:구글 검색 센터

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

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

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

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

메타 설명 태그 사용하기

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

메타 태그에 대한 다양한 종류는 다음 참조 :

ᓚᘏᗢ[메타태그 종류}(https://inpa.tistory.com/entry/HTML-%F0%9F%93%9A-meta-%ED%83%9C%EA%B7%B8-%EC%A0%95%EB%A6%AC)

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

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

사이트 계층 구조 구성하기

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

탐색 기능은 검색엔진에서 중요한 역할을 합니다.

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

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

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

이미지 최적화하기

시맨틱 HTML 마크업을 사용하면 크롤러가 이미지를 찾고 처리할 수 있습니다. <picture> 요소를 사용하여 반응형 이미지를 위한 다양한 화면 크기에 여러 옵션을 지정할 수도 있습니다. 이미지에 loading="lazy" 속성을 사용하면 사용자가 페이지를 더 빠르게 로드할 수도 있습니다. 또한 alt 속성을 사용합니다.
최적화의 대상이 되는 페이지의 다른 부분들과 마찬가지로 파일 이름과 대체 텍스트는 짧으면서도 설명을 제공하는 것이 가장 좋습니다.
이미지를 링크로 사용하기로 결정한 경우 대체 텍스트를 작성하면 Google에서 링크하려는 페이지에 대해 더 잘 이해할 수 있습니다. 텍스트 링크의 앵커 텍스트를 작성한다고 생각해 보세요.