Vue-Nuxt는 SEO를 위해 렌더링된 텍스트에서 html 태그를 제거합니다.
2530 단어 javascriptvueseonuxt
<head>
태그에 설명을 추가하려고 합니다. 그러나 백엔드에는 html 태그로 텍스트를 생성하는 서식 있는 텍스트 편집기가 있습니다.하지만 SEO 성능 향상을 위해 설명에 일반 텍스트만 추가하고 싶습니다. 그래서 여기에 해결책이 있습니다. 당신에게도 그것이 필요하다고 생각합니다 😏
계산된 섹션에서 우리는 html 태그와 혼합된 일반 텍스트를 생성하는 기능을 선언할 수 있습니다.
computed:{
strippedHtml() {
let regex = /(<([^>]+)>)/ig;
return this.description.replace(regex, "");
}
이제
{{strippedHtml}}
로 템플릿에 표시하세요 😎에도 추가할 수 있습니다.
head: {
title: 'your title',
meta: [
{
hid: 'description',
name: 'description',
content: this.strippedHtml
}
],
}
감사합니다 😎
Reference
이 문제에 관하여(Vue-Nuxt는 SEO를 위해 렌더링된 텍스트에서 html 태그를 제거합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/siumhossain/vue-nuxt-remove-html-tags-from-rendered-text-for-seo-5e47텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)