Как грамотно добавить мета теги(зависят от страницы) если фронт на vue + vue routes, а бек на ларе? Причем нужно сделать так, чтобы и поисковики и различные соц сети видели данные. Возможно ли это?
Данные по проекту:
Всего один blade шаблон
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
<title>Laravel</title>
<style>
[v-cloak] {
display: none;
}
</style>
<link rel="stylesheet" href="/css/app.css">
</head>
<body>
<div id="app" v-cloak>
<app-header></app-header>
<router-view></router-view>
<app-footer></app-footer>
</div>
<script src="/js/app.js"></script>
</body>
</html>
- Всего один .js файл в директории public
В теории, я не вижу нормальных не костыльных способов решения проблемы. Однако, может поисковики и соц сети уже умеют рендерить страницы?
Дополнительно тут же: если поисковики хорошо понимают js, то как они отнесутся к скелетной анимации/верстке. Когда перед загрузкой контента появляются серые блоки
да, я далеко не идеально знаю vue и лару - на случай если вопрос излишне глуп