Как сделать статичную многостраничную версию сайта-одностраничника, работающего на Javascript?

Question

[Никита]

Здравствуйте!
Есть сайт. В нём многомерный массив со всеми необходимыми данными: коллекции, в них модели. Всё это красиво перелистывается средствами js. Возникла потребность в индексации поисковиками. Яндекс на этот счёт советует только формат ссылок для дальнейшего создания страницы на сервере.
Переделать код js в php, чтобы пользователь получал готовую страницу с запрашиваемой моделью можно, но долго и скучно. Да и в дальнейшем в два раза больше кода писать.
Как автоматизировать процесс? Есть ли какой-нибудь интерпретатор js или плагин для браузера, чтобы он по очереди открыл все "страницы", выполняя код js, попутно сохраняя получившийся результат в html?

Comments

[Никита]

Hash #! на сайте есть.
Сделать php-файл, который будет генерировать нужный файл по запросу вида ?_escaped_fragment_= — не проблема. Проблема в том, что для этой генерации нужно продублировать то, что делает js на клиенте, в php.

Answer 1

[Алекс Белов]

hash в адресной строке используйте для навигации.
Яндекс и Google прекрасно различают хеши в адресной строке и индексируют содержимой в зависимости от смены хеша.

location.hash (в гугле много чего есть)

Пример использования в php... Думаю сможете адаптировать к своим нуждам.

Пример взят из stackoverflow. Выглядит вроде рабочим, но не ручаюсь.
file.html

<script type="text/javascript">
    $(document).ready(function() {
        $(window).bind('hashchange', function() {
            var hash = window.location.hash.substring(1);
            $.get('ajax-hash.php', { tag: hash },
                function(data) { $('#tag').html(data); }
            );
        });
    });
</script>

<div id="tag"></div>
<a href="#one">#one</a> | <a href="#two">#two</a> | <a href="#lolwut">#lolwut</a>

ajax-hash.php

<?php
    $hash = isset($_GET['tag']) ? $_GET['tag'] : 'none';
    echo $_SERVER['HTTP_REFERER'] . '#' . $hash;
?>

немного ссылок
link1
link2

link3 (не уверен, что к вашему случаю подойдет)

Answer 2

[Mikhail Osher]

Angular
или
jQuery hashchange

Answer 3

[sasha]

все ссылки сделать /a href .... onclick="return false;"/ это будет говорить браузерам не открывать эту ссылку(но роботы поисковиков будут нормально открывать) и уже на javascript обрабатывать нажатия на эти ссылки так как надо типа onclick="func(arg);return false;" . ну а чтоб было совсем гуд то на лету заменять адресную строку pushstate()

Comments

[EugeneOZ]

индексироваться это не будет. ссылки на страницы должны вести на хэши, как минимум.

[sasha]

А можно пруфлинк ?

Answer 4

[Тимур Туз]

на хабре поищите статью по "pjax". Сам ее использую в одностраничнике - оч удобно

Answer 5

[pomeo]

Статичный генератор сайта не проще?

Comments

[Никита]

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

[pomeo]

@Pontific о чём вы вообще, я говорю про nanoc.ws например. Снаружи это обычный сайт psd2cms.ru , во время сбора это любая логика https://github.com/pomeo/psd2cms.ru , а на выходе только html https://github.com/pomeo/psd2cms.ru/tree/gh-pages