728x90 반응형 SEO3 robots.txt 파일로 검색엔진 크롤링 범위 지정하기 SEO의 핵심은 바로 콘텐츠다. 하지만 단가가 높은 키워드일수록 콘텐츠만으로는 승부를 보기 어려워지고, 결국 기술적인 부분의 도움을 받을 수밖에 없게 된다. 여기서 기술적인 부분이란 웹사이트 속도의 최적화(퍼포먼스), 보안(SSL), 모바일 친화성, 웹페이지의 접근성(a11y)등 다양한 요소가 고려된다. 실제로 Google Lighthouse 검사를 해보면 위와 같은 부분들이 종합 점수에 큰 영향을 미치는 것을 볼 수 있다. 이와 더불어 기술적으로 내 웹사이트 검색 결과에서 [보여주어야 할 것]과 [보여주지 말아야 할 것]을 구분해서 검색 결과에 적절히 노출시켜주는 것 또한 SEO에 있어서 굉장히 중요한 부분이다. 검색 결과 중 [보여주어야 할 것]의 예시로는 검색엔진에 노출되어야 하는 내 웹사이트의 콘.. 2021. 9. 30. Meta tag - robots 태그를 통한 검색 노출 관리 및 저품질 블로그 해결 * 들어가며: 이 글은 블로그 운영 및 HTML에 대한 기초적인 지식이 있는 분들을 대상으로 작성했습니다. 나는 현재 Medium, 티스토리, 개인 웹사이트, 깃허브 블로그(Jekyll) 및 네이버 블로그 등 다양한 매체를 통해 글을 업로드 하고 있다. Medium의 경우에는 공부 정리를 위해, 개인 홈페이지는 디자인 포트폴리오 업로드를 위해, Jekyll 사이트는 스크랩/일상 공유 등 목적은 다양하지만 반응이 좋거나 좋을 것으로 예상되는 글의 경우에는 개인 홈페이지를 제외한 다른 매체에도 동일하게 업로드를 하고 있다. 바로 이 부분에서 문제가 하나 발생하는데, 블로그를 부업으로 하시는 분들이라면 한 번 정도는 들어보셨을 '저품질'이라는 문제다. 저품질이란? 기본적으로 각 검색엔진들에는 웹페이지를 크롤.. 2021. 9. 18. Next.js를 위한 sitemap generator 만들기 사이트맵 생성부터, 검색엔진 색인 요청까지 안녕하세요! 라이브 마켓 모음 앱, 볼라의 디자이너 서혁입니다. 볼라는 셀러(판매자)와 구매자가 라이브 방송을 통해 소통하며 상품을 구매할 수 있는 플랫폼입니다. 얼마 전, 기존 Vue.js로 만들어져있던 볼라 랜딩페이지(https://volla.live)를 앱 내 콘텐츠 공유용 브릿지 페이지(Next.js)에 통합하게 되면서 함께 진행한 검색엔진 최적화(SEO) 작업 - 그중에서도 사이트맵 작업 중에 진행했던, Next.js 동적 sitemap generator 스크립트 작성기를 공유하고자 합니다. 1. Next.js의 폴더구조를 활용한 sitemap generator 스크립트 작성 Next.js는 pages 디렉토리 내의 폴더와 파일명을 따라 URL이 생성.. 2021. 9. 1. 이전 1 다음 728x90 반응형
