목록전체 글 (18)

Timpossible history

[Next JS] 개인 사이트에 Sitemap 만들기

0. 사이트맵(Sitemap)이란? 사이트맵은 site + map 단어의 조합으로 깊게 해석할 필요 없이, 웹사이트 지도라고 생각해볼 수 있다. 구글 검색 센터에 따르면, '사이트에 있는 페이지, 동영상 및 기타 파일과 그 관계에 관한 정보를 제공하는 파일'이라고 한다. * 사이트맵 파일이 필요한 이유? 한 마디로 말하자면, SEO 최적화를 위함이다. 구글 및 네이버 같은 플랫폼들의 검색 엔진 크롤러가 웹사이트의 정보를 긁어 모을 때 아주 효율적으로 정보를 제공할 수 있도록 돕는다. 물론 이 파일이 없다고 검색 엔진에 노출되지 않지는 않지만, 최적화라는 말의 장점을 이뤄줄 수 있는 파일이라고 하겠다. 그렇기에 Sitemap.xml 파일은 검색 엔진이 웹 사이트를 크롤링할 때 사용하는 파일로, 사이트의 페..
프론트엔드/Next JS 2024. 2. 13. 00:07
[Next JS] Next 13에서 동적으로 메타데이터 적용하여 SEO 최적화 시키기

참고 : https://nextjs.org/docs/app/building-your-application/optimizing/metadata Optimizing: Metadata | Next.js Use the Metadata API to define metadata in any layout or page. nextjs.org 1. 메타데이터와 그 장점 메타데이터가 무엇인지, 기능과 그 장점이 무엇인가? 메타데이터와 SEO 최적화는 웹 사이트나 앱의 검색 엔진에서의 노출을 높이고 사용자 경험을 향상시키는 중요한 요소이다. 이를 효과적으로 설정하면 다음과 같은 좋은 점을 얻을 수 있다. 1. 검색 엔진 노출 향상: 메타데이터를 적절하게 설정하면 검색 엔진에서 웹 페이지의 내용을 더 잘 이해하고 인덱싱할 수..
프론트엔드/Next JS 2024. 2. 12. 21:08
[Next JS] Next 13에서 API routes 만들기(feat. 동적 라우팅)

넥스트 프레임워크가 13버전으로 업데이트 된지 시간이 좀 지났지만, 뒤늦게 적응하려다가 기존 버전과는 약간 다르게 API route 구현해야 함을 깨닫고, 공식 웹사이트에서 살펴본 것들을 정리해보려고 한다. 참고 : https://nextjs.org/docs/app/building-your-application/routing/route-handlers#dynamic-route-segments Routing: Route Handlers | Next.js Create custom request handlers for a given route using the Web's Request and Response APIs. nextjs.org 1. API routes? API Routes는 Next.js 애플리케이..
프론트엔드/Next JS 2024. 2. 11. 17:18
이전 Prev 1 2 3 4 5 6 Next 다음