https://blog.plzhans.com/tags/browser/Recent content in Browser on plzhans blogHugoko-krThu, 03 Sep 2026 11:08:00 +0000https://blog.plzhans.com/posts/120-cloudflare-security-headers-hsts-csp/Sun, 30 Aug 2026 01:25:00 +0000https://blog.plzhans.com/posts/120-cloudflare-security-headers-hsts-csp/<p><picture> <source srcset="https://blog.plzhans.com/posts/120-cloudflare-security-headers-hsts-csp/assets/1_bb515481-7252-4c3f-94cb-0474c42c9d1c_hu_b1596e5cf95128e.webp" type="image/webp"> <img src="https://blog.plzhans.com/posts/120-cloudflare-security-headers-hsts-csp/assets/1_bb515481-7252-4c3f-94cb-0474c42c9d1c_hu_78a6ae4905cadc2c.png" alt="Cloudflare와 HTML meta 태그로 보안 헤더를 나눠 적용하는 구성을 나타낸 대표 이미지" width="1200" height="630" loading="lazy"> </picture></p> <h2 id="개요">개요</h2> <p>SEO 감사 리포트에서 보안 헤더 네 개가 지적되는 경우가 있다. <code>Strict-Transport-Security</code>, <code>Content-Security-Policy</code>, <code>X-Content-Type-Options</code>, <code>Referrer-Policy</code>다.</p> <p>처음 보면 이게 왜 SEO 항목인가 싶다. 결론부터 말하면 <strong>이 헤더들이 검색 순위를 직접 올려주지는 않는다.</strong></p> <p>이 글에서는 왜 SEO 감사에 보안 헤더가 들어오는지, 각 헤더가 무슨 일을 하는지, 그리고 Cloudflare를 앞단에 둔 정적 블로그에서 <strong>나중에 관리하기 편한 조합</strong>으로 적용하는 방법을 정리한다.</p> <h2 id="왜-seo-리포트가-보안-헤더를-지적하나">왜 SEO 리포트가 보안 헤더를 지적하나</h2> <h3 id="lighthouse-점수에-포함돼-있다">Lighthouse 점수에 포함돼 있다</h3> <p>대부분의 SEO 감사 도구는 Google Lighthouse를 기반으로 기술 SEO 점수를 낸다. Lighthouse의 네 개 카테고리 중 하나가 <strong>Best Practices</strong>이고 여기에 CSP, HSTS, <code>X-Content-Type-Options</code> 체크가 들어 있다.</p>