검색 엔진 최적화
-
[Next.js] SEO - 1. Introduction to SEO공부 2021. 11. 1. 16:26
SEO는 검색 엔진 최적화(Search Engine Optimization)를 의미한다. SEO의 목표는 검색 엔진 결과에서 순위를 높이는 전력을 만드는 것이다. 순위가 높을수록 사이트에 더 많은 유기적 트래픽이 발생하여 궁극적으로 더 많은 비즈니스로 이어진다. Why is SEO so important? SEO는 브랜드에 대한 전환율과 자신감을 높이는 열쇠이다. 더 높은 검색 순위 배치는 더 많은 유기적 방문자와 동일하다. 검색 엔진 유기적 트래픽(검색 엔진에서 결과를 클릭하여 사이트를 방문하는 방문자)은 다음 세가지 이유로 많은 비즈니스의 핵심이다. 질적으로 - 방문자가 고객으로 전환될 가능성이 높아진다. 신뢰할 수 있는 - 브랜드 또는 사명에 대한 더 높은 자신감 저비용 - 소요된 시간과 노력을 제..
-
[React] 검색엔진 최적화(SEO)공부 2021. 9. 30. 17:38
React는 SPA로 HTML이 하나이며, CSR(클라이언트 사이드 렌더링)을 하기 때문에 렌더링(자바스크립트 실행)이 되기 전까지는 껍데기 HTML만 나오므로 검색 엔진 최적화가 어려움. meta tag HTML의 head부분에 있는 를 활용. React는 정적 페이지가 index.html 하나이므로 페이지별로 메타태그를 적용하려면 라이브러리 사용. 라이브러리 react-helmet 설치. (yarn add react-helmet) 적용하고 싶은 페이지로 가서 Helmet import하고, 안에 child로 넘겨주고 싶은 메타태그 작성. // 예시 const One = () => { return ( page one ) } pre-rendering 빌드 시 미리 특정 페이지를 렌더링 해서 html파일을 ..