dmitrybascacov
@dmitrybascacov
Кодим и декодим, а иногда кино смотрим

Как в связке vue(+vue routes) + laravel добавить мета теги и микроразметку?

Как грамотно добавить мета теги(зависят от страницы) если фронт на 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 и лару - на случай если вопрос излишне глуп
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ответы на вопрос 1
firedragon
@firedragon
Senior .NET developer
Используй ssr или perender. Во втором случае делай что то типа document.title = title в mounted
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы