SEO соображения для одностраничных приложений

  1. Вступление Появление фреймворков JavaScript, таких как AngularJS, React и Vue.js, и многие другие,...
  2. SEO Проблемы
  3. SEO Best Practice
  4. Использование серверного рендеринга
  5. Поисковая система
  6. Метаданные
  7. Загрузка соответствующего содержимого немедленно
  8. Внутренние ссылки
  9. Страницы ошибок
  10. XML Sitemap
  11. Резюме

Вступление

Появление фреймворков JavaScript, таких как AngularJS, React и Vue.js, и многие другие, быстро ускорило принятие одностраничных приложений (SPA). Facebook, Twitter и YouTube являются примерами веб-сайтов, которые приняли SPA. Растущее принятие Соглашений SPA обусловлено тем фактом, что такие структуры могут предложить как лучший пользовательский опыт, так и повышение эффективности разработки.

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

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

Источник: Microsoft

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

SEO Проблемы

Несмотря на то, что SPA предоставляют множество преимуществ как пользователям, так и разработчикам, такие платформы часто могут вызывать легкое чувство паники даже у опытных оптимизаторов. Это связано с тем фактом, что СПА создают массу проблем при попытке реализовать традиционные методы SEO.

Эти проблемы проистекают из того факта, что фреймворки JavaScript, то есть SPA, вносят определенный уровень сложности в традиционное сканирование / индексацию веб-сайтов. Эту сложность можно легко наблюдать, просматривая источник SPA или чаще всего его отсутствие. Традиционно сканеры, такие как Googlebot, обнаруживают страницы веб-сайта, а затем вторичный процесс инициируется индексатором, который впоследствии оценивает обнаруженные страницы. Для сайтов, построенных исключительно на HTML, это относительно простой процесс. Для веб-сайтов с высокой степенью зависимости от JavaScript, т. Е. Там, где большая часть ссылок не является частью исходного кода HTML, сканер может первоначально найти только ограниченный набор URL-адресов. Чтобы обнаруживать более глубокие URL-адреса, индексатор должен отображать страницы, обнаруженные во время первоначального сканирования, извлекать все дополнительные URL-адреса, а затем передавать их обратно сканеру, чтобы разрешить обнаружение более глубокого содержимого. По мере того, как усложняется работа сайтов JavaScript, сканирование становится все более медленным и неэффективным. Эта сниженная эффективность может не только увеличить время, необходимое для появления страниц в результатах поиска, но и внести неточности в оценку графика внутренних ссылок сайта. Это может привести к тому, что ключевые страницы не будут вознаграждены авторитетом, которого они заслуживают, и страницы с более низкой ценностью окажутся выше в результатах поиска.

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

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

SEO Best Practice

Преимущества СПА для пользователей и разработчиков неоспоримы; Чтобы использовать эти преимущества, крайне важно следовать рекомендациям SEO передовой практики. Ранее Google заявлял, что теперь может успешно сканировать контент JavaScript, если необходимые ресурсы не заблокированы. Однако в таких объявлениях также содержались следующие признания:

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

Для максимизации SEO-возможностей SPA рекомендуется использовать следующие методы оптимизации:

Использование серверного рендеринга

Если SPA имеет рендеринг на стороне сервера, проблемы с сканированием / индексацией могут быть эффективно решены до того, как они возникнут.

  • Angular 1.0 - требует сторонних инструментов или создания собственных внутренних скриптов для включения рендеринга на стороне сервера, например prerender.io
  • Angular 2.0 - совместим с Angular Universal - специализированный сервис рендеринга для приложений Angular
  • React - использует рендеринг в строку, позволяющий возвращать строки HTML непосредственно на сервер

Поисковая система

Уникальный URL-адрес должен быть предоставлен для всех страниц со статусом 200. URL-адреса должны быть плоскими, чистыми и без фрагментов (хэштегов). После устаревания схемы сканирования Google AJAX хэш-бэнги больше не рекомендуются.

Метаданные

Рекомендуется, чтобы все ключевые метаданные отображались непосредственно в исходном коде страницы, в дополнение к функциональности рендеринга на стороне сервера. Ключевые метаданные должны включать следующие теги (если применимо):

  • Заголовок страницы
  • Мета-описание
  • Канонический тег
  • Мета роботы
  • HREFLANG

Загрузка соответствующего содержимого немедленно

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

Внутренние ссылки

Для обеспечения эффективного сканирования всего содержимого веб-сайта рекомендуется встраивать внутренние ссылки с использованием тегов <a> ссылок, а не событий JavaScript onclick.

В дополнение к тому, что все ссылки имеют теги <a>, настоятельно рекомендуется, чтобы основные элементы навигации, такие как основная навигация, выводились непосредственно в исходном коде.

Страницы ошибок

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

XML Sitemap

Принимая во внимание сложности, связанные с сканированием / индексацией SPA, настоятельно рекомендуется опубликовать карту сайта XML, чтобы обеспечить дополнительный доступ ко всему контенту веб-сайта более глубокого уровня.

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

Резюме

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

О Крисе:

Крис Манн - наш технический менеджер по SEO   и возглавляет нашу растущую команду SEO-аналитиков Крис Манн - наш технический менеджер по SEO и возглавляет нашу растущую команду SEO-аналитиков. Имея более чем 10-летний профессиональный опыт, Крис предоставляет экспертные знания в области SEO с сильной технической направленностью.

Похожие

SEO Уорренвилль
... seo-uorrenvill-1.jpg" alt="Сайт вашей компании был только что завершен"> Сайт вашей компании был только что завершен. Выглядит отлично, прост в использовании и отзывчив. Он с гордостью представляет ваш бренд, и ваша маркетинговая идея ясна. Итак, что еще вам может понадобиться? Вам нужна SEO или поисковая оптимизация. Ваш сайт может быть одним из самых уникальных и удобных сайтов в Интернете, но если вы не оптимизируете свой сайт, вы не получите трафик, необходимый для демонстрации ваших
SEO пакеты
Возможно, вы поняли, что поисковая оптимизация становится дисциплиной полный рабочий день . Малые и средние предприятия не имеют рабочей силы или опыта, чтобы не отставать от объема работы, необходимой для координации усилий с основными поисковыми системами. Время сотрудников, непосредственно занятых на предприятиях, лучше всего использовать на текущих клиентов.
Глубокие ссылки на приложения: SEO для приложений
... система может увеличить использование своего приложения пользователями, у которых оно уже установлено. Эта функциональность заключается в том, что, когда пользователь выполняет поиск на своем устройстве, где некоторые из его результатов можно увидеть из приложения, которое он установил (и который был правильно настроен для этого), ему говорят, что этот результат будет показан в приложение :
SEO 101, часть 1: что такое SEO?
Вы слышали, насколько важна поисковая оптимизация как источник трафика, который можно преобразовать в продажи. Но что такое SEO, правда? Это первая публикация из серии «SEO 101», в которой я буду исследовать каждую область SEO, объясняя, что это такое и как это сделать. SEO часто называют органическим поиском или естественным поиском. SEO включает в себя внесение изменений в ваш сайт электронной коммерции, которые сигнализируют о его релевантности и авторитете для поисковых
Курс / руководство SEO - поисковая оптимизация
... ить максимально высокую оценку в Google ? Из этого руководства по SEO и юзабилити вы узнаете, как веб-сайт попадает в первые результаты поиска в Google . SEO - это поисковая оптимизация . Как вы привлекаете посетителей на свой сайт? Как вы гарантируете, что они останутся на вашем сайте? Что такое SEM, SEO, ROI, SEF и SMO ? Что вы должны
SEO агентство Дюссельдорф | Простая интеллектуальная поисковая оптимизация SEO
... SEO. Мы поддерживаем вас в этом процессе и объединяем все строительные блоки интернет-маркетинга в единую общую концепцию. В будущем вы и ваш сайт будут найдены еще быстрее и лучше в Интернете. Увеличение количества кликов является прямым следствием, которое в лучшем случае приведет к увеличению прибыли. Эти услуги предлагает наше SEO агентство Если поставщик услуг специализируется на онлайн-маркетинге, он должен освоить весь спектр соответствующих
SEO 2017: полное обучение SEO + SEO для сайтов WordPress
Описание Этот курс, тренинг по SEO 2017: полный курс по SEO для веб-сайтов WordPress - это около 40 факторов SEO (поисковой оптимизации) о том, как занять первое место в поиске Google с помощью поисковой оптимизации. Каждый фактор SEO объясняется следующими способами: > Почему это фактор SEO? > Анализ тенденций для SEO-фактора за последние годы > Живой пример того, как этот фактор SEO дает результаты
SEO компания в Сент-Луисе | Поисковая оптимизация
Более 70 процентов веб-трафика, получаемого с помощью поиска, исходит от Google. Недавние изменения в том, как Google просматривает и оценивает веб-сайты, наносят ущерб сайтам, которые ранее считались оптимизированными. Anchor является SEO-компанией в Сент-Луисе с 2003 года. Работайте с одной из лучших SEO компаний сегодня. Наша команда SEO контролирует сообщество SEOMoz и полностью оптимизирует сайты наших клиентов на основе лучших отраслевых
Как улучшить видимость и SEO [Инфографика]
Является ли создание ссылок по-прежнему актуальным для SEO и контент-маркетинга? Вы можете подумать, что создание ссылок относится к той же группе, что и спам, дублирование контента и методы, позволяющие связать ваш веб-сайт везде, где вы можете, даже если это из теневого блога, заполненного рекламой. Но создание ссылок не должно быть таким, и само по себе это отличный способ развивать
Что такое SEO
... иатурой от английского выражения ПОИСКОВАЯ ОПТИМИЗАЦИЯ, или на болгарском языке, поисковая оптимизация"> Слово SEO является аббревиатурой от английского выражения ПОИСКОВАЯ ОПТИМИЗАЦИЯ, или на болгарском языке, поисковая оптимизация. Но что именно оптимизировано для поисковых систем? Речь идет об оптимизации веб-сайта (это может быть любой веб-сайт). Это набор неписаных правил, которые, если они будут выполнены,
SEO Ноттингем | SEO консультант | SEO электронной коммерции
... seo-nottingem-seo-konsultant-seo-elektronnoj-kommercii-1.gif> Поисковая оптимизация, чаще всего известная как SEO, - это процесс оптимизации контента на вашем сайте как часть стратегии на сайте, а также стратегий за пределами сайта для создания ссылок на ваш сайт, что приводит к повышению рейтинга в основных поисковых системах; Google, Bing и Yahoo. Работая вместе со своими партнерами, Энди Морли и TWDG Ltd., я могу предложить широкий спектр SEO-услуг, реализуя конкретные и целенаправленные

Комментарии

Как насчет всех сигналов за пределами страницы, таких как обратные ссылки, совместное цитирование, совместное вхождение?
Как насчет всех сигналов за пределами страницы, таких как обратные ссылки, совместное цитирование, совместное вхождение? Как насчет оптимизации поведения пользователя? А как насчет фактического производства контента? Как насчет социальных сетей? Краткое объяснение: В частности, рейтинг Google в поисковых системах сегодня определяется четырьмя основными областями. Фактическая оптимизация поисковой системы на странице со всеми мерами, которые используются на веб-сайте исключительно
Вы помните, как ссылки улучшают SEO вне страницы, верно?
Вы помните, как ссылки улучшают SEO вне страницы, верно? Когда пауки поисковых систем сканируют ссылки, они смотрят на ряд факторов, включая текст привязки ссылки (если он есть). Этот якорный текст становится ключевым словом, связанным с сайтом на другом конце ссылки. Так что примите этот принцип близко к сердцу и используйте его, чтобы сделать ваш НПД синонимом вашего бизнеса. Вы увидите эффекты в результатах поиска. Это также принцип взрыва Google, но это история для другого дня.
Как каждый фрагмент контента может соединяться друг с другом, как в качестве более широкого повествования, так и в качестве блока в вашей стратегии SEO?
Как каждый фрагмент контента может соединяться друг с другом, как в качестве более широкого повествования, так и в качестве блока в вашей стратегии SEO? Чтобы вернуться к «Лучшему практическому занятию» по SEO, «разговоры о SEO начали отвлекаться от технических подвигов и более целостные, контент-ориентированные стратегии это сочетает качественный контент
В приведенном выше примере сообщение «Где найти дешевые комплекты шин и колес» будет содержать ссылки со страниц, таких как «Стоит ли покупать дешевые шины онлайн?
В приведенном выше примере сообщение «Где найти дешевые комплекты шин и колес» будет содержать ссылки со страниц, таких как «Стоит ли покупать дешевые шины онлайн?» И «Безопасные, но дешевые шины для мотоциклов». Каждая из этих статей будет содержать ссылку на первичное ключевое слово post с использованием первичного ключевого слова в качестве текста привязки - текста, используемого в гиперссылке. HTML структура ссылок Ссылка - это просто HTML-тег. В частности, это якорь (<a>)
Задумывались ли вы, как некоторые веб-сайты попали в топ-10 результатов Google или на первую страницу других поисковых систем, таких как Yahoo или Bing?
Задумывались ли вы, как некоторые веб-сайты попали в топ-10 результатов Google или на первую страницу других поисковых систем, таких как Yahoo или Bing? Вы хотите катапультировать свой сайт на первую страницу поисковой системы? Я использую отличную аналитическую программу, которая может указать вам правильное направление. Он может выделить все настройки SEO, которые необходимо внести в свой сайт, чтобы он отображался в топ-10 результатов Google, и поможет вам занять высокое место в других
Вместо того, чтобы вводить «что такое SEO» или даже «что такое SEO», мы с большей вероятностью скажем «что такое SEO?
Вместо того, чтобы вводить «что такое SEO» или даже «что такое SEO», мы с большей вероятностью скажем «что такое SEO?». Это может показаться семантикой (и технически, это так!), Но привнесение в ваш контент разговорного ощущения - верный способ настроить вас на успех голосового поиска. Вот три простых способа закрепить разговорный контент: Используйте сокращения, такие как что есть, и вот. Это просто больше отражает то, как мы говорим. Например, вам
Как работает поисковая система?
Как работает поисковая система? Три части поисковой системы. Что такое паук? Что такое поисковая система? Что такое база данных Google? Что такое алгоритм? Создать учетную запись Google Как мне создать
Как насчет органического трафика, качества вашего трафика, общей видимости или всего другие методы оценки прогресса SEO кампании ?
Как работает поисковая система? Три части поисковой системы. Что такое паук? Что такое поисковая система? Что такое база данных Google? Что такое алгоритм? Создать учетную запись Google Как мне создать
Сколько раз вы слышали, как «эксперты SEO юридической фирмы» рассказывали, как они могут вывести ваш сайт на вершину Google, но затем не справляются?
Сколько раз вы слышали, как «эксперты SEO юридической фирмы» рассказывали, как они могут вывести ваш сайт на вершину Google, но затем не справляются? Если я описываю вас и вашу фирму, знайте, что вы не одиноки. Но прежде чем я расскажу вам, почему ваш сайт не входит в рейтинг Google и почему большинство «экспертов» не выполняют своих обещаний, я думаю, что вам нужно задать себе более фундаментальный вопрос - «как я узнаю? Разница между настоящим экспертом (который обеспечивает стабильные
Не думаете ли вы, что важно сохранять ссылки только на наши веб-сайты, вы можете сохранять ссылки на другие веб-сайты?
Не думаете ли вы, что важно сохранять ссылки только на наши веб-сайты, вы можете сохранять ссылки на другие веб-сайты? И это также может быть отменено, когда кто-то держит вашу ссылку на своих сайтах, это называется исходящей ссылкой. Внутренние ссылки: - Внутренние ссылки только перенаправляют на ваш единственный сайт. Внутренняя ссылка указывает только на ваш собственный сайт или домен. Например, домашняя страница вашего веб-сайта включает в себя множество внутренних
Как работает SEO SEO?
Как работает SEO SEO? Конечно, есть и другие видеопорталы, такие как Youtube, такие как MyVideo, Clipfish, Vimeo и т.д. Из-за доминирующего господства Youtube я хотел бы ограничиться конкретными механизмами для этой сети. В качестве примера можно привести текущее имиджевое видео нашего интернет-агентства, которое мы установили несколько недель назад на нашем канале Youtube. Конечно, вместе с соответствующим видео SEO 😉 Редактировать

Что такое одностраничное приложение?
Итак, что еще вам может понадобиться?
Но что такое SEO, правда?
Ить максимально высокую оценку в Google ?
Как вы привлекаете посетителей на свой сайт?
Как вы гарантируете, что они останутся на вашем сайте?
Что такое SEM, SEO, ROI, SEF и SMO ?
Каждый фактор SEO объясняется следующими способами: > Почему это фактор SEO?
Но что именно оптимизировано для поисковых систем?
Как насчет всех сигналов за пределами страницы, таких как обратные ссылки, совместное цитирование, совместное вхождение?