[FEAT] robots.txt 및 메타태그 정보 추가 #246
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
🪷 Storybook 확인 🪷 |
seong-hui
requested review from
maylh,
bykbyk0401 and
Taew00k
and removed request for
bykbyk0401
bykbyk0401
approved these changes
Mar 5, 2025
There was a problem hiding this comment.
메타태그가 상세하게 너무 잘 변경된 것 같습니다👍👍
| <h1 className={styles.titleStyle}> | ||
| <span className={styles.name}>{name}</span> | ||
| {`님을 위한\n템플스테이,\n찾으러 가볼까요?`} | ||
| </h1> |
There was a problem hiding this comment.
header 시맨틱 태그도 제대로 붙고 코드도 깔끔해졌네요!
| onClick(); | ||
| } | ||
| }}> | ||
| <a href={link} className={styles.cardWrapper}> |
There was a problem hiding this comment.
이제 버튼이 링크 역할을 한다는걸 인식할 수 있겠군요
a 태그 이용하는게 더 깔끔해서 좋은 것 같기도 해요. 앞으로는 항상 이 부분 염두에 두고 구현해야겠네요!
maylh
approved these changes
Mar 6, 2025
|
Robots.txt와 sitemap을 적용해주시고 메타태그, 특히 페이지 이동을 a 링크로 다 바꿔주신 덕분에 SEO가 향상된 것 같습니다. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🛰️ 관련 이슈
🧑💻 작업 내용
User-agent: *)아래와 같이 header 시맨틱 태그를 부여하였습니다.
<a>태그 적용하여 SEO 및 접근성 개선🗯️ PR 포인트
🚀 알게된 점
기존에 저희 코드에서 링크의 이동인 경우에도
button또는div태그에onClicknaviagte를 이용하여button을 링크처럼 사용해왔었습니다. 하지만 이는 검색 엔진이 버튼이 링크 역할을 한다는 것을 인식하지 못하여 페이지간의 연결이 제대로 이루어지지 않는다는 것을 알게되었습니다. 따라서 페이지 이동을 담당하는 버튼을 태그로 교체하여 검색 엔진이 사이트 구조를 더 잘 이해하도록 수정하고자 하였습니다. 아직 해당 작업이 필요한 부분이 더욱 많은 것으로 보입니다!결국 웹이란 a태그로 연결된 문서들이며 해당 문서들을 잘 연결해서 검색 인덱싱이 잘 이루어져야 한다는 것에 대해서 고민해볼 수 있었습니다.
SEO 관점에서 태그를 사용하면 검색 엔진이 링크를 따라 크롤링하며 페이지 관계를 올바르게 인식할 수 있어서 링크 구조를 명확하게 전달하므로 페이지 간 연결을 더 잘 이해하고 이로 인해서 검색 결과에서 더 나은 색인을 기대할 수 있음을 알게되었습니다.
추가적으로 태그를 사용하면 사용자가 우클릭시 새 탭에서 열기와 같은 기능이 가능하기에 UX 개선 효과도 있음.
결론 : 페이지 이동
<a> 태그, 페이지 이동이 아닌, 특정 기능(이벤트 트리거)이 필요한 경우<button> 태그robots.txt는 웹사이트에서 크롤링하며 정보를 수집하는 검색엔진 크롤러가 액세스 하거나 정보수집을 해도 되는 페이지가 무엇인지, 해서는 안 되는 페이지가 무엇인지 알려주는 역할을 하는 파일이라는 것을 알게되었습니다.
사이트맵은 웹사이트의 페이지 구조를 검색 엔진과 사용자에게 알려주는 텍스트라는 것을 알게되었습니다.
📖 참고 자료 (선택)
📸 스크린샷 (선택)