SPA и индексация в поисковых системах

бери реакт, он может и на сервере

Этот подход всегда был говном и остался говном в 2017

Goury

Этот подход всегда был говном и остался говном в 2017

Альтернатива есть?

Гугл уже лет пять выполняет жс при индексировании. Так, что все будет работать.

nikolnik

Гугл уже лет пять выполняет жс при индексировании. Так, что все будет работать.

Пару лет назад не мог найти этому подтверждения. Может плохо искал? Можно ссылку?

А старый добрый HTML тебе что мешает генерить на сервере?
Смузи перевейпил?

Goury

А старый добрый HTML тебе что мешает генерить на сервере?

Старый добрый HTML генерировать мне кроме как для поисковика особого смысла нет. У меня плеер музыкальный на сайте планируется и чтобы воспроизведение не прерывалось при переходе по ссылкам, мне проще содержимое JavaScript-ом генерировать. Логично же?

Может плохо искал?

очевидно да. https://pageshot.net/WmNMNhGovGb4t5ol/www.google.ru

Ты собрался SPA на jQuery делать?

https://vuejs.org/v2/guide/ssr.html

а что ты собрался отдавать на индексацию поисковику?

жопоруко и говнокодско, а не логично

Старый добрый HTML генерировать мне кроме как для поисковика особого смысла нет. У меня плеер музыкальный на сайте планируется и чтобы воспроизведение не прерывалось при переходе по ссылкам, мне проще содержимое JavaScript-ом генерировать.

Хоронили bgsound, выпили все смузи.

theNamelessOne

Ты собрался SPA на jQuery делать?

Вопрос, возможно, глупый, но на чем его делать, если не на jQuery?

Goury

жопоруко и говнокодско, а не логично

А как логично?

bvn13

а что ты собрался отдавать на индексацию поисковику?

Каталог музыки.

А логично бросить вейпить смузи и генерить нормальный человеческий HTML на сервере.

JS логично использовать только для реализации того функционала, который невозможно реализовать без него.
И ещё логичнее реализовать fallback, на случай отсутствия JS на клиетне.

Слушать и качать музыки можно без JS в любом современном браузере.

JS логично использовать только для реализации того функционала, который невозможно реализовать без него.
И ещё логичнее реализовать fallback, на случай отсутствия JS на клиетне.

Такого сейчас не делает никто кроме застрявших в нулевых бэкэндщиков.

x3al

Такого сейчас не делает никто кроме застрявших в нулевых бэкэндщиков.

Видимо это про меня история, расскажите, как делают?

Goury

Слушать и качать музыки можно без JS в любом современном браузере.

Т.е. плеер, аналогичный тому, что на Яндекс.Музыке можно сделать без JavaScript? Плейлисты, воспроизведение музыки при переходе между страницами? Мы либо друг-друга совсем не понимаем, либо я чего-то сильно не понимаю.

все-все-все будет выводиться с помощью JavaScript (запросы к API, все такое).

Ну, ок.

Если очень волнуешься по поводу поисковиков и хочешь сервить не настолько пустой html — убедись, что твой стек умеет в isomorphic rendering.

Всё.

https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-201... не сильно устарело.

x3al

https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-201... не сильно устарело.

Спасибо за ссылку, обязательно прочитаю. Если я правильно понял, вы в разработке Front End-а разбираетесь, подскажите, чем, принципиально React и jQuery отличаются? Спасибо.

на чем его делать, если не на jQuery?

https://en.wikipedia.org/wiki/Single-page_application#JavaScript_frameworks

https://hackernoon.com/5-best-javascript-frameworks-in-2017-7a63b3870282

https://github.com/showcases/front-end-javascript-frameworks

больше ссылок богу ссылок на http://lmgtfy.com/?q=spa js framework

хотя вообще вопрос изначально был поставлен не совсем верно - использование какого-нибудь ангуляра или реакта никак не мешает использовать jQuery

Просто при типичном использовании фрэймворка jq уже не требуется, так как нет нужды работать с DOM-деревом напрямую.

А вот строить SPA в 2k17 без использования фрэймворка уже не модно.

Ford_Focus

А вот строить SPA в 2k17 без использования фрэймворка уже не модно.

А чем тот же React принципиально лучше jQuery? Модно - это слабый аргумент. Спасибо.

Я бы взял для такого Vue или React.

jquery — неплохая библиотека для сглаживания различия между браузерами (что сейчас неактуально вообще) и упрощения работы с DOM руками (сейчас не так часто нужно).

react — virtualdom-библиотека для View современных SPA, умеет в компоненты (как и все View-библиотеки и фреймворки, претендующие на актуальность). Самая мейнстримная из компонентных view-библиотек в современном понимании.

У них совсем разные области применения. Можно сравнивать react со, скажем, backbone.js (который пользует в том числе jquery, хотя может и без него).

Отрендерь все страницы, перехватывай запросы ботов и отдавай им пререндер. В чем проблема-то?

isomorphic rendering.

Технология не взлетела и обречена на скорую смреть. В 2017 к ней уже лучше не привязываться.

А чем тот же React принципиально лучше jQuery?

Реакт - ничем. Это тот же jquery просто с рядом вшитых оптимизаций (ради которых приходится пожервовать качеством архитектуры). Бери сразу Angular.

Ты собрался SPA на jQuery делать?

А на чем сейчас модно-молодежно? react? vue?

Да.

Отдавай простой статик хтмл, который будет юзабелен в том же lynx'е, в этот статик набей контент, который хочешь отдать поисковым ботам или пользователям с лора под lynx-ом (тестить верстку не обязательно - пусть страдают). Соответственно каждый URL будет отдавать уникальный хтмл, который смогут смотреть боты, ретрограды с лора и устаревшие, полные дыр - андроид браузеры.

В каждый такой хтмл подмешай небольшой скрипт, который займется проверкой, что юзер не с лора, а на современном хроме/файрфоксе/едже - нужное подчеркни. После чего нагни браузер по полной, запустив догрузку плееров, джикверей, вемассемблей и вот этого всёго на +100500 Мб. Контент можно перегрузить или поступить умнее - проапгрейдить, взяв за основу то, что загрузил изначально для поисковых ботов.

И будет всем счастье. По крайне-мере мой фреймворк именно с такой архитектурой, но он еще не готов, так что пока не проси.

В discourse такой подход используется, с двойной загрузкой. Солидно, надежно. Но выглядит отвратительно.

выглядит отвратительно

Код или работа в браузере?

jQuery прошлый век. Сейчас актуален React или Vue. На худой конец Angular.

Насколько я знаю, поисковики могут наложить санкции, если будешь отдавать им одно, а пользователям другое.

пользователям другое

Хеш по контенту будет тот же самый, пользователи устаревших браузеров получат также ботовый контент.

Работа в браузере. Когда по форума лазаешь, часто темы в новых вкладках открывать надо. И каждый раз эта срамота мигает.

Это конечно не фатально, но стыдоба.

Что там мигает? Открываю в новой вкладке, сначала белый фон, затем загружается и всё. Может только белый фон чуть дольше держится, чем на обычных сайтах. Но так это их проблемы с оптимизацией.

Вообще, достаточно сохранить сессию пользователя в печеньках, после чего ему сразу отдавать +100500 Мб в новой вкладке, не выдумывая ничего. И при последующих заходах тот же алгоритм.

https://dev.rcopen.com/ сравни

Печеньки да, помогают отчасти. Но IMHO лучше двигаться в сторону изоморфного рентеринга. Не надо потом 2 варианта темплейтов поддерживать (ущербный и полноценный).

https://dev.rcopen.com/ сравни

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

изоморфного рентеринга

Это как? Даже гугл про такое не в курсе... Хотя погуглил английский, нашел, читаю.

Понятно, рендеринг на сервере. Я вначале подобную архитектуру задумывал. Прикрутил к джаве жабаскрипт движок nashorn, все дела. Но посмотрев как это всё жрет ресурсы сервера, передумал. Может на какой-нибудь ржавчине или крестах подобное и взлетит, но на джаве слишком большой оверхед.

Не надо потом 2 варианта темплейтов поддерживать (ущербный и полноценный)

В любом случае на мобилку отдавать десктопную верстку, плохая идея, даже Тёма это осознал. По сути в такой архитектуре поддерживаешь ущербный темплейт для мобилок/ботов и полноценный для десктопа.

Покажи где ты там мигание нашел. Там reflow должен быть только для внешних картинок если у них размеры не сосканировались.

Ресурсы жрет не особо больше чем олдскульные сайты, которые на сервере рендерили. Дело в руках.

В любом случае на мобилку отдавать десктопную верстку, плохая идея, даже Тёма это осознал.

Тема из любителей много позвиздеть. Ссылку я уже давал, уменьши окошко, будет нормально на мобилках и планшетках.