Одностраничные приложения убивают ваш SEO?

  1. Перспективы для сайтов на основе JavaScript
  2. Список популярных фреймворков JavaScript
  3. Итак, каково влияние на SEO?
  4. Что такое одностраничное приложение?
  5. Известные проблемы с отслеживанием:
  6. Известные проблемы с индексацией:
  7. Прогрессивное веб-приложение (PWA)
  8. Доступные решения
  9. Разместить карту сайта
  10. Создание пользовательских URL-адресов (ресурсы для разработчиков)
  11. BromBone
  12. Prerender.io
  13. Заключение

Веб-сайт на основе JavaScript означает, что вам необходимо отобразить / обработать код JavaScript, прежде чем отправлять контент веб-пользователю и любому агенту пользователя.

Традиционно Google смотрел только на необработанный текстовый контент, который мы получили в теле ответа HTTP, и не мог интерпретировать то, что увидит типичный браузер с JavaScript. Когда веб-сайты стали все больше полагаться на использование JavaScript, Google изначально не мог их читать и, следовательно, не мог дать им выгоду от их содержания в отношении рейтинга страниц результатов в поисковых системах.

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

(Уилл Кричлоу увидел значительное улучшение трафика после перехода от страниц, управляемых JavaScript, к не-JavaScript уверенный .)

Перспективы для сайтов на основе JavaScript

Angular - это самая популярная среда JS для одностраничных приложений (SPA). Google поддерживает и поддерживает AngularJS с сообществом отдельных разработчиков, хотя, как ни странно, не может отображать большое количество страниц AngularJS.

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

Список популярных фреймворков JavaScript

AngularJS - очень популярный фреймворк для одностраничных приложений. Angular существует на рынке уже несколько лет и предлагает впечатляющий список функций, которые пойдут на пользу разработчикам, таким как; двусторонняя привязка; шаблонный; форматирование валюты; плюрализация; многоразовые средства управления; RESTful API обработка; Обработка AJAX и т. Д.

Технически SPA не должны использовать какие-либо модные фреймворки, такие как MVC, Ember.js, Node.js или AngularJS. Фактически, возможно построить SPA, используя только jQuery и HTML для внешнего интерфейса, но это не рекомендуется для больших веб-сайтов, где данные лучше всего управляются мощной внутренней CMS.

Итак, каково влияние на SEO?

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

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

Джон Мюллер недавно объяснил как Google индексирует сайты JavaScript в своем информационном бюллетене.

«Google поддерживает JavaScript в некоторой степени. Google поддерживает использование JavaScript для предоставления мета-тегов заголовков, описания и роботов, структурированных данных и других метаданных. При использовании AMP HTML-страница AMP должна быть статической, как того требует спецификация, но связанная веб-страница может быть построена с использованием методов JS / PWA. Не забудьте использовать файл карты сайта с правильными датами «lastmod» для сигнализации изменений на вашем сайте ».

Что такое одностраничное приложение?

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

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

Известные проблемы с отслеживанием:

Приложение такого типа часто обновляет URL-адрес в адресной строке, чтобы имитировать традиционную навигацию по страницам, но другой полный запрос страницы не выполняется. Таким образом, для одностраничного приложения, где сайт загружает новое содержимое динамически, а не при полной загрузке страницы, фрагмент кода analytics.js запускается только один раз.

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

Известные проблемы с индексацией:

Google не индексирует контент сайта - как было сказано выше, система индексации Google обрабатывает JavaScript, но для обеспечения доступности контента могут потребоваться некоторые проблемы.

Например, если вы используете новые функции браузера, такие как Fetch API, убедитесь, что они polyfilled в браузерах без поддержки. «Polyfill» на самом деле является резервной версией браузера, подобно библиотеке JavaScript, которая переносит новый API в более старую среду, используя только «средства этой среды».

Чтобы проверить, как Google отображает вашу страницу SPA, просто используйте инструмент Fetch as Google, находящийся в консоли поиска, чтобы получить предварительный просмотр того, что Google увидит.

Прогрессивное веб-приложение (PWA)

Прогрессивное веб-приложение (PWA) предлагает преимущества изначально установленного приложения, за исключением магазина приложений.

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

Эта технология показывает две спецификации, которые особенно интересны для будущего SEO & UX:

  • PWA работают быстрее и работают быстрее, чем мобильные веб-сайты, что дает им преимущество перед нетерпеливыми мобильными пользователями.
  • Пользователи могут получить доступ к PWA более надежно, чем традиционные мобильные веб-сайты. В автономной среде PWA нанимают работников сервисов для работы в качестве прокси-сервера, позволяя вам предварительно кэшировать все необходимые ресурсы. Это означает, что ваше приложение продолжает работать в автономном режиме, то есть именно тогда, когда людям это нужно больше всего (самолеты, метро и т. Д.)

PWA оптимизированы для SEO, если они следовать контрольному списку лучшей практики и не принимать форму SPA. Для лучшей практики SEO PWA должны использовать История API воспроизводить своего рода след URL вместо фрагментов страницы, которые используют Hashbang (#!). Например, все после #! в https://example.com/#!user/26601 ,

Доступные решения

Поскольку весь код загружается только один раз в одностраничные приложения (SPA), поисковые системы не могут оценить качество содержимого страницы, а также не назначают должным образом какой-либо показатель качества страницы для этой веб-страницы (или «PageRank»). Другими словами, Google знает о существовании страницы, поскольку у них есть возможность обнаружить ее по ссылкам, но на самом деле не может сказать, может ли копия на этой странице реагировать в соответствии с целью поиска.

В Harvest мы исследовали различные обходные пути ниже для запуска одностраничных приложений (SPA), дружественных к SEO. Некоторые варианты могут включать ресурсы Dev и / или дополнительные расходы на сторонние инструменты.

Разместить карту сайта

В целом, карты сайта особенно полезны, если на сайте есть страницы, которые не легко обнаруживаются роботом Googlebot в процессе сканирования, например, страницы с расширенным AJAX или изображениями. Хотя это только частичное решение, стоит развернуть карту сайта XML (если еще не сделано) на своем веб-сайте. С помощью этой карты сайта поисковые системы смогут переходить по ссылкам, а затем открывать страницы. Однако карта сайта не решит трудностей, связанных с сканированием и индексацией содержимого страницы. Другими словами, веб-страницы появятся в Google (по существу), но могут оказаться не содержащими контент в поисковой выдаче при использовании тяжелых JavaScript-фреймворков.

Например, проверка кеша Google для SPA, в котором развернута только карта сайта XML (но нет другого решения), говорит нам, что их проиндексированные страницы пустые:

Например, проверка кеша Google для SPA, в котором развернута только карта сайта XML (но нет другого решения), говорит нам, что их проиндексированные страницы пустые:

Создание пользовательских URL-адресов (ресурсы для разработчиков)

В зависимости от JavaScript Framework, SPA, такие как Ember.js, могут быть настроены / оптимизированы для обслуживания пользовательских URL через динамический сегменты , В случае Angular.js разработчик потребует внимания для настройки режим локации в HTML5.

BromBone

BromBone автоматически загружает все страницы из sitemap.xml, а затем использует прокси-сервер для отправки HTML-страниц роботам поисковых систем. Нет необходимости устанавливать какое-либо программное обеспечение.

  • Тип: предварительный рендеринг HTML
  • Динамическое / Статическое обновление: Динамическое
  • Простота развертывания: легко
  • Стоимость: $ 129 / месяц
  • Ресурс: http://www.brombone.com/

Prerender.io

Prerender.io требует ручной загрузки файла sitemap.xml и сделает все остальное. Небольшие сайты (до 250 страниц) могут использовать предварительный рендеринг бесплатно, в то время как более крупные сайты (или сайты, которые постоянно обновляются), возможно, должны платить до 200 долларов в месяц. Однако наличие индексируемой версии вашего сайта, которая позволяет привлекать клиентов с помощью обычного поиска, неоценимо.

  • Тип: предварительный рендеринг HTML
  • Динамическое / Статическое обновление: Статическое
  • Простота развертывания: очень легко
  • Стоимость: $ 200 + / месяц
  • Ресурс: https://prerender.io/

Заключение

Будем ли мы видеть больше сайтов с динамическим JavaScript в будущем? Это конечно возможно. Даже с традиционными многостраничными сайтами всегда приветствуются и привлекают решения, которые ускоряют и облегчают разработку и тестирование этих сайтов.

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


Метки: одностраничные приложения

Что такое одностраничное приложение?
Итак, каково влияние на SEO?
Что такое одностраничное приложение?

Популярное
Атомэнергопром - атомная отрасль России - главная
АО «Атомэнергопром» (полное название — акционерное общество «Атомный энергопромышленный комплекс») — интегрированная компания, консолидирующая гражданские активы российской атомной отрасли . Атомэнергопром

ЗАВОД №9, Екатеринбург
"ЗАВОД №9", ОТКРЫТОЕ АКЦИОНЕРНОЕ ОБЩЕСТВО Регион Свердловская область, Екатеринбург Адрес 620012, г. ЕКАТЕРИНБУРГ, пл. ПЕРВОЙ ПЯТИЛЕТКИ Телефон (343) 327-29-32 Факс (343)

Аграрное общество (признаки и разрушение)
В отличие от современных людей, человек древности и средневековья был значитель­но ближе к земле-кормилице, к традициям и обычаям своих предков. Поэтому и тот тип цивилизации, что существовал до Нового

Личный кабинет НПФ Доверие
НПФ «Доверие» — акционерное общество, предлагающее программы переноса в Фонд накопительной части пенсии по договору ОПС и программы формирования дополнительной негосударственной пенсии по договору НПО.

МУ СБР в ПФО (г. Нижний Новгород) - АООТ ТНК «Гермес-Союз» (ОАО «Промышленная компания «Гермес-Союз»)
  АООТ  ТНК «Гермес-Союз» (ОАО «Промышленная компания «Гермес-Союз») Акционерное общество открытого типа Транснациональная нефтяная компания «Гермес-Союз» (АООТ ТНК «Гермес-Союз») – наименование

ФЛ "БАРНАУЛЬСКИЙ" ЗАО "РАЙФФАЙЗЕНБАНК" - г. БАРНАУЛ, пр-т ЛЕНИНА, д. 163 - ФИЛИАЛ "БАРНАУЛЬСКИЙ" ЗАКРЫТОГО АКЦИОНЕРНОГО ОБЩЕСТВА "РАЙФФАЙЗЕНБАНК" В Г. БАРНАУЛЕ
ОКАЗАНИЕ УСЛУГ ПО ОТКРЫТИЮ И ВЕДЕНИЮ РАСЧЕТНЫХ СЧЕТОВ УПРАВЛЕНИЯ ФЕДЕРАЛЬНОГО КАЗНАЧЕЙСТВА ПО АЛТАЙСКОМУ КРАЮ ДЛЯ УЧЕТА ОПЕРАЦИЙ ПО ОБЕСПЕЧЕНИЮ ПОЛУЧАТЕЛЕЙ СРЕДСТВ БЮДЖЕТОВ БЮДЖЕТНОЙ СИСТЕМЫ РОССИЙСКОЙ

Традиционное (аграрное) общество
Традиционное (аграрное) общество представляло доиндустриальную стадию цивилизационного развития. Традиционными были все общества древности и средневековья. Их экономика характеризовалась господством

Новости компаний
Другие отчётные документы "Автоматика" в ИПС "ДатаКапитал" ОПУБЛИКОВАННЫЕ СООБЩЕНИЯ ЭМИТЕНТОВ АО "Концерн "Автоматика" - Проведение общего собрания акционеров акционерного

АО "НОВЫЙ РЕГИСТРАТОР"
Предлагаемая компанией продукция и услуги: Трансфер-агентское и регистраторское обслуживание Приобретаемая компанией продукция и услуги: - Дополнительная информация о компании: Член ПАРТАД

Банк "ГЛОБЭКС" - кредитование, вклады, банковские карты, денежные переводы, банковские услуги.
Примечание к курсам для безналичных операций по банковским картам При совершении безналичных конверсионных операций по банковским картам (покупки/продажи) Банком применяется механизм установления

Счетчики