Задать вопрос
@plue
vue

Как через prerender-spa-plugin для VUE сделать разные СЕО мета-теги для разных страниц?

Сделано SPA приложение на VUE, потом столкнулся с необходимостью СЕО продвижения.
Установил плаги prerender-spa-plugin и настроил webpack что страницы теперь отлично пререндерятся, НО
точка входа одна и мета-теги типа title и description на каждой странице остаются одни и теже.
Настройка вебпака с плагинами
5d41aa6cbcec8104937905.png

Страниц получается 4 - routes: ['/', '/sale', '/delivery', '/contacts']
Есть ли возможность задать им разные title и мета-теги для СЕО?
  • Вопрос задан
  • 1474 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
@plue Автор вопроса
Сам напишу ответ, может кому пригодится тоже:
на GitHub разделе Advanced Usage пример с postProcess.
Там можно html разметку исправить динамически. Пример с тегом title есть в разделе v2.x Compability (return context.html.replace(
/) 

postProcessHtml: function (context) {
          var titles = {
            '/': 'Home',
            '/about': 'Our Story',
            '/contact': 'Contact Us'
          }
          return context.html.replace(
            /<title>[^<]*<\/title>/i,
            '<title>' + titles[context.route] + '</title>'
          )
        }
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@AleksRap
Попробуйте на каждой странице в хуке жизненного цикла mounted() сделать так document.head.querySelector('...') вместо ... селектор мета тега по какому либо атрибуту и далее меняем значения у атрибутов нужного тега
Ответ написан
Комментировать
Комментировать
andrhohlov
@andrhohlov
https://github.com/nuxt/vue-meta
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Разработчик Vue.js
Кортекс
от 60 000 до 100 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Обработать массив фотографий
19 апр. 2024, в 08:46
5000 руб./за проект
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Ещё заказы