-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[#657] 네비게이션 스키마 작성 #660
[#657] 네비게이션 스키마 작성 #660
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
src/app/layout.tsx
Outdated
<script | ||
type="application/ld+json" | ||
dangerouslySetInnerHTML={{ __html: JSON.stringify(navigationSchema) }} | ||
/> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
comment;
해당 script태그를 line54에 있는 <GoogleAnalytic />
처럼 컴포넌트로 분리를 해볼까요!? 🤔
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
p4;
해당 script태그를 line54에 있는 처럼 컴포넌트로 분리를 해볼까요!? 🤔
다른 컴포넌트들도 추상화가 되어있는 상태라 맞추면 좋을 것 같아요!!
+) 찾아보니 next에 Script 컴포넌트가 있어요!! 이걸 활용해보면 어떨까요??
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
⚡️ Lighthouse Average Scores Across Reports:
⚡️ Average Details Across All Reports:
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
와.. 너무 좋아요..🥺 SEO 끝판왕!! 코멘트 하나만 확인해주세요!! 수고하셨습니다! 👍🏻
src/app/layout.tsx
Outdated
<script | ||
type="application/ld+json" | ||
dangerouslySetInnerHTML={{ __html: JSON.stringify(navigationSchema) }} | ||
/> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
p4;
해당 script태그를 line54에 있는 처럼 컴포넌트로 분리를 해볼까요!? 🤔
다른 컴포넌트들도 추상화가 되어있는 상태라 맞추면 좋을 것 같아요!!
+) 찾아보니 next에 Script 컴포넌트가 있어요!! 이걸 활용해보면 어떨까요??
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👏🏻
구현 내용
위 이미지는 구글에 "당근"을 검색했을때 나오는 UI예요.
"당근" 검색 결과 처럼 "다독다독"을 검색했을때 저희 서비스가 노출된다면
북카이브, 도서검색, 독서모임, 내프로필 4가지 항목이 보일 수 있도록 네비게이션 스키마를 작성했어요
스크린샷
Screen.Recording.2024-07-12.at.3.00.50.AM.mov
schema.org에서 네비게이션 스키마 마크업이
올바르게 적용됐는지 테스트하는 영상이에요
Help
각 항목에 대한
description
constants/metadata/scheme.ts
에 각 항목에 대한 description을 임시로 제가 적어 두었어요.더 자연스럽거나 어울리는 문구가 있다면 적어주셔도 좋아요 🤣
관련 이슈