Seo on Joonloghttps://joonlog.github.io/tags/seo/Recent content in Seo on JoonlogHugo -- gohugo.ioko-krTue, 23 Dec 2025 09:00:00 +0900Hugo Stack에서 SEO 설정(Google Searche Console)https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/Tue, 23 Dec 2025 09:00:00 +0900https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/<h3 id="seo">SEO </h3><p>SEO는 Search Engine Optimization, 즉 검색 엔진 최적화로 구글이나 네이버 같은 검색 엔진에서 내 블로그가 더 잘 노출되도록 하는 작업이다.</p> <p>블로그를 운영하더라도, 검색에 노출되지 않으면 방문자가 내 블로그 도메인을 직접 입력해야만 접근 가능하다. 사실상 필수 설정.</p> <h3 id="github-pages--hugo-환경-seo-설정">GitHub Pages + Hugo 환경 SEO 설정 </h3><ol> <li> <p>Sitemap 자동 생성</p> <ul> <li>Hugo는 별도 플러그인 없이 sitemap.xml 파일을 자동으로 생성</li> <li>블로그 글 전체를 포함한 sitemap이 빌드 시 자동 생성됨</li> <li>배포 후 <code>https://&lt;블로그주소&gt;/sitemap.xml</code> 로 접근 가능하면 성공</li> </ul> </li> <li> <p>robots.txt 생성</p> <ul> <li>검색 엔진 크롤러에게 사이트 크롤링 규칙을 알려주는 파일</li> <li><code>static/robots.txt</code> 파일 생성</li> </ul> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span><span class="lnt">3 </span><span class="lnt">4 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">User-agent: * </span></span><span class="line"><span class="cl">Allow: / </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">Sitemap: https://&lt;블로그주소&gt;/sitemap.xml </span></span></code></pre></td></tr></table> </div> </div></li> <li> <p>Google Search Console 등록</p> <ul> <li> <p>Google Search Console 접속</p> </li> <li> <p><code>URL 접두어</code> 방식 선택 → <code>https://&lt;블로그주소&gt;</code> 입력</p> <p><img src="https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/HugoStackSEO01.png" width="764" height="612" srcset="https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/HugoStackSEO01_hu_583b4a9ad2fb5a38.png 480w, https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/HugoStackSEO01_hu_78d687a0f5a48f8.png 1024w" loading="lazy" alt="HugoStackSEO01.png" class="gallery-image" data-flex-grow="124" data-flex-basis="299px" ></p> </li> <li> <p>HTML 파일 다운로드 후 <code>static/</code> 폴더에 저장</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">static/ </span></span><span class="line"><span class="cl">└── &lt;verifications값&gt;.html </span></span></code></pre></td></tr></table> </div> </div></li> <li> <p>배포 후 Google Search Console 내 소유권 확인</p> <p><img src="https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/HugoStackSEO02.png" width="647" height="292" srcset="https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/HugoStackSEO02_hu_b896eb9146b30e20.png 480w, https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/HugoStackSEO02_hu_eef6eaad0be29612.png 1024w" loading="lazy" alt="iHugoStackSEO02.png" class="gallery-image" data-flex-grow="221" data-flex-basis="531px" ></p> </li> <li> <p>생성된 사이트맵 Google Search Console에 등록</p> </li> <li> <p>등록 후에 즉시 활성화가 되는 것은 아님</p> <ul> <li> <p>하루 정도 대기 필요</p> <p><img src="https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/HugoStackSEO03.png" width="1581" height="680" srcset="https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/HugoStackSEO03_hu_37e20eb39f611248.png 480w, https://joonlog.github.io/p/hugo-stack%EC%97%90%EC%84%9C-seo-%EC%84%A4%EC%A0%95google-searche-console/HugoStackSEO03_hu_70006e92c0e64304.png 1024w" loading="lazy" alt="HugoStackSEO03.png" class="gallery-image" data-flex-grow="232" data-flex-basis="558px" ></p> </li> </ul> </li> </ul> </li> </ol>GitHub Blog(Jekyll Chirpy) SEO 설정https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/Fri, 25 Apr 2025 09:00:00 +0900https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/<h3 id="seo">SEO </h3><p>SEO는 Search Engine Optimization, 즉 검색 엔진 최적화로 구글이나 네이버 같은 검색 엔진에서 내 블로그가 더 잘 노출되도록 하는 작업이다.</p> <p>블로그를 운영하더라도, 검색에 노출되지 않으면 방문자가 내 블로그 도메인을 직접 입력해야만 접근 가능하다. 사실상 필수 설정.</p> <h3 id="github-pages--jekyll-환경-seo-설정">GitHub Pages + Jekyll 환경 SEO 설정 </h3><ol> <li> <p><code>jekyll-seo-tag</code> 플러그인 설치</p> <ul> <li>블로그에 필요한 SEO 메타 태그들을 자동으로 생성해주는 공식 플러그인</li> <li><code>Gemfile</code>에 추가</li> </ul> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">gem <span class="s1">&#39;jekyll-seo-tag&#39;</span> </span></span></code></pre></td></tr></table> </div> </div><ul> <li><code>_config.yml</code>에 추가</li> </ul> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">plugins: </span></span><span class="line"><span class="cl"> - jekyll-seo-tag </span></span></code></pre></td></tr></table> </div> </div></li> <li> <p><code>jekyll-sitemap</code> 플러그인 설치</p> <ul> <li>블로그 글 전체를 포함한 sitemap.xml 파일을 자동을 생성해주는 플러그인</li> <li>구글, 네이버 같은 검색엔진에 내 사이트 구조를 전달하는 목적의 파일</li> </ul> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">gem <span class="s1">&#39;jekyll-sitemap&#39;</span> </span></span></code></pre></td></tr></table> </div> </div><div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">plugins: </span></span><span class="line"><span class="cl"> - jekyll-sitemap </span></span></code></pre></td></tr></table> </div> </div><ul> <li>배포 후 <code>https://&lt;블로그주소&gt;/sitemap.xml</code> 로 접근 가능하면 성공</li> </ul> </li> <li> <p>Google Search Console 등록</p> <ol> <li> <p>Google Search Console 접속</p> </li> <li> <p><code>URL 접두어</code> 방식 선택 → <code>https://&lt;블로그주소&gt;</code> 입력</p> </li> </ol> <p><img src="https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/GitHubBlogSEO1.webp" width="764" height="612" srcset="https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/GitHubBlogSEO1_hu_8ec6b25c30cd3869.webp 480w, https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/GitHubBlogSEO1_hu_abd5e2d6d436e89.webp 1024w" loading="lazy" alt="GitHubBlogSEO1.webp" class="gallery-image" data-flex-grow="124" data-flex-basis="299px" ></p> <ol start="3"> <li>생성된 verifications 값 _config.yml에 입력</li> </ol> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">webmaster_verifications: </span></span><span class="line"><span class="cl"> google: <span class="s2">&#34;&lt;값 입력&gt;&#34;</span> </span></span></code></pre></td></tr></table> </div> </div><ol start="4"> <li>배포 후 Google Search Console 내 소유권 확인</li> </ol> <p><img src="https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/GitHubBlogSEO2.webp" width="647" height="292" srcset="https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/GitHubBlogSEO2_hu_f15bec49f8990c15.webp 480w, https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/GitHubBlogSEO2_hu_3ffb33b5659579ed.webp 1024w" loading="lazy" alt="GitHubBlogSEO2.webp" class="gallery-image" data-flex-grow="221" data-flex-basis="531px" ></p> <ol start="5"> <li>2번에서 생성된 사이트맵 Google Search Console에 등록</li> </ol> <ul> <li>등록 후에 즉시 활성화가 되는 것은 아님 <ul> <li>하루 정도 대기 필요</li> </ul> </li> </ul> </li> </ol> <p><img src="https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/GitHubBlogSEO3.webp" width="1581" height="680" srcset="https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/GitHubBlogSEO3_hu_b7e997483a6612cd.webp 480w, https://joonlog.github.io/p/github-blogjekyll-chirpy-seo-%EC%84%A4%EC%A0%95/GitHubBlogSEO3_hu_aa1b7a544789b91.webp 1024w" loading="lazy" alt="GitHubBlogSEO3.webp" class="gallery-image" data-flex-grow="232" data-flex-basis="558px" ></p> <h3 id="참고">참고 </h3><p>SEO: <a class="link" href="https://standing-o.github.io/posts/jekyll-seo/" target="_blank" rel="noopener" >https://standing-o.github.io/posts/jekyll-seo/</a></p>