Vue-Nuxt удаляет html-теги из отображаемого текста для SEO

Я пытаюсь добавить описание в тег <head>, которое приходит с бэкенд-сервера через API. Но в бэкенде у меня есть редактор rich text, который генерирует текст с html-тегами.

Но я хочу добавить только обычный текст в описание для улучшения SEO производительности. Вот решение, думаю, оно вам тоже пригодится 😏.

В секции computed мы можем объявить функцию, которая будет отвечать за генерацию обычного текста из смешанного с тегом html.

computed:{

        strippedHtml() {
            let regex = /(<([^>]+)>)/ig;

        return this.description.replace(regex, "");
    }
Вход в полноэкранный режим Выйти из полноэкранного режима

теперь отобразите это в вашем шаблоне с помощью {{strippedHtml}} 😎
и вы можете добавить его также в

 head: {
    title: 'your title',
    meta: [
      {
        hid: 'description',
        name: 'description',
        content: this.strippedHtml
      }
    ],
  }
Войти в полноэкранный режим Выход из полноэкранного режима

Спасибо 😎

Оцените статью
Procodings.ru
Добавить комментарий