SEO для СПА

Нам, разработчикам, нравятся наши сокращения. SEO для СПА ...

Поисковая оптимизация для одностраничных приложений

Одностраничные приложения являются одной из последних растущих тенденций в веб-разработке и направлены на создание «нативного» пользовательского опыта. Там нет обновлений страниц, контент слайды и отскок, и все гладкие функции, которые вы получаете в своих мобильных приложениях. Одностраничные приложения используют преимущества улучшенных возможностей как вашего оборудования (современные смартфоны более чем в 100 раз превышают вычислительную мощность среднего спутника *), так и вашего браузера. Последние браузеры могут сделать гораздо больше, чем любимый IE6; не только с точки зрения совместимости CSS, но и функциональности JavaScript.

Одностраничные приложения могут быть встроены в нативный JavaScript, однако большинство разработчиков обычно делают нас из SPA-фреймворков, таких как #AngularJS, #knockoutjs, #sammyjs, #durandal ... и т. Д. Эти рамки немного различаются, и мы не будем вдаваться в достоинства, которые лучше других, поскольку все они предлагают разные аспекты, и то, что можно сделать с одним, скорее всего, можно сделать с другим; однако все они имеют что-то общее, все они позволяют вам создавать ваше одностраничное приложение.

Так как же выглядит код для одностраничного приложения? Очень часто все веб-приложение выполняется на JavaScript, что означает, что ваш «бэкэнд» будет состоять из одного файла index.html, который загружает JavaScript. Такие вещи, как маршрутизация, также будут обрабатываться JavaScript, поэтому при переходе по URL; инфраструктура JavaScript будет понимать URL и загружать различные представления соответственно. Очень часто существует значительная предварительная загрузка, чтобы создать максимально быстрый опыт; что может привести к анимации предварительной загрузки, пока веб-сайт загружается.

Затем содержимое сайта обычно загружается из API, что означает, что если вы загружаете сайт с отключенным JavaScript, у вас появляется пустая страница. Это идет вразрез с принципом постепенного улучшения, и, к сожалению, именно так разрабатывается большинство одностраничных приложений. Например, взгляните на:


https://www.casumo.com/

HTML без JavaScript выглядит следующим образом (я удалил несколько встроенных CSS); что само собой разумеется, имеет нулевую ценность SEO.

<body> <div id = "applicationHost"> <div id = "app-splash" style = "position: fixed: top: 0; left: 0; right: 0; bottom: 0; background: # 3ebeba; color: #fff; text-align: center; "> <div class =" app-loader-container "> <div class =" app-loader "> <div class =" app-loader-rings "> <div class =" ring "> </ div> <div class =" ring "> </ div> <div class =" ring "> </ div> </ div> </ div> </ div> </ div> </ div > <script src = "/ assets / js / main-built-c9d74035ecf9b9aba46058750d0db4cf.js"> </ script> </ body>

Хотя Google начал сканировать веб-сайты JavaScript, все еще остается спорным, полагаться ли на него в рейтинге поисковых систем.

Во время конференции #ngeurope в Париже Брэд Грин из Angular заявил, что Google должен быть в состоянии полностью отсканировать приложение Angular к концу 2014 года. Насколько я знаю, это еще не так, однако я спросил его, что должно быть сделано, когда вы хотите получить рейтинг для всех поисковых систем, а не зависеть от Google:

Насколько я знаю, это еще не так, однако я спросил его, что должно быть сделано, когда вы хотите получить рейтинг для всех поисковых систем, а не зависеть от Google:

Предлагаемый подход - безголовый браузер; например, PhantomJS, который будет сканировать весь ваш сайт и создавать его HTML-представление. После этого робот Googlebot ударил бы это представление HTML вместо отображаемого содержимого, поэтому необходимо регулярно обновлять снимок HTML, если содержимое часто меняется. Есть также услуги, которые предоставляют что-то подобное, такие как BromBone .... и, откровенно говоря, оба чувствовали себя взломанными; вместо того, чтобы делать все правильно.

Невероятный путь ...

Мы работаем над библиотекой JavaScript, которая будет использовать существующий сайт, и при условии, что он имеет правильную реализацию на стороне сервера, включая конечные точки JSON; превратите его в простое одностраничное приложение, включающее переходы страниц и другие интересные вещи. В основном это будет косметическое изменение, то есть некоторые преимущества, связанные с одностраничными приложениями, не могут быть использованы из-за упрощенного характера плагина; однако это делает для довольно аккуратного пользовательского опыта.

И предостережение .... к сожалению, это все еще в стадии разработки, но должно быть достаточно на GitHub в самом ближайшем будущем. :(

* http://www.nasa.gov/multimedia/podcasting/TWAN_11_23_12_prt.htm

Так как же выглядит код для одностраничного приложения?

© Частный пансионат "Фортуна"  2013
Разработка сайта:   WEB-студия “KPORT”
При создании сайта использованы фото проекта peschanoe.net