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

Похожие

SEO Терминология
... спам-фильтров от Google, которые кардинально изменили способ, которым Google оценивает и оценивает сайты. Он часто обновлялся. Первоначально он был запущен в феврале 2011 года, а последний раз обновлялся в сентябре 2013 года. Многие SEO-специалисты утверждают, что их сервисы «защищены от панд». Такие заявления, как правило, должны встречаться со скептицизмом. Пингвин: набор спам-фильтров от Google, которые кардинально изменили способ оценки и оценки веб-сайтов
Лос-Анджелес SEO Эксперт
... SEO) была основной частью моей работы последние шесть лет. Я также хорошо разбираюсь в веб-дизайне и графическом дизайне, но ушел на задний план из-за спроса на SEO. Наличие прочной основы веб-дизайна и графического дизайна позволило мне обеспечить «единый подход» для владельцев бизнеса, которые ищут доступные и эффективные улучшения для бизнеса. Я помог компаниям увеличить свою прибыль и достичь статуса первой страницы в Google для высококонкурентных
SEO услуги
... SEO. SEO (поисковая оптимизация) или поисковая оптимизация - это все методы, применяемые к веб-сайту, который стремится улучшить его видимость в Интернете. SEO рождается в необходимости выделяться среди других сайтов конкурентов, это означает, что в результатах поиска в Google (или других поисковых системах) сайт является одним из первых результатов. Теперь, почему мы бежим, чтобы быть на первых местах? Потому что интернет-тренды показывают, что пользователи почти
SEO Сербия
... seo-serbia-1.jpg> У вас есть замечательный сайт , полный невероятно полезного контента для ваших потенциальных посетителей. Но таких посетителей нет. Они не могут найти вас через интернет-браузер. SEO (поисковая оптимизация) - это процесс, с помощью которого контент вашего сайта адаптируется к формату, который подходит для интернет-браузеров. спасибо SEO При этом ваш сайт будет иметь более высокий рейтинг в результатах
SEO сборы
... для бизнеса? Ну, мы дадим притчу, что это SEO сравнивается с продавцом, который, скорее всего, определяет количество проданных товаров. Поскольку, используя технологии SEO, мы можем охватить потенциальных покупателей во всех уголках интернет-пользователей, в настоящее время цифровая эра превратила многих людей из обычных в современные и со временем. Итак, краткий вывод о важности SEO заключается в том, что если у нас есть веб-сайт, предназначенный специально для онлайн-продаж,
Magento SEO
Логотип фон Филундо SEO Magento для онлайн-рынка с мясными деликатесами - ничто для вегетарианцев. Будучи типичным SEO-флекситом, ботаник любил заниматься этой задачей. Filetundco →
Оттава SEO
... seo-1.jpg" alt="SEO услуги в Оттаве Любой, кто владеет или намеревается владеть малым или средним бизнесом, знает, что реклама имеет решающее значение"> SEO услуги в Оттаве Любой, кто владеет или намеревается владеть малым или средним бизнесом, знает, что реклама имеет решающее значение. В то время как из уст в уста, как правило, лучший вариант, интернет-реклама также невероятно важна. Если ваш сайт не может быть найден с помощью простого веб-поиска, вы
Сент-Луис SEO
... seocompany.com/wp-content/uploads/2017/11/St-Louis-SEO-Services.jpg"> Ищете эксперта в Сент-Луисе SEO? Сделайте свой бизнес веб-сайт выделиться в крупных городах США Получите отзывчивый сайт с высоким трафиком, вознагражденный Google Найдите в Интернете то, что вы делаете, увеличьте свою экспозицию Развивайте свой бренд и улучшайте свою прибыль Получите
SEO Тампа
... seo-tampa"> Интернет является важной частью вашей бизнес-стратегии, потому что сеть позволяет вам охватить аудиторию, которая распространяется далеко за пределы Тампы. SEO позволяет поднять вашу известность и видимость в Интернете благодаря улучшению рейтинга в поисковых
SEO Консалтинг
... для вашей компании. Мы работаем в тесной координации с вашей командой, чтобы классифицировать существующие проблемы и находить эффективные решения. Наш путь к SEO консалтингу включает в себя следующее: Определите проблемы Рекомендовать решения
SEO новости
Это почти время для летнего отдыха, и все, о чем вы можете думать, это пляжи, лесные горы и холодные напитки. Но есть также события в мире цифрового маркетинга, о которых вы захотите подумать, прежде чем отправиться в путь. В последнее время пространство поиска было вовлечено в гонку обновлений алгоритма.
Так как же выглядит код для одностраничного приложения?
Теперь, почему мы бежим, чтобы быть на первых местах?
Для бизнеса?
Jpg"> Ищете эксперта в Сент-Луисе SEO?

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