[React] 구글 서치 콘솔 & 네이버 서치 어드바이저에 웹사이트를 등록해보자(+SEO 💯점 만들기)

맡은 기능이랑 반응형 오류를 이미 다 잡아서,,! SEO 100점을 목표로 리팩토링을 진행했다.

6월 25일 기준으로 우리 웹사이트를 검색 했을 때 전혀 안 나오는 걸 확인할 수 있었다🧐

라이트 하우스 측정 결과

저번 프로젝트와 마찬가지로 robots.txt가 문제였다…👿

🥸 robot.txt가 뭔데?

검색 엔진 크롤러에게 특정 파일이나 디렉토리에 대한 접근 권한을 부여하거나 제한하는 역할이다.

🥸 엥?? 이게 무슨 말이야

robots.txt는

쉽게 말해서 "검색 로봇한테 알려주는 안내문"이고
예를 들어 우리 집에 손님이 왔을 때 "여긴 들어오지 마세요!" 라고 문 앞에 붙여두는 쪽지 같은 역할은 하는것..!!

사용방법

User-agent: *
Disallow: /admin/
Allow: /photos/

• User-agent: * → 모든 검색 로봇에게 말하기

• Disallow: /admin/ → /admin/ 이라는 주소에는 들어오지 마!

• Allow: /photos/ → /photos/는 들어와도 돼!

위치

웹사이트의 가장 처음(루트) 에 있어야 함!
예) https://example.com/robots.txt

근데 이거면 완벽히 숨겨지는건가?

결론부터 말하면 NO!!!!

robots.txt는 "부탁"하는 것 !
쉽게 말하면 친절한 로봇은 말을 잘 듣지 나쁜 로봇은 무시할 수도 있는 것처럼 무조건은 아니라는 점을 알아둬야 한다.!

🤧 그럼 이제 리팩토링을 해보자

→ 일단 우리 프로젝트에서는 robots.txt + sitemap.xml이 없다.

public/robots.txt

User-agent: *
Disallow:
Sitemap: https://www.bookjob.co.kr/sitemap.xml

public/sitemap.xml

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://웹사이트 주소/</loc>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://웹사이트 주소/원하는 페이지</loc>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://웹사이트 주소/원하는 페이지</loc>
    <priority>0.7</priority>
  </url>
</urlset>

🤓 sitemap.xml?

검색 엔진에게 “우리 사이트에는 이런 페이지들이 있어요!”라고 알려주는 XML 형식의 파일이다.

검색 엔진은 사이트를 돌아다니며 페이지를 수집하지만 모든 페이지를 자동으로 발견하지 못할 수 있기 때문에 sitemap을 주면 이렇게 말하는 것..!

🗣️ “야 구글! 이 목록에 있는 페이지들 꼭 수집해줘!!!!!”

sitemap.xml 장점

sitemap.xml까지 추가해주고 해야 하는 일은

1. 구글 서치 콘솔 등록 : 구글 검색에 내 사이트 잘 보이게 등록하는 관리자 도구

2. 네이버 서치 어드바이저 등록 : 네이버 검색에 잘 뜨게 설정하는 시스템

이다!!

🌎 구글 서치 콘솔 등록 하기

링크

1. 시작하기 클릭

2. 이렇게 두개의 종류가 나온다

• 도메인

  1. 전체 사이트를 한번에 등록한다(고유 도메인을 가진 사이트 ㅊㅊ)

• url 접두어

  2. 특정 url만 등록한다(블로그 ㅊㅊ)

나는 도메인을 선택해줬고 백엔드 팀원에게 도메인에 다음 TXT 레코드를 DNS에 추가해달라고 부탁했다 🧐

확인 완료 !

근데 이제 문제가 발생했다..

Sitemaps에서 새 사이트맵 추가 > sitemap.xml 했는데 유효하지 않다는 오류가 발생했다.

브라우저에

https://웹사이트 주소/sitemap.xml

를 검색했는데

• 정상적으로 XML 파일이 열리면: 구글 서치 콘솔에서도 제출이 가능해야 함

• 404 에러가 나거나 열리지 않으면: 서버에 파일이 아직 배포되지 않았거나 경로가 잘못됨

우리 웹사이트는 정상적으로 열리는 데 이상하게 <scripts>가 중간에 껴있었다. 🧐

배포에서 문제가 생겼나 하고 vercel.json을 확인했고

{
  "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
}

모든 경로를 /index.html로 리다이렉트하는 설정이 되어 있어서 오류가 생겼구나!! 하고 예외처리를 해줬다.

{
  "rewrites": [
    { "source": "/sitemap.xml", "destination": "/sitemap.xml" },
    { "source": "/robots.txt", "destination": "/robots.txt" },
    { "source": "/(.*)", "destination": "/index.html" }
  ]
}

배포 후에 시크릿 모드로 확인하니

없어진 걸 확인할 수 있었다 !!!!!

근데도…같은 오류가 계속 뜸 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ🤭 아놔…그래서 블로그들을 찾아보니 뭔가 이상한 걸 확인했다..

다들 /sitemap.xml만 입력한게 아니라 https시작으로 https://웹사이트/sitemap.xml이렇게 제출한 것…😅

따라했더니 바로 성공 🤧

성공했다고 바로 검색이 되는 것은 아니고 일반적으로 4일 ~ 4주 내에 검색된다고 한다

• site:웹사이트이름.co.kr를 주기적으로 인터넷에 검색해보면 된다.

그리고 좋은 소식은 ,,!!! 배포 후에 라이트하우스 측정 해보니 SEO가 100점인 것을 확인했다 👍🏻

robot.txt 뿐만 아니라 img에 alt를 다 넣어줘서 100점 달성 .. ❤️ !

이제 네이버 서치 어드바이저 등록을 해보자

💄 네이버 서치 어드바이저

등록 링크

1. 네이버 로그인을 해줬다

2. 웹마스터도구에 들어가주기

3. 사이트 등록

   

   등록을 해주니

   

   이런게 뜬다! 나는 HTML 파일 업로드를 선택해주었고 public/다운받은파일.html 을 넣어주고 배포해줬다.

   

   url에 검색해주니 정상적으로 뜨는걸 확인했다 🤭

맨 위에 우리 웹사이트가 나올 날을 기다리며…✨ㅋㅋㅋㅋ

🌱 배운 점

처음으로 구글 서치 콘솔과 네이버 서치 어드바이저에 웹사이트를 등록해봤는데 생각보다 할 것도 많고 시간이 꽤 걸렸다.. 특히 소유권 확인이나 사이트맵 제출 같은 과정은 처음엔 생소했지만 직접 하나씩 해보면서 흐름을 익힐 수 있었고 무엇보다 재밌었다 ..!!!

그래도 관련된 레퍼런스나 블로그 글이 많아서 비교적 쉽게 따라갈 수 있었던 점이 다행인 부분이다 ~

얼른 시간 지나서 + 사람들이 많이 이용해서 검색창에 검색했을 때 위에 뜨면 좋겠다 ㅎㅋㅎㅋ

+업데이트(6/30일)

넘 신나,,,! 🤭