처음에 _app.jsx에 next/head를 통해 <Head>태그를 적용해두었고 og 태그가 제대로 적용 되는 것을 확인했었다.
그리고 다른 개발 하며 잊고 있다가 어느 순간 <Head>태그를 페이지별로 다르게 따로 넣어주고 싶었고
각 페이지에서 next/head를 불러와 사용했다.
그랬더니 og 태그가 적용이 안 되는 것이다. 계속 메인 페이지의 og 정보만 가져왔다.
당시에는 어떤 페이지에서 next/head를 써도 당연히 될 줄 알고,, 이 문제라고 생각하지 못했는데...
그 이유 중 하나는 구글링을 해도 어떤 문제점을 찾을 수 없었기 때문 ㅠ ㅠ 남들은 페이지별로 잘 적용하더라고.
그러다가 이걸 봤다.
next/head <meta> tags for pages overriding default _app.js <meta> tags are rendered in the browser but not visible to facebook
Verify canary release I verified that the issue exists in Next.js canary release Provide environment information sorry this is not working. i am running nextjs 12 node 16.12.1 yarn 1.22.5 What brow...
github.com
내 문제와 동일한 이슈라고 생각했고 다시 next/head들을 _app.jsx로 옮겼다...
그리고 문제가 해결됐다.
휴 이거 때문에 시간을 얼마나 쓰고,, 주변에 막 물어보고, 숨고에서 의뢰라도 해야하나 하고 있었는데
해결했지만 이유를 모름
'main > Next.js' 카테고리의 다른 글
| CSR, SSR, Next.js의 start command에 대하여 | 원티드 프리온보딩 챌린지 사전 과제 (0) | 2023.07.04 |
|---|---|
| [Next.js] SEO를 위한 SSR 시도 - 페이지별og태그 적용기 (0) | 2022.01.19 |
| React Router 이동 시 Transition Animation 주기 (0) | 2022.01.10 |
| [React | Next.js] TOAST UI Editor 사용하기 (0) | 2022.01.10 |
| [Next.js] 기존 React 프로젝트 Next.js로 바꾸기 - 3 (TS, Styled-Component, SVG) (0) | 2021.12.22 |
