[Feature] Meta tag로 SEO 최적화 & Open-graph 적용

[jwo1024]

내용

Meta tag로 SEO 최적화하기 Open-graph 을 적용하여 링크 미리보기 효과넣기

• 홈 / 컬렉션 / 프로필 / 장소 페이지

[jwo1024]

HTML 메타 태그 robots

all (색인 및 크롤링에 제한이 없는 기본값. index, follow를 동시에 적용한 것과 동일) index (페이지가 색인되어 검색 결과에 표시될 수 있음) noindex (검색 결과에 페이지를 표시하지 않음) follow (페이지를 포함해 링크된 페이지를 검색할 수 있음) nofollow (페이지를 포함해 링크된 페이지를 수집하지 않음) none (noindex, nofollow를 동시에 적용한것과 동일) noarchive (비표준, 페이지를 캐시하지 않음) nosnippet (비표준, 검색 결과에 페이지에 대한 스니핏 혹은 미리보기를 지원하지 않음)

기본 레이아웃에는

• robots: "index, follow", 적용하여 크롤링, 색인되도록 설정

검색되지 않아도 되는 페이지 핀 컬렉션 수정페이지, 설정 페이지, 개인 알림 페이지 등에는

• robots: "noindex, nofollow", 적용하여 크롤링, 색인되지 않도록 설정

[jwo1024]

layout.tsx 에 적용한 metadata 는 하위페이지들에게 적용된다. (모든 페이지에 favicon 적용 완료) 하위 페이지에서 metadata 설정을 하면 해당 태그는 덮어씌워진다.

[jwo1024]

한글 검색 가능하도록 keyword 설정하기 사이트 detail 설명 수정하기

영문으로 네이버 검색 가능함

[jwo1024]

위의 네이버 검색은 네이버에 사이트를 등록하지 않았음에도 검색이 되어 나왔다. 구글은 검색이 아직 안된다....

직접 google 과 naver에 사이트를 등록해야 검색이 잘 된다고 한다.

• https://searchadvisor.naver.com/
  • 네이버 서치 어드바이저에서 로그인 후 사이트 등록, 제공하는 메타태그 사이트에 적용하기
• https://search.google.com/search-console/about
  • 구글 서치 콘솔에서 로그인 후 사이트 등록, 제공하는 메타태그 사이트에 적용하기

참고 https://imweb.me/faq?mode=view&category=29&category2=35&idx=5945

[jwo1024]