# seo

257개의 포스트
post-thumbnail

SEO

1. SEO? 그동안 Next js를 사용해 오며 SSR을 통한 SEO에 유리하다는 장점을 알고는 있었지만, 실질적으로 SEO라는 개념을 너무 추상적으로 이해하고 있는것 같아 정리하고자 작성하는 글이다. 먼저 SEO는 Serach Engine Optimization의

어제
·
0개의 댓글
·
post-thumbnail

Next.js SEO 설정

SEO, 한국말로 검색 엔진 최적화라고 불리는 이 단어는 Search Engine Optimization의 줄임말이다. 이는 쉽게 말해 검색 결과에서의 상위 노출을 의미한다. 내가 온라인으로 사업을 한다거나 많은 사람들에게 구글 검색으로 노출시키려면 매우 중요한것이다.

2일 전
·
0개의 댓글
·

리액트에서 HTML5 시멘틱 태그 적용

프로젝트를 진행하면서 많은 사람들이 서비스를 이용해봤으면 하는 마음이 있었다. 그러기 위해서 검색에서 상위로 사이트가 떠야했기에 SEO 최적화를 알아봤고 리액트는 <div id="root">...</div>로 항상 감싸져 있고 각 jsx마다 <div>.

3일 전
·
0개의 댓글
·
post-thumbnail

[SEO] 검색 엔진 최적화

SEO 검색 엔진 최적화에 대해서 알아보자.

3일 전
·
0개의 댓글
·
post-thumbnail

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

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

[React] Next.js를 사용하지 않고 SSR을 해보자!

본 글은 제목과 같이 Next.js를 사용하지않고 SSR 프로젝트를 만들어보는 글입니다.React 18 부터 SSR이 생각보다 굉장히 쉬워져서 Firebase를 이용해 배포까지 해보는 과정을 담았습니다.글을 작성중인 본인도 아직 배울게 많은 초보자인지라 틀린 부분, "

2023년 3월 22일
·
0개의 댓글
·

20230320 TIL

멋쟁이사자처럼 프론트엔드 스쿨 5기 [Day 15]

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

230320 멋쟁이사자처럼 프론트엔드스쿨

오늘의 꿀팁 💡 더미 이미지 실제 사용할 이미지를 넣기 전에 매우 간단하게 이미지 영역을 잡아줄 수 있다 <img src="http://placehold.it/100x100" alt=""> 💡 텍스트 되도록 복붙하기 & 맞춤법 검사 돌리기(오타 확인) 📌

2023년 3월 20일
·
0개의 댓글
·

Next.js SEO, Head 렌더링 우선순위

Next.js SEO, Head 렌더링 우선순위

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

[Web] Path variable, Query String 그리고 SEO

Query String (URL Parameter) 개념 URL Parameter (Query String)은 위의 그림에서와 같이 URL에서 물음표 뒤에 따라오는 key=value 형식의 pair들을 말한다. URL Parameter를 여러 개 쓰고 싶다면 &를 써

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

[HTML & SEO] 검색 엔진 최적화(SEO)에 대해서

프로젝트를 진행하는 도중 내가 만든 웹사이트에 어떤 사용자가 어떤 시간대에 접속해서 어떤 이벤트를 발생하는지가 궁금했다.이러한 생각은 곧 내가 만든 웹 사이트가 많은 사용자에게 노출되었으면 좋겠다는 생각에 귀결되었고, SEO를 고민하는 계기가 되었다.SEO는 Searc

2023년 3월 18일
·
0개의 댓글
·
post-thumbnail

[Network] HTTP (4) - HTTPS

[Network] HTTPS

2023년 3월 17일
·
0개의 댓글
·

[Next.js] - v13.2 Feature: Metadata

v13.2 에 추가된 기능

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

[사용자 친화 웹] SEO

SEO SEO(Search Engine Optimization, 검색 엔진 최적화) >검색 엔진의 작동 방식에 맞게 웹 페이지를 최적화해주는 작업 SEO를 통해 검색 엔진에서 웹 페이지를 보다 더 상위에 노출될 수 있게끔 만들 수 있습니다. On-Page SEO :

2023년 3월 3일
·
0개의 댓글
·
post-thumbnail

[사용자 친화 웹] 웹표준, SEO

웹표준, 크로스 브라우징(Cross Browsing), SEO, <meta>, og

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

SEO

SEO와 영향을 미치는 요소의 종류 그리고 작성 방법에 대해 알아보자. 🧐

2023년 2월 28일
·
0개의 댓글
·

[사용자 친화 웹] React에서 검색엔진 최적화(SEO)하는 방법들

Intro React 를 주로 사용해서 미니 사이드 프로젝트들을 만들고 있어서, React 를 사용해서 웹 페이지를 렌더링할 경우 SEO 에 상대적으로 취약한 것에 대해 검색해보고 해결책을 간단하게 정리해 보았다. 참고로 lighthouse 크롬 확장프로그램 lighthouse 에서 특정 웹사이트의 SEO 점수 체크도 해볼 수 있다. 1. SEO 란? ...

2023년 2월 28일
·
0개의 댓글
·
post-thumbnail

{22-23년}코듀온(Codueon) - 회고

코딩 과외 매칭 플랫폼 Codueon 회고록

2023년 2월 22일
·
2개의 댓글
·
post-thumbnail

알고보니 너무나 간단한 LCP 개선 사례

학습용 사이드 프로젝트를 시작할 때만해도 90점대 성능 점수를 보였는데 오랜만에 측정한 Performance 점수는 매우 낮아져 있었다. 이번 글은 성능 이슈의 원인이었던 LCP를 아주 간단히 개선했던 사례를 소개하려고 한다.

2023년 2월 19일
·
0개의 댓글
·