inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Nuxt.js 시작하기

페이지별 메타 태그 설정 방법

기존 vue-CLI로 구축된 웹사이트에 메타태그를 다르게 붙여주는 방법이 있을까요?

389

jjeonginpark

작성한 질문수 1

1

안녕하세요.

vue강의 해주신 수업 열심히 수강하여 vue라는 프레임워크로 웹사이트를 처음 구축해보았습니다. 정말 감사드립니다.

저는 사이트를 vue-cli로 구축을 하였는데요,

다름이 아니라 SEO 최적화를 위해 사이트별 메타태그 내용을 다르게 하고싶어서 vue-meta라는 플로그인을 사용하여 메타태그를 사이트별로 적용을 하였는데요,

막상 카카오톡이나 facebook으로 사이트 링크를 보내보면 처음 설정한 (public/index.html)의 메타태그 적용만 적용이 되어요.

public/index.html안에 메타태그를 쓰지 않으면 아예 적용도 안되구요.

혹시  vue-cli로 구축된 사이트에서도 nuxt.js처럼 페이지별 메타태그 설정하는 방법이 있을까요?

 

 

nuxtjs ssr vuejs

답변 1

0

캡틴판교

안녕하세요 jjeonginpark님, 제 강의를 듣고 사이트를 잘 구축하셨다니 뿌듯하네요 :) 말씀하신대로 페이지 별 메타 태그를 적용하려면 pre-render나 웹 서버에 SNS 크롤러 별로 별도의 응답을 돌려보내주는 설정을 하셔야 합니다. pre-render는 아래 문서 참고해 보세요 :)

https://prerender.io/

판교님, 50% 학생 할인 쿠폰

0

147

2

캡틴님 커리어 질문 있습니다

0

82

1

nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제

1

357

1

vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?

0

194

1

24년 강의를 들으면서 에러나는 부분 정리

2

347

2

공식홈페이지에 설치방법이 바뀐거같아요

1

410

3

layouts폴더와 default.vue에대해서 궁금한 점 있습니다!

1

385

2

자료가 없습니다.

1

287

2

에러 페이지 정의 방법 강의 문의

1

339

2

SSG -> SSR 배포 방식 전환

1

531

2

갑자기 화면에 에러가 나오네요..

1

452

2

마지막 강의까지 작성된 코드

1

297

2

JSON Server Operator 링크에 Operator 가 없습니다.

1

227

2

Vue2 EOL 관련해서..

1

464

2

env.baseUrl 문제

1

626

2

블로그 기능 질문입니다!

1

464

3

node 버전 문제 질문입니다.

1

227

1

폴더구조 다른것 안내 부탁드려요

1

459

1

npm run generate 배포

1

681

2

캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ

1

331

2

nuxt.config.js 에서 baseurl 지정하는 방법

2

996

1

db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.

2

614

3

axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.

2

775

2

SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?

1

390

2