{"componentChunkName":"component---src-templates-blog-post-js","path":"/Gatsby/gatsby_starter_bee_seo/","result":{"data":{"site":{"siteMetadata":{"title":"hyesungoh","author":"hyesungoh","siteUrl":"https://www.hyesungoh.xyz","comment":{"disqusShortName":"","utterances":"hyesungoh/blog"},"sponsor":{"buyMeACoffeeId":""}}},"markdownRemark":{"id":"1fed562c-f082-55cd-9ffb-fb73a07e1262","excerpt":"해당 블로그는 gatsby-starter-bee theme을 수정하여 사용중입니다. 해당 테마의 경우 구글 검색 엔진 최적화 (SEO)를 위한 sitemap은 설치돼 있으나, 네이버 검색 노출을 위한 robots는 작성돼 있지 않아 추가하는 법과 등록 방법을 공유하도록 하겠습니다. :D 구글 검색 노출 등록 구글 서치 콘솔에 접속하여 로그인 URL 접두어 선택 후 하단에 있는 HTML meta 태그 클릭 해당 태그를 복사 gatsby-starter-bee theme의 경우 helmet…","html":"<p>해당 블로그는 <a href=\"https://github.com/JaeYeopHan/gatsby-starter-bee\">gatsby-starter-bee</a> theme을 수정하여 사용중입니다.</p>\n<p>해당 테마의 경우 구글 검색 엔진 최적화 (SEO)를 위한 sitemap은 설치돼 있으나,</p>\n<p>네이버 검색 노출을 위한 robots는 작성돼 있지 않아 추가하는 법과</p>\n<p>등록 방법을 공유하도록 하겠습니다. :D</p>\n<h2 id=\"구글-검색-노출-등록\" style=\"position:relative;\"><a href=\"#%EA%B5%AC%EA%B8%80-%EA%B2%80%EC%83%89-%EB%85%B8%EC%B6%9C-%EB%93%B1%EB%A1%9D\" aria-label=\"구글 검색 노출 등록 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>구글 검색 노출 등록</h2>\n<ul>\n<li><a href=\"https://search.google.com/search-console/about?hl=ko\">구글 서치 콘솔</a>에 접속하여 로그인</li>\n<li>URL 접두어 선택 후 하단에 있는 HTML meta 태그 클릭</li>\n<li>해당 태그를 복사</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token comment\">// src/components/head/index.js</span>\n    <span class=\"token operator\">&lt;</span>Helmet\n    htmlAttributes<span class=\"token operator\">=</span><span class=\"token punctuation\">{</span><span class=\"token punctuation\">{</span>\n    lang<span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">}</span>\n    title<span class=\"token operator\">=</span><span class=\"token punctuation\">{</span>title<span class=\"token punctuation\">}</span>\n    titleTemplate<span class=\"token operator\">=</span><span class=\"token punctuation\">{</span><span class=\"token template-string\"><span class=\"token template-punctuation string\">`</span><span class=\"token string\">%s | </span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${</span>data<span class=\"token punctuation\">.</span>site<span class=\"token punctuation\">.</span>siteMetadata<span class=\"token punctuation\">.</span>title<span class=\"token interpolation-punctuation punctuation\">}</span></span><span class=\"token template-punctuation string\">`</span></span><span class=\"token punctuation\">}</span>\n    meta<span class=\"token operator\">=</span><span class=\"token punctuation\">{</span><span class=\"token punctuation\">[</span>\n    <span class=\"token operator\">...</span>\n    <span class=\"token comment\">// &lt;meta name=\"google-site-verification\" content=\"verificationCode\" /></span>\n    <span class=\"token comment\">// &lt;meta name=\"naver-site-verification\" content=\"verificationCode\" /></span>\n\n    <span class=\"token punctuation\">{</span>\n        name<span class=\"token operator\">:</span> <span class=\"token template-string\"><span class=\"token template-punctuation string\">`</span><span class=\"token string\">google-site-verification</span><span class=\"token template-punctuation string\">`</span></span><span class=\"token punctuation\">,</span>\n        content<span class=\"token operator\">:</span> <span class=\"token template-string\"><span class=\"token template-punctuation string\">`</span><span class=\"token string\">verificationCode</span><span class=\"token template-punctuation string\">`</span></span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">{</span>\n        name<span class=\"token operator\">:</span> <span class=\"token template-string\"><span class=\"token template-punctuation string\">`</span><span class=\"token string\">naver-site-verification</span><span class=\"token template-punctuation string\">`</span></span><span class=\"token punctuation\">,</span>\n        content<span class=\"token operator\">:</span> <span class=\"token template-string\"><span class=\"token template-punctuation string\">`</span><span class=\"token string\">verificationCode</span><span class=\"token template-punctuation string\">`</span></span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token operator\">...</span></code></pre></div>\n<ul>\n<li>gatsby-starter-bee theme의 경우 helmet을 사용하여 html의 head 태그를 관리하기 때문에 위 모습과 동일하게 작성</li>\n<li>배포 후 개발자 도구등을 이용하여 head 태그에 적용이 된 것을 확인 후 구글 서치 콘솔 상 확인 버튼을 클릭하면 인증이 완료</li>\n<li>좌측 sitemaps 메뉴에 sitemap.xml을 제출하면 끝 !</li>\n</ul>\n<img width=\"1324\" alt=\"스크린샷 2021-02-07 오후 6 01 11\" src=\"https://user-images.githubusercontent.com/26461307/107141891-f7d23680-696e-11eb-8ff8-43d20cb4f1f4.png\">\n<p><del>~ robots.txt 추가 부분은 되나 해봤습니다 … ~</del></p>\n<ul>\n<li>몇 시간 정도 후에 <code class=\"language-text\">site:www.hyesungoh.xyz</code>와 같이 검색</li>\n</ul>\n<h2 id=\"네이버-검색-노출-등록\" style=\"position:relative;\"><a href=\"#%EB%84%A4%EC%9D%B4%EB%B2%84-%EA%B2%80%EC%83%89-%EB%85%B8%EC%B6%9C-%EB%93%B1%EB%A1%9D\" aria-label=\"네이버 검색 노출 등록 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>네이버 검색 노출 등록</h2>\n<ul>\n<li>robots.txt 작성을 위해 플러그인을 설치</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"terminal\"><pre class=\"language-terminal\"><code class=\"language-terminal\">yarn add gatsby-plugin-robots-txt\nor\nnpm i gatsby-plugin-robots-txt</code></pre></div>\n<ul>\n<li><code class=\"language-text\">gatsby-config.js</code>에 플러그인 등록 후 모든 URL을 오픈하도록 설정, 제외하고 싶은 URL은 disallow에 추가</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"> plugins<span class=\"token operator\">:</span> <span class=\"token punctuation\">[</span>\n<span class=\"token operator\">...</span>\n    <span class=\"token punctuation\">{</span>\n      resolve<span class=\"token operator\">:</span> <span class=\"token string\">'gatsby-plugin-robots-txt'</span><span class=\"token punctuation\">,</span>\n      options<span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span>\n        host<span class=\"token operator\">:</span> <span class=\"token string\">'https://dyjh-blog.netlify.app'</span><span class=\"token punctuation\">,</span>\n        sitemap<span class=\"token operator\">:</span> <span class=\"token string\">'https://dyjh-blog.netlify.app/sitemap.xml'</span><span class=\"token punctuation\">,</span>\n        policy<span class=\"token operator\">:</span> <span class=\"token punctuation\">[</span><span class=\"token punctuation\">{</span>\n          userAgent<span class=\"token operator\">:</span> <span class=\"token string\">'*'</span><span class=\"token punctuation\">,</span>\n          allow<span class=\"token operator\">:</span> <span class=\"token string\">'/'</span>\n        <span class=\"token punctuation\">}</span><span class=\"token punctuation\">]</span>\n      <span class=\"token punctuation\">}</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token operator\">...</span>\n  <span class=\"token punctuation\">]</span></code></pre></div>\n<ul>\n<li>‘npm start’ 후 /robots.txt 접속이 잘 된다면 배포</li>\n<li><a href=\"https://searchadvisor.naver.com/console/board\">네이버 웹 마스터</a> 접속 후 사이트 인증 진행</li>\n<li>위 구글 인증 방법과 동일하게 <code class=\"language-text\">helmet</code>에 추가</li>\n<li>배포, 확인 후 좌측 사이트맵 제출 클릭 후 <code class=\"language-text\">sitemap.xml</code> 제출</li>\n</ul>\n<img width=\"1111\" alt=\"스크린샷 2021-02-07 오후 6 15 22\" src=\"https://user-images.githubusercontent.com/26461307/107142238-c195b680-6970-11eb-84de-0bca5f3c8558.png\">\n<ul>\n<li>좌측 검증 탭의 robots.txt 검증 및 수집요청</li>\n</ul>\n<img width=\"1064\" alt=\"스크린샷 2021-02-07 오후 6 16 07\" src=\"https://user-images.githubusercontent.com/26461307/107142239-c490a700-6970-11eb-978c-9e95f32bf996.png\">\n<ul>\n<li>몇 시간 정도 후에 <code class=\"language-text\">site:{www.hyesungoh.xyz}</code>와 같이 검색</li>\n<li>끝 !!</li>\n</ul>\n<blockquote>\n<p>참고 : <a href=\"https://dyjh-blog.netlify.app/posts/2020-gatsby-blog-seo\">dyih님 블로그</a></p>\n</blockquote>","frontmatter":{"title":"gatsby-starter-bee theme 네이버, 구글 검색 노출시키기","date":"February 07, 2021"}}},"pageContext":{"slug":"/Gatsby/gatsby_starter_bee_seo/","previous":{"fields":{"slug":"/Algorithm/BOJ-10775-Python/"},"frontmatter":{"title":"BOJ-10775 - Python","category":"Algorithm","draft":false}},"next":{"fields":{"slug":"/Algorithm/BOJ-1744-Python/"},"frontmatter":{"title":"BOJ-1744 - Python","category":"Algorithm","draft":false}}}},"staticQueryHashes":["3128451518","3290666882"]}