Я пытаюсь обработать метаданные в разделе head
моего html
при написании Progressive Web App (PWA). По метаданным я имею в виду:
-
title
иdescription
метатеги - Atom feed ссылка URL метатег
- OpenSearch метатег
- Структурированные данные Google
- Facebook OpenGraph
- Twitter-карты
Одиночная оболочка приложения
Все метаданные, указанные выше, различны для каждой страницы приложения. Использование единственной оболочки приложения html
потеряет все вышеперечисленное. Может показаться, что я ошибаюсь здесь и что поисковые системы теперь выполняют JavaScript. Если да, то как это работает? Я бы использовал AJAX для извлечения заголовка HTML при каждой навигации на стороне клиента? Будет ли это работать для всех поисковых систем? Каковы недостатки?
Отображение на стороне сервера
С помощью этой опции каждая страница отображается на сервере с ее собственными метаданными head
. Вы можете использовать стратегию кэширования "Первая сеть" или "Самый быстрый первый". Недостатком такого подхода является то, что вы теряете некоторую производительность, потому что ваша оболочка приложения не кэшируется на стороне клиента и не загружается мгновенно, что дает пользователю возможность сразу посмотреть.
Вопрос?
Оба варианта кажутся противоположными друг другу. У вас может быть производительность или хорошие метаданные с повышением эффективности вашего SEO и обмена опытом. Какая счастливая промежуточная площадка? Есть ли лучший подход обоих миров?
Update
Я нашел эту связанную с GitHub проблему из проекта маяка Google.