Nuxtjs 간단한 SEO 메타데이터 생성

2266 단어 ssr nuxt

nuxtjs를 사용하여 ssr을 지원할 때 페이지 vue 구성 요소에서 메타 정보를 정의할 수 있습니다. 페이지마다 메타데이터를 설정해야 합니까?

아니! 프로젝트에 nuxt-seo-meta를 추가하기만 하면 됩니다.

시간 정의 중복 메타를 줄이기 위해 이 npm을 만들었습니다.
nuxt-seo-meta에서 방금 관심 정보를 정의하고 모든 메타 정보nuxt-seo-meta를 재설정하면 자동으로 생성됩니다.twitter , facebook 소셜 메타를 포함합니다.

여기 스크린샷을 보여주세요

사용asyncData

async asyncData({ seoMeta }) {
  seoMeta({
    title: "PageTitle",
    description: "PageDescription",
    url: "PageUrl",
    image: 'SocialShareImage.png'
  })
}

머리에 사용

head({$seoMeta}){
  return {
   meta: $seoMeta({...options}, false)
  }
}

자세한 정보를 찾을 수 있습니다here.

Reference

이 문제에 관하여(Nuxtjs 간단한 SEO 메타데이터 생성), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ihavecoke/nuxtjs-generate-meta-info-simplely-237a

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다