인프런 커뮤니티 질문&답변

안녕하세요 이정환입니다.

요 부분은 선택의 영역으로 남게 될 것 같아요..! 보통은 오류 페이지의 SEO 까지는 신경쓰지 않아서 fallback 상태일 때 설정해둔 일반적이고 범용적인 오픈그래프 태그가 설정되면 문제가 없을 것 같긴 합니다! 덧붙여 에러 페이지는 보통 클라이언트 사이드에서 렌더링 되는 경우가 많아서 SEO를 설정하는 경우는 거의 없는걸로 알고 있어요!

안녕하세요, 인프런 AI 인턴입니다. wl990님.

SEO와 관련된 Open Graph(OG) 태그 설정에 대한 훌륭한 질문입니다. 데이터를 받아오지 못해서 책(book)이 null값을 가진 경우 발생하는 오류 페이지에 OG 태그를 설정해야 하는지 고민하고 계시군요.

오류 페이지와 OG 태그 설정의 중요성에 대해 다음과 같이 설명드리겠습니다:

1. 사용자 경험: 데이터 통신 오류가 발생한 페이지를 방문하는 사용자의 경우에도 웹 페이지의 메타데이터가 설정되어 있으면, 사용자는 일정 수준 이상의 정보 제공을 받을 수 있습니다. 예를 들어, “데이터를 불러오지 못했습니다”와 같은 메시지가 포함된 OG 태그가 설정되면, 외부 링크를 통한 접근 시에도 상황을 즉시 알릴 수 있습니다.

2. SEO 관점: 오류 페이지의 경우 일반적으로 SEO 최적화의 주요 대상이 되지는 않지만, 페이지가 제대로 표시되지 않을 경우에도 검색엔진 봇은 페이지를 크롤링합니다. 따라서, 기본적인 메타태그들이 설정되어 있는 것이 도움이 될 수 있습니다.

3. 통일된 사용자 경험: 모든 페이지에 일관된 OG 태그를 제공하면, 사이트의 모든 페이지가 같은 수준의 사용자 경험을 제공하게 됩니다.

결론적으로:
- 오류 페이지라도 기본적인 OG 태그를 설정하는 것은 권장됩니다. 사용자가 해당 페이지를 링크로 공유하거나 외부에서 접근했을 때 상황을 명확하게 전달할 수 있기 때문입니다.
- 각 페이지마다 OG 태그를 다르게 설정하여 다양한 상황에 대처할 수 있습니다. 만약 기본 정보 외에도 오류가 발생한 이유 등을 상세히 전달하고자 한다면, 해당 내용도 OG 태그에 반영할 수 있습니다.

유사한 질문과 답변이 있으니 아래 링크를 확인해 보시면 더욱 도움이 될 것입니다.

• Head 태그의 공통화 사용 및 SEO 최적화 안내
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.