inblog(인블로그) SEO 셋업 튜토리얼 가이드

검색 엔진 최적화를 위해 인블로그에서 제공하는 SEO 셋업 튜토리얼 가이드를 단계별로 살펴봅니다.

Mar 13, 2024

Contents

기초 블로그 설정 (Basic blog representation)블로그 이름 및 로고 설정 언어 설정 도메인 연결 (Domain Connection)서브도메인 (Subdomain) 연결 서브디렉토리 (Sub-directory or, Sub-folder) 연결 블로그 소유권 확인 및 등록 (Site Verification)구글 서치콘솔 등록하기 인블로그에 구글 서치콘솔 엑세스 권한 부여하기사이트맵 제출 Robots.txt 파일 및 수정하기 Robots.txt 파일 수정 가이드 서브도메인 (Subdomain) 연결 시 서브디렉토리 (Sub-directory or, Sub-folder) 연결 시

안녕하세요, 인블로그팀입니다.

비즈니스 블로그 및 개별 포스트의 구글 검색 엔진 (SERP)에의 빠른 최적화를 위하여 인블로그에서 제공하는 기초 SEO 설정 5단계 가이드입니다.

SEO 튜토리얼 가이드를 통해 검색엔진을 위한 기본적인 블로그 설정, 구글에 블로그 소유권 확인 및 등록, 사이트맵을 제출하여 블로그 및 포스트의 색인 속도 향상을 기대할 수 있습니다.

나아가 서치콘솔과의 연동 기능을 통해 대시보드에서 각 포스트의 색인 상태와 구글 SERP 순위 데이터까지 편리하게 확인할 수 있습니다.

그럼, 시작해볼까요!

기초 블로그 설정 (Basic blog representation)

첫 번째로 블로그의 기본적인 정보를 설정합니다. 구글 검색 엔진에게 블로그에 대한 기초 정보를 전달합니다.

블로그 이름 및 로고 설정

블로그의 이름과 로고를 설정합니다.

언어 설정

lang 태그 설정을 통해 블로그의 기본 언어를 설정합니다. 구글 검색 엔진에게 페이지의 기본 언어 설정 정보를 제공함으로써 SEO 접근성 (Accessibility) 측면에서 페이지를 최적화합니다.

아래는 lang 태그 올바른 사용 예시입니다:

<html lang="en-us">

두 자리 코드로 디폴트 언어를 설정하고, 추가로 뒤에 두 자리 지역 코드를 덧붙임으로써 지역 정보를 설정할 수 있습니다.

lang 태그 설정 시 코드를 가정하는 오류를 범해서는 안됩니다. 아래는 잘못된 코드를 사용한 예시입니다. 영국 지역코드는 "uk"가 아닌 "gb"입니다.

<html lang=”en-uk” >

올바른 코스 사용은 다음과 같습니다:

<html lang=”en-gb">

정확한 언어 코드는 ISO 639 language code에서 확인할 수 있습니다.

👉 lang 태그에 대해 더 자세한 정보를 알고 싶으면, 다음 문서를 참고하세요.

도메인 연결 (Domain Connection)

다음으로, 메인 웹사이트 도메인에 블로그를 연결합니다.

커스텀 도메인은 서브도메인 (e.g., blog.example.com) 또는 서브디렉토리 (e.g., example.com/blog) 방식으로 연결함으로써 논리적인 사이트 구조 설정을 가능하게 하고 결과적으로 자사 브랜드의 SEO 가시성을 높일 수 있습니다.

서브도메인 (Subdomain) 연결

Custom domain 설정에서 Subdomain 으로 설정하고 도메인 연결을 원하는 홈페이지 주소를 입력합니다. 여기서 홈페이지 주소는 기 구입한 도메인이여야 합니다.

Activate Custom Domain 버튼을 누르면, DNS 가이드가 나옵니다. 도메인을 구입한 곳에서 DNS 설정을 하면, 30분 이내에 도메인 연결이 완료됩니다.

👉 도메인 연결에 이슈가 있다면 여기를 통해 바로 말씀주세요.

서브디렉토리 (Sub-directory or, Sub-folder) 연결

Important: 현재 서브디렉토리 연결은 NextJS, Vercel, AWS Amplify, Framer, Webflow로 만들어진 페이지만을 지원합니다.
Next.js : 프레임워크로, 서브디렉토리 연결이 가능합니다.
(Static Exports는 지원하지 않습니다)
Vercel 및 AWS Amplify : 웹 호스팅 플랫폼으로, 서브디렉토리 연결이 가능합니다.
Framer 및 Webflow : 노코드 플랫폼으로, Cloudflare를 이용한 리버스 프록시 설정이 필요합니다.

Custom domain 설정에서 Subdirectory 로 설정하고 도메인 연결을 원하는 홈페이지 주소를 입력합니다. 여기서 홈페이지 주소는 기 구입한 도메인이여야 합니다.

Activate Custom Domain 버튼을 누르면, 도메인 연결에 대한 가이드가 나옵니다. 코드 작업을 통해 설정을 하면, 30분 이내에 도메인 연결이 완료됩니다.

👉 도메인 연결에 이슈가 있다면 여기를 통해 바로 말씀주세요.

activate custom domain as a sub-directory

인블로그팀은 커스텀 도메인 연결을 위한 테크니컬 서포트를 비디오 콜을 통해 직접 제공해드리고 있습니다. 도움이 필요하시면 언제든지 연락주세요.

👉 도움이 필요하신가요?여기를 통해 바로 말씀주세요.

블로그 소유권 확인 및 등록 (Site Verification)

다음으로 구글 서치콘솔에 블로그 소유권을 확인 및 등록합니다. 서치콘솔 등록을 통해 블로그 및 포스트의 색인 속도 향상을 기대할 수 있으며, 다음 스텝인 사이트맵 제출을 위하여서도 필수적으로 거쳐야 하는 단계입니다.

나아가 서치콘솔과의 연동을 통해 대시보드에서 각 포스트의 색인 상태와 구글 SERP 순위 데이터까지 확인할 수 있게 됩니다.

구글 서치콘솔 등록하기

구글 서치콘솔 웹사이트를 방문합니다.
"시작하기"를 클릭합니다.

아래 그림처럼 URL을 입력하고 "계속"을 클릭합니다. URL은 커스텀 도메인을 연결한 도메인이어야 하며, 이때, 반드시 https:// 을 입력해야 합니다. 커스텀 도메인은 서브도메인 (e.g., blog.example.com) 또는 서브디렉토리 (e.g., example.com/blog) 방식 중 하나로 연결합니다.

소유권 확인을 위한 HTML 태그 복사하기

복사한 HTML 태그를 "Step 3: Verify your blog ownership"입력 필드에 붙여넣어주세요.
서치콘솔에서 "확인(Verify)"를 클릭합니다.

인블로그에 구글 서치콘솔 엑세스 권한 부여하기

"Step 4: Allow Inblog to access yourSearch Console" 단계에 위치한 'Continue with Google' 버튼을 클릭하세요. 구글로부터 필요한 권한을 얻기 위한 인증 단계를 진행합니다.

Allow Inblog to access your Search Console

인증을 계속하기 위해 서치콘솔에 블로그를 등록한 구글 계정을 선택합니다.

"View Search Console data for your verified sites" 박스를 체크합니다. 인블로그에게 구글 서치콘솔 데이터를 보는 권한을 부여하게 됩니다.

"계속(Continue)"를 클릭합니다.

사이트맵 제출

Important: 사이트맵을 제출하기 전에, 구글 서치콘솔에 블로그 도메인 소유권을 인증해야 합니다.도메인 소유권을 확인하는 방법을 알아보세요.

아래는 사이트맵을 제출하는 절차입니다:

구글 서치콘솔 웹사이트를 방문합니다.
드롭다운 메뉴에서 블로그 사이트를 선택합니다.
사이드 네비게이션에서 사이트맵을 선택합니다.
"새 사이트맵 추가 (Add a new sitemap)"란에 제출하려는 사이트맵의 URL 슬러그를 입력합니다. 예를 들어, 전체 사이트의 사이트맵을 제출하려면 sitemap.xml을 입력합니다.
"제출하기(Submit)"를 클릭합니다.
사이트맵 제출을 완료하면 아래와 같은 메시지를 확인할 수 있습니다.

👉 사이트맵 대한 더 자세한 정보를 알고 싶으면, 다음 문서를 참고하세요.

Robots.txt 파일 및 수정하기

기본적으로 인블로그는 다음 내용을 포함하는 로봇 파일을 제공합니다:

위 로봇 파일은 모든 검색 엔진이 블로그를 크롤링할 수 있도록 허용(*)하며, 사이트맵 링크를 추가함으로써 검색 엔진이 보다 효율적으로 블로그와 포스트를 찾고 크롤링할 수 있도록 돕습니다.

Robots.txt 파일 수정 가이드

인블로그가 제공하는 robots.txt 파일을 로봇 파일 에디터에서 수정할 수 있습니다. 에디터의 위치는 다음과 같습니다: "Blog settings > Robots.txt".

Robots.txt 파일의 내용과 편집방법은 커스텀 도메인 연결 방법(서브도메인 blog.example.com 또는 서브디렉토리 example.com/blog)에 따라 차이가 있습니다.

서브도메인 (Subdomain) 연결 시

서브도메인 (e.g., blog.example.com) 으로 연결한 경우, 인블로그는 기본적으로 아래와 같은 로봇 파일을 제공합니다:

User-agent: *
Allow: /
Sitemap: https://inblog.ai/blog/sitemap.xml

"Blog settings > Robots.txt" 에 위치한 로봇 에디터에서 파일을 수정할 수 있습니다.

서브디렉토리 (Sub-directory or, Sub-folder) 연결 시

서브디렉토리 (e.g., example.com/blog) 로 연결한 경우, 인블로그는 사이트맵 URL을 파일에 포함하기 위해 루트 도메인의 robots.txt 파일을 불러와 재작성합니다.

수정된 로봇 파일은 아래와 같습니다:

User-agent: *
Allow: /
Sitemap: https://inblog.ai/sitemap.xml
Sitemap: https://inblog.ai/blog/sitemap.xml

서브디렉토리 연결의 경우, 로봇 파일을 수정하기 위해서는 아래의 가이드를 따르세요. 아래 설정을 통해 로봇 파일을 인블로그로 라우팅하여 인블로그 내에서 직접 관리할 수 있습니다.

NextJS

다음과 같이 next.config.js 파일rewrites 함수에 아래 규칙을 추가합니다. 이 규칙이 목록 상단에 위치하는지 확인하십시오.

const nextConfig = {
  async rewrites() {
    return {
      beforeFiles: [
        {
          source: "/blog",
          destination: "https://inblog.ai/grayzipblog",
        },
        {
          source: "/blog/:path*",
          destination: "https://inblog.ai/grayzipblog/:path*",
        },
        {
          source: "/robots.txt",
          destination: "https://inblog.ai/grayzipblog/robots.txt",
        },
        {
          source: "/_inblog/:path*",
          destination: "https://inblog.ai/grayzipblog/_inblog/:path*",
        },
      ],
    };
  },
};

module.exports = nextConfig

AWS Amplify

앱 내 Settings -> Rewrites and redirects으로 이동합니다. Open text editor에 아래 규칙을 추가합니다. 이 규칙이 목록 상단에 위치하는지 확인하십시오.

[
  {
    "source": "/blog",
    "target": "https://inblog.ai/grayzipblog",
    "status": "200",
    "condition": null
	},
  {
    "source": "/blog/<*>",
    "target": "https://inblog.ai/grayzipblog/<*>",
    "status": "200",
    "condition": null
  },
  {
    "source": "/robots.txt",
    "target": "https://inblog.ai/grayzipblog/robots.txt",
    "status": "200",
    "condition": null
  },
  {
    "source": "/_inblog/<*>",
    "target": "https://inblog.ai/grayzipblog/_inblog/<*>",
    "status": "200",
    "condition": null
  }
]

👉 robots.txt에 대한 더 자세한 정보를 알고 싶으면, 다음 문서를 참고하세요.