Sitemap on Joonlog

Sitemap on Joonloghttps://joonlog.github.io/tags/sitemap/Recent content in Sitemap on JoonlogHugo -- gohugo.ioko-krFri, 25 Apr 2025 09:00:00 +0900GitHub 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">'jekyll-seo-tag'</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">'jekyll-sitemap'</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://<블로그주소>/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://<블로그주소></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">"<값 입력>"</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>