[Github Blog] 검색창 노출시키기

Hyeona·2021년 7월 7일

Github Blog blog github.io jekyll minimal mistakes

🖥️ Github Blog - Jekyll

목록 보기

10/11

블로그를 꾸며간다는 것은, 더 많은 사람들이 내 글을 읽어줬으면 좋겠죠!
그렇게 되려면, 키워드를 검색했을 때 보이는 것이 제일 중요할 겁니다.😎
블로그의 첫 시리즈이자 현재 블로그의 세팅과 관련되 minimal mistakes의 마지막 포스트!

Google search console 등록 방법에 대해 보여드리도록 하겠습니다!

Google search Console

Google search Console은 말그대로 google에서 검색을 하였을 때,
나의 사이트가 보여질 수 있도록 등록하는 Google의 서비스입니다.

당연히 Google 계정이 필요하겠죠?

현재 화면으로 "시작"하시면 됩니다.

접속하시면 이렇게 화면이 보입니다.
전 도메인을 구입하지 않았고, github의 제공되는 url을 그대로 사용할 것이기에 우측의 [URL 접두어]를 사용합니다.
혹시라도 도메인이 계신 분들은 DNS 인증만 진행하면 된다고 하니, 조금 더 편하고 빠르게 가능하실 껍니다. 😁

이전의 댓글 기능처럼 코드 상으로 추가하실 건 없습니다!

유효한 URL인지 확인이 되면 소유권을 확인하기 위해서 다음과 같은 화면이 뜹니다.

HTML 파일 : 웹사이트에 HTML 파일 업로드 (권장)
HTML 태그 : 사이트 홈페이지에 메타태그 추가
Google 애널리틱스 : Google 애널리틱스 계정 사용
Google 태그 관리자 : Google 태그 관리자 계정 사용
도메일 이름 공급업체 ; DNS 레코드와 Google 연결

이렇게 엄청나게 다양한 방법이 존재하지만, 전 HTML 파일을 진행할 예정입니다.
HTML 파일은 가장 간편하며 보편적인 방법이라 선택하였습니다.
특히 오류가 났을 때, 서칭 정보가 많아서 확인하기 쉬웠습니다.

우선 현재 HTML 파일을 다운받아줍시다.

HTML 파일 세팅

이렇게 다운받은 HTML 파일은 _config.xml과 동일한 위치(Root 위치)에 넣어주시면 됩니다.
commit을 하기 전에 http://127.0.0.1:4000/google_HTML_파일명.HTML 으로 Local Test를 해주세요.

이렇게 파일의 명과 함께 정상적으로 보여진다면, 정확하게 등록을 하신겁니다.
아직 이는 현재의 사이트가 내 소유이다를 알려주는 것뿐, 검색의 url 정보를 크롤링은 할 수가 없습니다.
따라서 이러한 작업을 할 수 있도록, 추가적인 내용을 추가해줍시다!

sitemap.xml 만들기

---
layout: null
---

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"
        xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    {% for post in site.posts %}
    <url>
        <loc>{{ site.url }}{{ post.url }}</loc>
        {% if post.lastmod == null %}
        <lastmod>{{ post.date | date_to_xmlschema }}</lastmod>
        {% else %}
        <lastmod>{{ post.lastmod | date_to_xmlschema }}</lastmod>
        {% endif %}

        {% if post.sitemap.changefreq == null %}
        <changefreq>weekly</changefreq>
        {% else %}
        <changefreq>{{ post.sitemap.changefreq }}</changefreq>
        {% endif %}

        {% if post.sitemap.priority == null %}
        <priority>0.5</priority>
        {% else %}
        <priority>{{ post.sitemap.priority }}</priority>
        {% endif %}

    </url>
    {% endfor %}
</urlset>

현재 보이시는 sitemap.xml의 코드를 google HTML 파일과 동일한 위치(Root 위치)에 만들어주시면 됩니다.

현재의 sitemap.xml을 이용해 Google 크롤러가 주기적으로 저의 url을 체크할 수 있게 되었습니다.

실제로 http://127.0.0.1:4000/sitemap.xml로 접속하셔서 위와 같은 결과가 잘 보여지는지 확인해주세요.

robots.txt 만들기

User-agent: *
Allow: /

Sitemap: https://eona1301.github.io/sitemap.xml

이제 접근하는 크롤러는 robots.txt를 보고 접근하고자 하는 sitemap의 위치를 확인하고,
제한을 확인하여 본래의 웹사이트로 가져가게 됩니다.
Allow에 본인이 원하시는 정보만 입력하거나 제한을 두고싶으신 내용을 입력하시면 크롤러가 확인해서 진행해줍니다.

최종 Sitemap.xml 등록

google search console에서 sitemaps 페이지에서 본인의 sitemap.xml을 등록해줍니다.
처음 등록할 때는 바로 성공이라고 뜨지않고, 알수없음/실패 등의 다양한 내용으로 보여지게 됩니다.
코드에 문제가 있는게 아니니 걱정마시고! 이제 기다림의 미학입니다! 😪

등록 결과 확인

2020년 12월 2n쯤 등록해서, 2021년 1월 2n쯤 노출이 되기 시작했습니다.
빠르신 분들은 3~5일로도 나온다고 하는데, 전 자그마치 1달이 걸렸네요 ㅠㅠ
초반에 sitemap의 코드가 잘못되었기도 하고, 가장 오래걸린 내용이였습니다.
이제 노출이 되기 시작했으니 더욱 열심히 해보겠습니다! ㅎㅎ

드디어 기나긴 세팅과 준비가 끝났습니다.