Есть ли смысл делать псевдо SPA на PHP?

Question

[pudge1500]

Хочу сделать главную и категории под SPA приложение в подобном стиле:

<a href="#" id="myLink">Ссылка</a>

<script>
    document.getElementById("myLink").addEventListener("click", function(event) {
        event.preventDefault(); // Предотвращаем стандартное действие ссылки
        // Здесь можно выполнять необходимые действия
    });
</script>

Так можно делать? Не будет никак влиять на SEO?

Answer 1

[Александр Аксентьев]

Делать можно.

Влиять на сео не будет, потому что не будет никакого сео.

у СПА специально делаются серверым рендерингом страницы чтобы в поиск попадал контент.

В такой схеме контент только дефолтный будет учитываться. Боты не будут по ссылкам кликать чтобы выполнить js код.

Comments

[pudge1500]

Спасибо. А можете дать совет где взять нормальную инфу по SPA?

[Александр Аксентьев]

pudge1500, какую нормальную?)

Если хочется спа делаете спа. Если нужен при этом СЕО, то нужен серверный рендеринг - это везде так и называется.
Т.е. дополнительные настройки в фреймворке на котором работает спа.

В таком наколеночном варианте как минимум надо делать ссылки разные и чтобы по этим ссылкам уже открывался целевой контент. Тогда будет обычное сео и индексация без проблем. Это и есть серверный рендеринг по сути. Ну т.е. делать настоящие ссылки которые по настоящему открывают разные страницы.
Но это никак не мешает тому что можно навешать JS в браузере для красивой смены контента.

[pudge1500]

Александр Аксентьев, ну у меня есть посадки обычные под урлы. Как не старался максимизировать производительность (98/100), иногда бывают белые блики. Так можно сделать обычные посадки и на них навешать JS подобным образом, если есть реальные посадки под эти урлы на PHP? Так подойдет? Просто краулер не сможет переходить по ссылкам а будет индексировать напрямую по урлам?

[Александр Аксентьев]

pudge1500,

Просто краулер не сможет переходить по ссылкам а будет индексировать напрямую по урлам?

да не сможет если там только js обработчик.

Так можно сделать обычные посадки и на них навешать JS подобным образом, если есть реальные посадки под эти урлы на PHP?

Поэтому должны быть href с корректными урлами.
А сверху уже JS хендлеры которые будут работать по своему для всех нормальных посетителей.

[pudge1500]

Александр Аксентьев, а смысл тогда с этих SPA? Можно также легкие посадки сделать с прелоадерами и всё

[Александр Аксентьев]

pudge1500, смысл в том разрабываются они с использованием крутых лгбт фреймворков фронтовых, это удобно, быстро и т.д.

Но если всё таки нужно сео, то надо просто включить что-нибудь в конфиге как правило, т.е. это не требует особых усилий дополнительных.

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

[pudge1500]

Александр Аксентьев, а какие тогда преимущества у PHP?

[Александр Аксентьев]

pudge1500, это бекенд, он фронту отдаёт данные по api

Но фронт с серверным рендерингом это дополнительная прослойка, просто он эти данные заранее с апи подгружает внутри себя н асервере и отдаёт в виде готовой страницы, т.е. по сути страница загружается у юзера только на сервере и отдаётся уже с контентом.
А потом когда страница открылась подключаются уже все функции фронта и он работает как spa. И уже работает по апи без перезагрузки страницы.

Короче бекенд никуда не девается.
А страница заранее сгенерирована и это работает для всяких ботов которые индексируют сайт по ссылкам.

[pudge1500]

Александр Аксентьев, на PHP тоже можно сделать SPA через AJAX тот же самый. Делает так кто-то?

[Александр Аксентьев]

pudge1500, в браузере-то не php, это бекенд всё еще.
Ну так spa это и есть бекенд любой, js и ajax запросы.

на пхпх большая часть интернета работает) spa или не spa неважно

Answer 2

[alexalexes]

Гасить стандартное действие можно у ссылок, но это не освобождает от формирования url в ссылках.
Параметры в ссылках нужно указывать такие, чтобы оно восстанавливало состояние страницы, если попытаться перейти по ней, а псевдо переход по ссылке менял адрес страницы без фактической перезагрузки (добавлял запись в историю url).

Comments

[pudge1500]

Через history.pushState это делаю