검색엔진 최적화하기(SEO, OG, SearchAdvisor, Robots)

nemoCat·2024년 5월 8일

오늘 공부한거

목록 보기
1/4
post-thumbnail

SEO에 대해 알아보자!

SEO(Search Engine Optimization)란?

SEO는 검색 엔진 최적화를 말하는것으로, 구글이나 네이버 같은 검색 엔진이 웹사이트를 이해하고 인덱싱하여 사용자가 검색할 때 해당 사이트를 노출시키도록 도와주는 프로세스를 말한다. 이를 통해 사용자가 웹사이트를 찾고 방문할 수 있도록 도와줍니다.
(대충 검색엔진이 내 사이트를 잘 찾을 수 있도록 하는것이다!)

Google 크롤러 작동단계

대표적으로 구글의 크롤러 작동 단계는 다음과같다. 근데 다른 검색엔진들도 비슷하게 작동한다.

  • 1단계 크롤링 : 크롤러가 인터넷에서 발견한 페이지의 내용을 모두 다운로드한다
  • 2단계 색인 생성 : 크롤러가 수집한 데이터를 분석하여 관련된 내용으로 인덱싱을 한다.
  • 3단계 검색결과 게재 : 사용자가 google검색을 하면 검색어와 관련된 정보를 반환한다.
    자세히 알아보기

검색엔진 최적화를 위한 방법

  1. <meta>태그 활용하기
<!--  검색 엔진을 위한 키워드 -->
<meta name="keyword" content="고양이, 네모, 네모빔">

<!--  웹 페이지에 대한 설명 -->
<meta name="description" content="당신은 네모네모 빔에 맞았습니다">

<!--  문서의 저자 -->
<meta name="author" content="NemoCat">
  1. 문법에 맞는 HTML 작성 - 시맨틱 마크업
  2. <img>alt속성 기재하기
  3. 모바일 친화적인 사이트 구축 - 모바일 사용자의 경험 개선
  4. 사이트 속도 최적화
  5. https 사용 권장 - 동일한 사이트라면 http보다 https가 가산점이 있음

이외에도 SEO를 위한 방법은 다양하게 있다.


그 외 검색 최적화 방법

링크 미리보기, OG(Open Graph)

카카오톡으로 링크를 공유하면 썸네일 이미지와 함께, 게시물의 제목, 내용등이 간략하게 나온다.
Oepn Graph 프로토콜을 사용하면 원하는 제목과 설명, 이미지등을 지정할 수 있다.

<!-- 기본 사용법 -->
<meta property="속성 이름" content="속성 값">

Oepn Graph의 기본 속성은 og:title og:url og:imgae og:type이 있다.

<!-- 사용 예시 -->
<head>
	<meta property="og:url" content="이동할 url">
  	<meta property="og:title" content="제목">
  	<meta property="og:type" content="website">
  	<meta property="og:image" content="썸네일 경로">
  	<meta property="og:description" content="설명">
</heade>

네이버 SearchAdvisor

국내 사람들은 구글도 많이 이용하지만 국내 포털인 네이버, 다음 등도 많이 사용한다. 네이버에도 네이버만의 검색엔진최적화를 위한 SearchAdvisor가 있다.
노출시키고 싶은 홈페이지를 SearchAdvisor에 등록하여 사용하면 된다.
> 네이버 검색기초 보러가기

robots.txt

robots.txt는 본인의 웹사이트에 크롤러 같은 로봇들의 접근을 제어하는 파일이다.
웹사이트의 어떤 부분을 크롤링하거나 색인화(인덱싱)해야하는지에 대해 작성이 가능하며 특정 로봇의 방문을 막을 수 있다.

대표적인 로봇

- Google : Googlebot
- Google image : Googlebot-image
- Naver : Yeti
- Bing : BingBot
- Daum: Daumoa

기본 형식

User-agent: [로봇 이름 or '*'(모든 로봇)]
Disallow: [크롤링을 허용하지 않을 디렉토리 또는 페이지 경로]
Allow: [특정 로봇에 대해 허용하는 디렉토리 또는 페이지 경로]

모든 로봇에게 모든 페이지 접근 허가

User-agent: *
Allow: /

모든 로봇의 접근 거부

User-agent: *
Disallow: /

특정 로봇에게 특정 디렉토리의 접근 거부

User-agent: Googlebot
Disallow: /private/
profile
담신믄 넴모넴모 빔메 맞맜습니다.

0개의 댓글