# seo
SEO
1. SEO? 그동안 Next js를 사용해 오며 SSR을 통한 SEO에 유리하다는 장점을 알고는 있었지만, 실질적으로 SEO라는 개념을 너무 추상적으로 이해하고 있는것 같아 정리하고자 작성하는 글이다. 먼저 SEO는 Serach Engine Optimization의
Next.js SEO 설정
SEO, 한국말로 검색 엔진 최적화라고 불리는 이 단어는 Search Engine Optimization의 줄임말이다. 이는 쉽게 말해 검색 결과에서의 상위 노출을 의미한다. 내가 온라인으로 사업을 한다거나 많은 사람들에게 구글 검색으로 노출시키려면 매우 중요한것이다.
리액트에서 HTML5 시멘틱 태그 적용
프로젝트를 진행하면서 많은 사람들이 서비스를 이용해봤으면 하는 마음이 있었다. 그러기 위해서 검색에서 상위로 사이트가 떠야했기에 SEO 최적화를 알아봤고 리액트는 <div id="root">...</div>로 항상 감싸져 있고 각 jsx마다 <div>.
SEO 최적화
프론트엔트 개발자는 검색 엔진 최적화(SEO)를 신경써야할까? : https://velog.io/@zhsks528/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%8A%9
[React] Next.js를 사용하지 않고 SSR을 해보자!
본 글은 제목과 같이 Next.js를 사용하지않고 SSR 프로젝트를 만들어보는 글입니다.React 18 부터 SSR이 생각보다 굉장히 쉬워져서 Firebase를 이용해 배포까지 해보는 과정을 담았습니다.글을 작성중인 본인도 아직 배울게 많은 초보자인지라 틀린 부분, "
230320 멋쟁이사자처럼 프론트엔드스쿨
오늘의 꿀팁 💡 더미 이미지 실제 사용할 이미지를 넣기 전에 매우 간단하게 이미지 영역을 잡아줄 수 있다 <img src="http://placehold.it/100x100" alt=""> 💡 텍스트 되도록 복붙하기 & 맞춤법 검사 돌리기(오타 확인) 📌
[Web] Path variable, Query String 그리고 SEO
Query String (URL Parameter) 개념 URL Parameter (Query String)은 위의 그림에서와 같이 URL에서 물음표 뒤에 따라오는 key=value 형식의 pair들을 말한다. URL Parameter를 여러 개 쓰고 싶다면 &를 써
[HTML & SEO] 검색 엔진 최적화(SEO)에 대해서
프로젝트를 진행하는 도중 내가 만든 웹사이트에 어떤 사용자가 어떤 시간대에 접속해서 어떤 이벤트를 발생하는지가 궁금했다.이러한 생각은 곧 내가 만든 웹 사이트가 많은 사용자에게 노출되었으면 좋겠다는 생각에 귀결되었고, SEO를 고민하는 계기가 되었다.SEO는 Searc
[사용자 친화 웹] SEO
SEO SEO(Search Engine Optimization, 검색 엔진 최적화) >검색 엔진의 작동 방식에 맞게 웹 페이지를 최적화해주는 작업 SEO를 통해 검색 엔진에서 웹 페이지를 보다 더 상위에 노출될 수 있게끔 만들 수 있습니다. On-Page SEO :
[사용자 친화 웹] React에서 검색엔진 최적화(SEO)하는 방법들
Intro React 를 주로 사용해서 미니 사이드 프로젝트들을 만들고 있어서, React 를 사용해서 웹 페이지를 렌더링할 경우 SEO 에 상대적으로 취약한 것에 대해 검색해보고 해결책을 간단하게 정리해 보았다. 참고로 lighthouse 크롬 확장프로그램 lighthouse 에서 특정 웹사이트의 SEO 점수 체크도 해볼 수 있다. 1. SEO 란? ...
알고보니 너무나 간단한 LCP 개선 사례
학습용 사이드 프로젝트를 시작할 때만해도 90점대 성능 점수를 보였는데 오랜만에 측정한 Performance 점수는 매우 낮아져 있었다. 이번 글은 성능 이슈의 원인이었던 LCP를 아주 간단히 개선했던 사례를 소개하려고 한다.