Nextjs14 SEO

opengraph 가 정상적으로 적용되지 않음

특정 도메인(모각코 상세)의 주소 공유시 og 가 적용되지 않는 현상 (렌더링은 정상적으로 됨)

• 해결 방법

  • (dynamic ssr false 적용)
    • 서버 렌더링 시에도 에러(localStorage 찾을 수 없다는 에러)가 발생되지 않도록 하여 200응답이 될 수 있도록 수정

• 앞으로 작업시 주의해야 할 것

  • 해당 주소가 동적으로 메타데이터를 설정해서 보여줘야 되는 곳(generateMetadata)이고 제대로 적용이 되지 않는 것 같다면, 서버 렌더링시 응답 상태를 확인해보자
    • 이번 이슈 상황에서도 주소 접속시 렌더링도 정상, 탭에서도 보여지는 제목도 설정한 제목으로 나오고 개발자도구에서 요소 확인시 meta 태그도 설정한 내용으로 구성되있어 초반에는 원인이 무엇인지 전혀 감이 오지 않았음...
    • 서버 렌더링시 500 인 것에서 인사이트를 발견하고 수정한 뒤 정상적으로 og가 적용된 케이스이기 때문...