Next.js 블로그 제작기 (4)

user profile img

신현호

TypeScript
Next.js

블로그 제작기

Post Thumbnail

목차

    서론

    오랜만에 블로그 제작기로 돌아왔습니다. 그 사이에 제 블로그에도 많은 변화가 있었는데요! 디자인도 많이 바뀌었고, 다크모드도 추가되었습니다.
    이 모든걸 또 포스팅하려니 머리가 지끈지끈.. 아파오는데요 😢

    이번에는 제작한 블로그를 서치 콘솔에 등록해보는 방법에 대해서 알려드리려고 합니다. 기껏 만든 블로그, 구글이나 네이버에도 등록해놓으면 좋잖아요!
    물론 등록만 한다고 다 되는건 아니니, 오늘 포스팅을 통해 등록과 필요한 파일들에 대해서 한번 알아봅시다!

    서치콘솔에 등록하고싶어요

    우리가 흔히 사용하는 사이트들에는 대표적으로 두 가지가 있습니다. 구글 하고 네이버 죠!

    각각의 플랫폼에서는 이렇게 서치 콘솔을 제공하고 있습니다! 그럼 어떻게 등록하냐구요?

    naver_search_advisor

    이런식으로 등록하고 싶은 URL을 넣어 줍니다! 넣고 다음 과정으로 가면 HTML 태그를 하나 줍니다.
    이 태그를 복사해서 Nextjs 13 app router 기준으로 layout.tsx 에 head 태그를 하나 만들어 그 사이에 넣어주면 됩니다!

    넣으시고 저장한 다음에 deploy가 끝나면 인증 버튼을 누르시면 정상적으로 등록이 됩니다!
    예시를 네이버로 들었지만, 네이버 말고 구글 서치콘솔도 동일하게 할 수 있습니다!

    등록이 끝이 아닙니다

    여러분, 혹시 SEO 라는 말에 대해서 들어보신 적 있나요? SEO 란, Search Engine Optimization 의 약자로, 검색 엔진 최적화 라는 뜻 입니다!
    우리가 블로그에 글을 올린다고 해서 반드시 해당 사이트에 검색되는 것이 아닙니다.

    우리가 사이트를 등록하게되면 해당 웹 사이트에서 봇이 우리의 포스팅을 크롤링해가게 됩니다.
    그런데, 봇이 어떻게 포스팅을 크롤링해 갈까요? 포스팅이 뭐가 있는지 어떻게 알고요?

    그렇기 때문에 필요한 파일이 두 가지가 있습니다.

    robot.txt

    이 파일은 웹 사이트 검색엔진 봇들의 접근을 제어합니다. 이 robot.txt 가 존재하지 않는다면 봇이 블로그의 모든 정보를 검색엔진 결과에 노출시킵니다.
    저의 경우는 다음과 같이 작성되어 있습니다.

    text

    User-agent: *
    Allow:/
    

    User-agent 는 허용할 봇에 대해서 서술합니다. 대표적으로는 Googlebot(구글), Yeti(네이버) 등이 있습니다.
    저는 * 으로 표시하여 모든 봇에 대해서 허용했습니다.

    Allow 는 허용할 페이지에 대해서 서술합니다. 제 경우에는 Admin 페이지 같이 특정 유저만 접근해야하는 페이지가 없기때문에 모든 페이지에 대하여 접근 허용가능하도록 했습니다.
    만약 접근하지 못하도록 설정하고 싶으시다면 Disallow 항목을 만드셔서 설정할 디렉토리들을 적어주시면 됩니다.

    Sitemap.xml

    사이트맵은 웹 사이트 내에 모든 페이지 목록을 나열한 페이지입니다. 당장 제 블로그에도 경로 뒤에 .sitemap.xml 을 입력하신다면 블로그의 사이트맵을 확인할 수 있습니다.
    사이트맵을 서치 콘솔에 제출하면, 크롤링 과정에서 쉽게 나타나지 않는 페이지도 색인 할 수 있도록 도와줍니다.

    sitemap

    사이트맵은 위와 같이 구성되어있습니다. 그럼 이제 어떻게 만들 수 있을까요?

    위의 사이트를 통해서 블로그의 주소를 넣으면 사이트맵을 생성해 줍니다.
    물론, 이 방법만 존재하는 것은 아닙니다! 사이트맵 생성을 자동화 해줄 수 있는 방법도 있는데요!

    위 링크를 통해서 확인해보시면 좋을 것 같습니다!

    Profile Image

    신현호

    Frontend Developer

    프론트엔드 개발자를 꿈꾸고 있는 대학생입니다. 끊임없이 배우고 성장하는 개발자가 되기 위해 노력하고 있습니다.

    블로그 제작기

    총 11개의 포스트가 존재합니다.