Vue.js - обработка метаданных с помощью vue-headful

Question

я использую vue headful для работы с seo и создания динамического метатега, но этот плагин не работает. заголовок изменяется правильно, но метатег все еще не динамический, он не отображается на источнике страницы, а отображается при проверке

Answer 1

vue-headful - это плагин JavaScript, который «позволяет установить заголовок и несколько мета-тегов вашего документа». Хотя это работает для браузеров и некоторых поисковых систем, выполняющих JavaScript (например, Google), оно не работает для большинства социальных сетей. Большинство из них не выполняют JavaScript перед отображением метаданных.

У вас есть четыре основных варианта:

• Заполните index.html некоторыми общими метатегами. Если вы сделаете это, все ваши страницы будут использовать одни и те же метатеги при их совместном использовании.
• Используйте Laravel, чтобы заранее заполнить метатеги в файле index.html для каждого маршрута. (Я не знаю Laravel, но я настоятельно полагаю, что это было бы возможно.)
• Использовать рендеринг на стороне сервера .
• Используйте prerendering , чтобы предварительно отобразить все ваши веб-страницы перед их фактическим развертыванием.

Answer 2

У меня такая же проблема. В моем случае причина в том, что Facebook индексирует сайт без запуска Vue, поэтому плагин не может работать должным образом.

Мое решение состояло в том, чтобы создать index.html с некоторыми базовыми мета-метами внутри папки public .

Однако я верю, что может быть другой способ подключиться к функциям визуализации vue.