운영하고 있는 서비스에서 새롭게 만들어진 콘텐츠가 구글 서치 콘솔에 등록했는데, 색인이 되지 않는 문제가 발생하고 있습니다.기존에 아무렇게나 올라오는 글에 비하면 퀄리티가 괜찮다고 판단하였는데, 색인이 등록되지않아 점검을 진행하였습니다. 크롤링 에이전트 변경기존에 상세페이지의 색인은 분명 Googlebot 데스크톱이었고 그거 기반으로 크롤링이 일어나고 있었습니다. 그런데, 구글에서 모바일 중심 색인 생성 권장으로 변경하면서, Googlebot 스마트폰으로 기본 에이전트가 변경되면서 발생하기 시작했습니다. 우선 현재 서비스의 문제는 웹 기반의 모바일 url 을 지원하는 것이었는데, 모바일인지 PC인지 판단하여 모바일인 경우 '/m/' url 을 붙여 리디렉션을 진행하였습니다. 그러다보니, Googlebot..
결론부터 말하면, 우리가 왜 존재하는지(미션), 어디로 나아갈지(비전)를 명확히 할 때, 팀원들이 더 큰 의미를 가지고 일할 수 있습니다.그래서 미션, 비전을 설정해야 하는 이유에 대해서 간략하게 소개해보겠습니다. 사업계획에서 미션과 비전을 설정해야 하는 이유팀에서 함께 일하다 보면, 우리가 단순히 일을 처리하고 목표를 달성하는 데 그치지 않고, 더 큰 그림을 그려야 할 순간이 옵니다.그 과정에서 미션과 비전을 설정하는 건 단순히 형식적인 요소가 아닙니다. 팀이 같은 방향을 바라보고, 의미 있는 결과를 만들기 위해 반드시 필요한 과정입니다.미션과 비전이 왜 중요한지, 그리고 이를 통해 우리가 어떤 방향성을 가질 수 있는지 이야기해 보겠습니다. 1. 미션(Mission): 지금 우리가 존재하는 이유미션은 ..
UX(User eXperience, 사용자 경험) 에 대해서는 프론트엔드 개발자, 디자이너뿐 아니라, 비즈니스를 다룰 때도 고려되어야 하는 부분 중 하나가 되었다. (UX 가 서비스 생명과 직결되는 경우가 많기 때문에)쉽게 말하면, 어? UX 알지~~ 라고 넘어가기만 하면 안되는 상황이 나온 것이다. UX 리서치그래서 이제 UX 리서치 라는 용어가 나오게 되었고 이제는 리서쳐로 해서 직무, 조직이 만들어지기 시작했다.이 UX 리서치는 UX 를 조사하는 것인데, 우리가 보이는 여러 서비스, 솔루션 등에서 어떤 식으로 유저 플로우가 움직이고 실제 사용자가 원하는 니즈 등을 파악하는 행위를 진행합니다.그렇게함으로써 서비스를 사용자에게 맞춤 형태로 제공함으로써 사용자의 리텐션을 증가시키고 더 큰 로드맵을 제시할..
티스토리에 작성한 글을 구글 서치 콘솔에 가서 상태를 확인하였는데, 페이지 색인이 생성되지 않음 + 페이지 가져오기 쪽 에러 메시지가 "리디렉션 오류" 라는 에러가 발생하였습니다. 그래서 해당 글이 왜? 리디렉션이 떴는지를 확인해보았습니다.원인그래서 크롤링에 사용된 에이전트를 보아하니 스마트폰으로 크롤링을 시도한 것을 확인했습니다.바로 티스토리로 가서 모바일 설정 옵션을 끄도록 하였습니다. 우선 위와 같이 모바일웹 자동 연결을 사용하지 않고 다시 색인 생성 요청을 시도했습니다. 결과생성되지 않던 색인이 정상적으로 생성되는 것을 확인할 수 있었습니다.
현 프로젝트에서 Nextjs14 를 사용하고 있었는데, Nextjs15 의 안정적 버전이 나와 이번에 마이그레이션을 진행했습니다. 우선적으로 크게 바뀐 것은 동기 API 들이 비동기로 변경되었고, page, layout 에서 사용되는 params 또한 비동기로 변경되었습니다.그래서 간단하게 변화 부분에 대한 내용과 새롭게 추가된 내용을 간략하게 정리하겠습니다.🚀 Next.js 15 업그레이드Next.js 15 버전이 출시되면서 많은 주요 변경 사항과 새로운 기능들이 추가되었습니다. React 19 지원과 비동기 API 변화 등 프로젝트에 큰 영향을 줄 요소들이 많으므로, 이번 포스팅에서는 Next.js 15 업그레이드에 필요한 가이드와 새 기능을 최대한 쉽게 설명드리겠습니다.1. Next.js 15 업..
데모 페이지 개발 개요프로젝트에서 OpenAI의 DALL·E 모델을 사용해 이미지를 생성해왔으나, 실사화 및 비용 문제로 인해 다른 이미지 생성 모델에 대한 탐색을 시작했다. Replicate에서 제공하는 다양한 API, 특히 Flux, Recraft, Stable 등의 모델을 활용하여 새로운 이미지 생성 데모 페이지를 개발하게 되었다. Replicate 란?Replicate를 사용하면 머신 러닝을 이해하거나 자체 인프라를 관리할 필요 없이 클라우드 API로 AI 모델을 실행할 수 있습니다. 다른 사람이 게시한 오픈 소스 모델을 실행하거나, 자체 학습 데이터를 가져와 미세 조정된 모델을 만들거나, 처음부터 사용자 지정 모델을 빌드하고 게시할 수 있습니다.쉽게 말하면, 여러 모델을 사용하기 위해서는 하드웨..
- Total
- Today
- Yesterday
- 서버 to 서버
- Github Actions
- Storybook
- vue router
- webpack
- vscode
- dockerfile
- Vite
- NUXT
- nodejs
- openAI
- nuxt2
- 깃허브
- nextjs14
- AWS
- 오블완
- 스벨트
- vue composition api
- svelte
- React
- 타입스크립트
- Embedding
- 네이버 서치 어드바이저
- Git
- docker
- cors
- seo
- NextJS
- 티스토리챌린지
- nextjs13
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |